:root{--bg-color:#0a0a14;--accent-main:#ff4d00;--accent-secondary:#ffd600;--highlight:#00f5d4;--text-color:#f5f0e8;--card-bg:#ffffff08;--card-hover:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);cursor:none;font-family:DM Sans,sans-serif;line-height:1.7;position:relative;overflow-x:hidden}.card-title,h1,h2,h3{font-family:Space Grotesk,sans-serif;font-weight:700}#bg-canvas{z-index:-3;width:100vw;height:100vh;position:fixed;top:0;left:0}.blob{filter:blur(80px);z-index:-2;opacity:.5;border-radius:50%;position:fixed}.blob-1{background:var(--accent-main);width:40vw;height:40vw;animation:20s ease-in-out infinite alternate blob-float;top:-10vw;left:-10vw}.blob-2{background:var(--highlight);width:35vw;height:35vw;animation:25s ease-in-out infinite alternate-reverse blob-float;bottom:-10vw;right:-10vw}@keyframes blob-float{0%{transform:translate(0)scale(1)}50%{transform:translate(10vw,5vw)scale(1.1)}to{transform:translate(-5vw,15vw)scale(.9)}}.noise-overlay{filter:url(#noise);opacity:.03;z-index:-1;pointer-events:none;background:url(#noise);width:100vw;height:100vh;position:fixed;top:0;left:0}.deco-circle{z-index:-1;pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;position:fixed}.circle-1{width:300px;height:300px;animation:10s ease-in-out infinite float;top:20%;right:10%}.circle-2{width:150px;height:150px;animation:12s ease-in-out infinite alternate float;bottom:20%;left:15%}.deco-grid{z-index:-2;pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.custom-cursor{background-color:var(--accent-secondary);pointer-events:none;z-index:9999;width:12px;height:12px;box-shadow:0 0 10px var(--accent-secondary);border-radius:50%;transition:width .2s,height .2s,background-color .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovering{border:2px solid var(--highlight);width:24px;height:24px;box-shadow:0 0 15px var(--highlight);background-color:#0000}.container{flex-direction:column;gap:80px;max-width:600px;margin:0 auto;padding:60px 20px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.avatar-container{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:10px;display:flex;position:relative}.avatar-border{background:conic-gradient(from 0deg, var(--accent-main), var(--accent-secondary), var(--highlight), var(--accent-main));z-index:1;border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:-4px}.avatar-img{object-fit:cover;z-index:2;background:var(--bg-color);border:4px solid var(--bg-color);border-radius:50%;width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.profile-name{letter-spacing:.03em;background:linear-gradient(90deg, var(--text-color), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(2rem,5vw,3.5rem)}.profile-desc{color:#f5f0e8cc;max-width:90%;font-size:1rem}.links-grid{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:20px;display:flex}.link-card{background:var(--card-bg);width:100%;max-width:480px;color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:none;border:1px solid #ffffff0d;border-radius:16px;align-items:center;padding:18px 24px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.link-card:hover{background:var(--card-hover);border-color:#ff4d004d;transform:translateY(-4px);box-shadow:0 10px 20px #0003,0 0 15px #ff4d0033}.card-icon{filter:drop-shadow(0 0 5px #ffffff4d);margin-right:20px;font-size:1.8rem}.card-content{text-align:left;flex-direction:column;display:flex}.card-title{letter-spacing:.02em;margin-bottom:4px;font-size:1.1rem}.card-subtitle{color:#f5f0e899;font-size:.85rem}.details-section{flex-direction:column;align-items:center;width:100%;display:flex}.section-heading{letter-spacing:.02em;text-align:center;color:var(--highlight);margin-bottom:30px;font-size:1.8rem}.scroll-container{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;width:100vw;max-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 5vw 40px;display:flex;overflow-x:auto}.scroll-container::-webkit-scrollbar{display:none}.scroll-slide{scroll-snap-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d 0,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;flex:0 0 80vw;align-items:flex-start;max-width:400px;padding:40px 30px;display:flex}.slide-icon{color:var(--brand-color);filter:drop-shadow(0 0 10px var(--brand-color));margin-bottom:20px;font-size:3rem}.slide-title{margin-bottom:15px;font-size:1.5rem}.slide-desc{color:#f5f0e8cc;flex-grow:1;margin-bottom:25px;font-size:.95rem}.btn-visit{color:var(--text-color);border:2px solid var(--brand-color);cursor:none;background:0 0;border-radius:12px;padding:12px 24px;font-family:Space Grotesk,sans-serif;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn-visit:hover{background:var(--brand-color);color:#fff;box-shadow:0 0 15px var(--brand-color)}.btn-visit .ripple{background-color:#ffffffb3;border-radius:50%;animation:.6s linear ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.scroll-indicators{gap:10px;margin-top:10px;display:flex}.dot{background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--highlight);border-radius:4px;width:24px}.reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.toast{background:var(--accent-main);color:#fff;opacity:0;z-index:1000;border-radius:30px;padding:12px 24px;font-family:Space Grotesk,sans-serif;font-weight:500;transition:all .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 5px 15px #ff4d004d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=480px){.profile-name{font-size:2rem}.scroll-slide{flex:0 0 85vw}.custom-cursor{display:none}*{cursor:auto!important}}