@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&family=Space+Mono&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050505;--bg2:#080808;--accent:#ff3c00;--accent2:#ff9500;--white:#f0f0f0;--gray:#999;--gray2:#555;--card-bg:#0f0f0f;--border:#ff3c0026;--border2:#ffffff0f;--font-head:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--ease:cubic-bezier(.16, 1, .3, 1)}html,body{width:100%;max-width:100%;overflow-x:hidden!important}html{scroll-behavior:smooth;overflow-y:scroll}body{background:var(--bg);color:var(--white);font-family:var(--font-body);cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;position:relative}#root{width:100%;max-width:100vw;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0}*{-ms-overflow-style:none;scrollbar-width:none}::selection{background:var(--accent);color:#fff}@media (width<=480px){body{cursor:auto;font-size:15px}}.c-dot{background:var(--accent);pointer-events:none;z-index:10001;border-radius:50%;width:8px;height:8px;transition:width .3s,height .3s,background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.c-dot.expanded{background:#ff3c001f;width:56px;height:56px}.c-ring{pointer-events:none;z-index:10000;border:1px solid #ff3c0066;border-radius:50%;width:38px;height:38px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.c-text{pointer-events:none;z-index:10002;font-family:var(--font-mono);color:var(--white);letter-spacing:.15em;opacity:0;white-space:nowrap;font-size:.55rem;transition:opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.c-text.show{opacity:1}@media (hover:none) and (pointer:coarse),(pointer:none){.c-dot,.c-ring,.c-text{visibility:hidden!important;opacity:0!important;display:none!important}body{cursor:auto!important}}.water-ripple{pointer-events:none;z-index:99998;transform-origin:50%;border:1.5px solid #ff641eb3;border-radius:50%;width:40px;height:40px;position:fixed}.loader{background:var(--bg);z-index:99999;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loader-count{font-family:var(--font-head);color:var(--accent);letter-spacing:-.02em;font-size:clamp(5rem,15vw,12rem);line-height:1}.loader-bar-wrap{background:#ffffff14;width:min(400px,80vw);height:2px;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%;transition:width 50ms linear}.loader-label{font-family:var(--font-mono);letter-spacing:.5em;color:var(--gray);text-transform:uppercase;font-size:.7rem}@media (width<=480px){.loader-count{font-size:clamp(4rem,20vw,8rem)}.loader-label{letter-spacing:.3em;font-size:.6rem}}.navbar{z-index:1000;justify-content:space-between;align-items:center;padding:24px 5%;transition:padding .4s,background .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border2);isolation:isolate;background:#050505f2;padding:14px 5%}.logo-text{font-family:var(--font-head);color:var(--accent);letter-spacing:.08em;cursor:pointer;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1.8rem}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{color:#f0f0f0a6;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:before{content:"";background:var(--accent);width:0;height:1px;transition:width .4s var(--ease);position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--white)}.nav-links a:hover:before,.nav-links a.active:before{width:100%}.hamburger{cursor:none;z-index:1001;background:0 0;border:none;flex-direction:column;gap:6px;padding:4px;display:none}.hamburger span{background:var(--white);width:28px;height:1.5px;transition:all .4s var(--ease);display:block}.hamburger.open span:first-child{transform:translateY(7.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}@media (width<=640px){.hamburger{display:flex}.nav-links{z-index:999;background:#050505fa;flex-direction:column;justify-content:center;align-items:center;gap:36px;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.nav-links a{font-size:1.3rem}}@media (width<=480px){.navbar{padding:16px 4%}.navbar.scrolled{padding:12px 4%}.logo-text{font-size:1.4rem}.hamburger{cursor:pointer}.nav-links a{font-size:1.5rem}}.hero{align-items:center;min-height:100vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;filter:drop-shadow(0 0 18px #ff500073)drop-shadow(0 0 40px #ff3c0033);will-change:transform;width:100%;height:100%;position:absolute;inset:0}.star-field{z-index:0;pointer-events:none;will-change:transform;position:absolute;inset:0;overflow:hidden}.star-field span{will-change:opacity, transform;animation:starTwinkle var(--dur,3s) ease-in-out infinite var(--delay,0s);background:#fff;border-radius:50%;position:absolute}@keyframes starTwinkle{0%,to{opacity:.08;transform:scale(.6)}50%{opacity:.9;transform:scale(1.3);box-shadow:0 0 5px 2px #ffb450b3,0 0 10px 3px #ff500059}}.marquee-banner{z-index:5;background:0 0;border-top:1px solid #ff3c002e;border-bottom:1px solid #ff3c002e;width:100%;padding:18px 0;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;font-family:var(--font-head);letter-spacing:.18em;color:var(--white);will-change:transform;gap:48px;font-size:clamp(1.1rem,2.5vw,1.6rem);animation:28s linear infinite marqueeScroll;display:flex}.marquee-track span{flex-shrink:0}.marquee-track .m-dot{color:var(--accent);font-size:1.2em}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-content{z-index:2;max-width:900px;padding-top:120px;position:relative}.hero-title{font-family:var(--font-head);flex-direction:column;margin-bottom:28px;font-size:clamp(5rem,13vw,12rem);line-height:.88;display:flex;overflow:hidden}.hero-line{display:block}.hero-line.outline{color:#0000;-webkit-text-stroke:2px var(--accent);text-shadow:0 0 40px #ff3c0040}.hero-sub{color:#bbb;max-width:480px;margin-bottom:44px;font-size:1.1rem;line-height:1.8}.hero-btns{flex-wrap:wrap;gap:16px;display:flex}.hero-side-text{font-family:var(--font-mono);letter-spacing:.4em;color:var(--gray2);z-index:2;white-space:nowrap;font-size:.65rem;position:absolute;top:50%;right:-10px;transform:translateY(-50%)rotate(90deg)}.scroll-mouse{z-index:2;pointer-events:none;border:1.5px solid #fff3;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex;position:absolute;bottom:40px;left:5%}.scroll-wheel{background:var(--accent);border-radius:2px;width:3px;height:8px;animation:2s infinite wheelScroll}@keyframes wheelScroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}@media (width<=768px){.hero-content{padding-top:100px}.hero-title{font-size:clamp(4rem,12vw,8rem)}.hero-sub{max-width:100%;font-size:1rem}}@media (width<=640px){.hero-side-text{display:none}.hero-title{font-size:clamp(3.5rem,18vw,6rem)}}.comet-field{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.comet{width:var(--comet-size,100px);opacity:0;height:1.5px;animation:cometFly var(--comet-dur,3s) ease-in infinite;animation-delay:var(--comet-delay,0s);filter:drop-shadow(0 0 4px #ff781ecc)drop-shadow(0 0 10px #ff3c0066);background:linear-gradient(90deg,#fff0 0%,#ffa03c26 30%,#ff6414b3 70%,#fffffff2 100%);border-radius:999px;position:absolute;transform:rotate(-35deg)translate(-200px)}.comet:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 6px 2px #ffc864e6,0 0 14px 4px #ff500099}@keyframes cometFly{0%{opacity:0;transform:rotate(-35deg)translate(-60px)}5%{opacity:var(--comet-opacity,.8)}80%{opacity:var(--comet-opacity,.8)}to{opacity:0;transform:rotate(-35deg)translate(120vw)}}@media (width<=480px){.hero{padding:0 4%}.hero-content{padding-top:80px}.hero-title{font-size:clamp(3rem,16vw,5rem);line-height:.9}.hero-sub{margin-bottom:32px;font-size:.95rem}.hero-btns{gap:12px}.scroll-mouse{display:none}}.about{background:var(--bg2);overflow:hidden}.about-grid{z-index:1;grid-template-columns:1fr 1.4fr;align-items:center;gap:80px;display:grid;position:relative}.avatar-wrap{width:380px;height:380px;margin:0 auto;position:relative}.avatar-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:2;background:linear-gradient(135deg,#1a0800,#2d1200);justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.glitch-img-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.profile-bg-layer{background-image:var(--profile-bg);z-index:1;background-position:top;background-size:cover;position:absolute;inset:0}.img-shield{z-index:10;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:default;position:absolute;inset:0}.glitch-layer{background-image:var(--profile-bg);z-index:2;pointer-events:none;opacity:0;background-position:top;background-size:cover;position:absolute;inset:0}.gl-r{background-image:var(--profile-bg);mix-blend-mode:multiply;background-color:#ff003c99;background-position:top;background-size:cover;animation:5s infinite glitchR}.gl-b{background-image:var(--profile-bg);mix-blend-mode:multiply;background-color:#00c8ff80;background-position:top;background-size:cover;animation:5s infinite glitchB}.glitch-scan{z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);animation:8s linear infinite scanMove;position:absolute;inset:0}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100px}}@keyframes glitchR{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.7;clip-path:polygon(0 20%,100% 20%,100% 35%,0 35%);transform:translate(-4px,2px)}93%{opacity:.7;clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%);transform:translate(4px,-2px)}95%{opacity:.5;clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%);transform:translate(-2px)}97%{opacity:0}}@keyframes glitchB{0%,85%,to{opacity:0;transform:translate(0)}86%{opacity:.6;clip-path:polygon(0 10%,100% 10%,100% 25%,0 25%);transform:translate(4px,-3px)}88%{opacity:.6;clip-path:polygon(0 70%,100% 70%,100% 85%,0 85%);transform:translate(-4px,3px)}90%{opacity:0}}.glitch-img-wrap:hover .gl-r{animation:.6s infinite glitchRHover}.glitch-img-wrap:hover .gl-b{animation:.6s infinite glitchBHover}@keyframes glitchRHover{0%,to{opacity:0;transform:translate(0)}20%{opacity:.8;clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);transform:translate(-6px,3px)}40%{opacity:.8;clip-path:polygon(0 55%,100% 55%,100% 70%,0 70%);transform:translate(6px,-3px)}60%{opacity:.6;clip-path:polygon(0 40%,100% 40%,100% 50%,0 50%);transform:translate(-3px,1px)}80%{opacity:0}}@keyframes glitchBHover{0%,to{opacity:0;transform:translate(0)}25%{opacity:.7;clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%);transform:translate(5px,-4px)}50%{opacity:.7;clip-path:polygon(0 75%,100% 75%,100% 90%,0 90%);transform:translate(-5px,4px)}75%{opacity:0}}.hex-inner{color:var(--accent);font-size:4.5rem;animation:3s infinite hexPulse}@keyframes hexPulse{0%,to{text-shadow:0 0 10px #ff3c0080}50%{text-shadow:0 0 30px #ff3c00e6,0 0 60px #ff3c0066}}.orbit-svg{width:100%;height:100%;animation:10s linear infinite orbitSpin;position:absolute;inset:0}.orbit-ring{fill:none;stroke:#ff3c0066;stroke-width:1.5px;stroke-dasharray:6 8}.orbit-dot{fill:var(--accent);r:8}@keyframes orbitSpin{to{transform:rotate(360deg)}}.floating-chips{z-index:10;pointer-events:none;position:absolute;inset:0}.chip{pointer-events:auto;font-family:var(--font-body);color:var(--white);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f0ff2;border:1px solid #ff3c0059;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:flex;position:absolute;box-shadow:0 4px 20px #0006}.chip i{color:var(--accent);font-size:.85rem}.c1{animation:4s infinite chipFloat;top:5.26%;left:50%;transform:translate(-50%,-50%)}.c2{animation:4s .8s infinite chipFloat;top:36.1%;left:92.6%;transform:translate(-50%,-50%)}.c3{animation:4s 1.6s infinite chipFloat;top:86.3%;left:76.3%;transform:translate(-50%,-50%)}.c4{animation:4s 2.4s infinite chipFloat;top:86.3%;left:23.7%;transform:translate(-50%,-50%)}.c5{animation:4s 3.2s infinite chipFloat;top:36.1%;left:7.4%;transform:translate(-50%,-50%)}@keyframes chipFloat{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-10px)}}.about-para{color:silver;margin-bottom:22px;font-size:1.08rem;font-weight:400;line-height:1.9}.about-stats{border-top:1px solid var(--border2);flex-wrap:wrap;gap:36px;margin-top:48px;padding-top:40px;display:flex}.stat{flex-direction:column;gap:6px;display:flex}.stat-num-wrap{align-items:baseline;gap:2px;display:flex}.stat-num{font-family:var(--font-head);color:var(--accent);font-size:3.5rem;line-height:1}.stat-suffix{font-family:var(--font-head);color:var(--accent);font-size:1.8rem;line-height:1}.stat-label{font-family:var(--font-body);color:#f0f0f099;letter-spacing:.02em;text-transform:none;font-size:.95rem;font-weight:500}@media (width<=960px){.about-grid{grid-template-columns:1fr;gap:60px}.avatar-wrap{width:320px;height:320px}.avatar-hex{width:240px;height:240px}.about-stats{flex-wrap:wrap;gap:28px}}@media (width<=768px){.about-grid{gap:80px}.avatar-wrap{width:300px;height:300px}.avatar-hex{width:220px;height:220px}.about-para{font-size:1rem}}@media (width<=480px){.about-grid{grid-template-columns:1fr;gap:80px}.avatar-wrap{width:280px;height:280px}.avatar-hex{width:200px;height:200px}.about-visual,.floating-chips{overflow:visible}.chip{gap:4px;padding:6px 10px;font-size:.72rem}.c1{top:5.26%;left:50%}.c2{top:36.1%;left:92.6%}.c3{top:86.3%;left:76.3%}.c4{top:86.3%;left:23.7%}.c5{top:36.1%;left:7.4%}.about-para{font-size:.95rem}.about-stats{gap:16px;margin-top:36px;padding-top:28px}.stat-num{font-size:2.4rem}.stat-suffix{font-size:1.2rem}.stat-label{font-size:.78rem}}.vc-live-dot{vertical-align:middle;background:#00e676;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:1.8s infinite vcPulse;display:inline-block;box-shadow:0 0 6px #00e676}@keyframes vcPulse{0%,to{opacity:1;box-shadow:0 0 6px #00e676}50%{opacity:.4;box-shadow:0 0 14px #00e676}}.about-personal{border:1px solid var(--border2);grid-template-columns:1fr 1fr 1fr;gap:0;margin-bottom:28px;display:grid;overflow:hidden}.personal-item{border-right:1px solid var(--border2);flex-direction:column;gap:6px;padding:18px 20px;display:flex;position:relative}.personal-item:last-child{border-right:none}.personal-item:before{content:"";background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0}.personal-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:.68rem}.personal-value{font-family:var(--font-head);color:var(--white);letter-spacing:.02em;font-size:1.4rem;line-height:1.1}@media (width<=640px){.about-personal{grid-template-columns:1fr}.personal-item{border-right:none;border-bottom:1px solid var(--border2)}.personal-item:last-child{border-bottom:none}}@media (width<=480px){.personal-value{font-size:1.2rem}}.skills-header{z-index:1;margin-bottom:60px;position:relative}.skills-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid;position:relative}.skill-card{background:var(--card-bg);border:1px solid var(--border2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));cursor:none;padding:36px 28px;transition:border-color .4s;position:relative;overflow:hidden}.skill-card:hover{border-color:#ff3c0066}.card-glow{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ff3c0014 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.skill-card:hover .card-glow{opacity:1}.skill-icon-wrap{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#ff3c0014;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.3rem;display:flex}.skill-card h3{font-family:var(--font-head);margin-bottom:10px;font-size:1.7rem}.skill-card p{color:#bbb;margin-bottom:24px;font-size:.95rem;font-weight:400;line-height:1.7}.skill-bar{background:#ffffff0f;height:2px;margin-bottom:8px;overflow:hidden}.skill-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));width:0%;height:100%;transition:width 1.8s var(--ease)}.skill-pct{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;font-size:.75rem}@media (width<=768px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:16px}.skill-card{padding:28px 22px}}@media (width<=640px){.skills-grid{grid-template-columns:1fr}}@media (width<=480px){.skills-grid{grid-template-columns:1fr;gap:14px}.skill-card{padding:22px 18px}.skill-card h3{font-size:1.4rem}.skill-card p{font-size:.88rem}}.projects{background:var(--bg)}.projects-header{z-index:1;margin-bottom:60px;position:relative}.proj-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid;position:relative}.proj-card{background:var(--card-bg);border:1px solid var(--border2);transition:border-color .35s, transform .35s var(--ease);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));padding:28px 24px;position:relative;overflow:hidden}.proj-card:before{content:"";background:var(--proj-color,var(--accent));transform-origin:0;height:2px;transition:transform .4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.proj-card:hover{border-color:#ff3c004d;transform:translateY(-6px)}.proj-card:hover:before{transform:scaleX(1)}.proj-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.proj-tag{font-family:var(--font-mono);color:var(--proj-color,var(--accent));letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--proj-color,var(--accent));opacity:.85;padding:3px 10px;font-size:.68rem}.proj-dots{gap:5px;display:flex}.proj-dots span{background:var(--proj-color,var(--accent));border-radius:50%;width:8px;height:8px;animation:1.4s infinite serverBlink}.proj-dots span:first-child{animation-delay:0s}.proj-dots span:nth-child(2){animation-delay:.25s}.proj-dots span:nth-child(3){animation-delay:.5s}@keyframes serverBlink{0%,to{opacity:1;box-shadow:0 0 6px var(--proj-color,var(--accent))}50%{opacity:.15;box-shadow:none}}.proj-title{font-family:var(--font-head);color:var(--white);letter-spacing:.02em;margin-bottom:10px;font-size:2rem}.proj-desc{color:#bbb;margin-bottom:18px;font-size:.92rem;line-height:1.7}.proj-tech{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.proj-tech-tag{font-family:var(--font-mono);color:var(--gray);border:1px solid var(--border2);letter-spacing:.08em;background:#ffffff0a;padding:3px 10px;font-size:.65rem}.proj-actions{flex-wrap:wrap;gap:10px;display:flex}.proj-btn{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:transform .2s var(--ease), box-shadow .3s;border:none;outline:none;align-items:center;gap:8px;padding:11px 22px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.proj-btn:before{content:"";width:60%;height:100%;transition:left .5s var(--ease);background:linear-gradient(90deg,#0000,#ffffff2e,#0000);position:absolute;top:0;left:-100%;transform:skew(-20deg)}.proj-btn:hover:before{left:150%}.proj-btn:hover{transform:translateY(-2px)}.proj-btn:active{transform:translateY(0)scale(.97)}.proj-btn:after{content:"";clip-path:polygon(100% 0%,100% 100%,0% 100%);background:#ffffff4d;width:8px;height:8px;position:absolute;bottom:0;right:0}.proj-btn-preview{background:var(--proj-color,var(--accent));color:#fff;box-shadow:0 4px 20px #0006}.proj-btn-preview:hover{box-shadow:0 8px 30px color-mix(in srgb, var(--proj-color,var(--accent)) 50%, transparent)}.proj-btn-ghost{color:var(--white);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);background:#ffffff0d;border:1px solid #ffffff26}.proj-btn-ghost:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 4px 20px #ffffff14}.proj-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;background:#000000e0;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.proj-win{width:min(860px,96vw);max-height:92vh;transition:width .35s var(--ease), max-height .35s var(--ease);background:#0c0c0c;border:1px solid #ffffff1a;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 40px 100px #000000e6,0 0 0 1px #ffffff0a}.proj-win-big{width:98vw!important;max-height:96vh!important}@media (width<=768px){.proj-overlay{padding:8px}.proj-win{width:98vw;max-height:94vh}.proj-win-big{width:100vw!important;max-height:100vh!important}.proj-win-title{font-size:.85rem}}@media (width<=480px){.proj-overlay{align-items:flex-end;padding:0}.proj-win{border-bottom:none;border-radius:16px 16px 0 0;width:100vw;max-height:88vh}.proj-win-big{border-radius:0!important;max-height:100vh!important}.proj-win-bar{padding:12px 14px}.proj-win-title{font-size:.82rem}.proj-win-resize,.proj-win-newtab{width:30px;height:30px}}.proj-win.glitch-in{animation:.4s steps(2,end) forwards winGlitchIn}.proj-win.glitch-out{animation:.35s steps(2,end) forwards winGlitchOut}@keyframes winGlitchIn{0%{clip-path:inset(45% 0);opacity:.2}25%{clip-path:inset(5% 0 65%);opacity:.6;transform:translate(-3px)}50%{clip-path:inset(65% 0 5%);opacity:.8;transform:translate(3px)}75%{clip-path:inset(15% 0 20%);opacity:.95;transform:translate(0)}to{clip-path:none;opacity:1}}@keyframes winGlitchOut{0%{clip-path:none;opacity:1}25%{clip-path:inset(20% 0 30%);transform:translate(3px)}50%{clip-path:inset(60% 0 5%);opacity:.6;transform:translate(-3px)}75%{clip-path:inset(40% 0);opacity:.2}to{opacity:0}}.proj-win-bar{-webkit-user-select:none;user-select:none;background:#111;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.proj-win-left{align-items:center;display:flex}.proj-win-right{align-items:center;gap:8px;margin-left:auto;display:flex}.pwc-close{cursor:pointer;background:#ff5f57;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .2s;display:flex}.pwc-close svg{opacity:0;transition:opacity .15s}.pwc-close:hover svg{opacity:1}.proj-win-title{font-family:var(--font-head);color:var(--white);letter-spacing:.08em;text-align:center;flex:1;font-size:1rem}.proj-win-resize{color:var(--gray);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .2s,color .2s;display:flex}.proj-win-resize:hover{border-color:var(--white);color:var(--white)}.proj-win-newtab{color:var(--gray);background:0 0;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.proj-win-newtab:hover{border-color:var(--accent);color:var(--accent)}.proj-win-body{flex:1;display:flex;overflow:hidden}.proj-win-iframe{background:#fff;border:none;flex:1;width:100%;min-height:460px}.proj-win-footer{background:#0d0d0d;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.proj-win-tech{flex-wrap:wrap;gap:6px;display:flex}.proj-win-tech span{font-family:var(--font-mono);color:var(--gray);border:1px solid var(--border2);background:#ffffff0a;padding:2px 8px;font-size:.6rem}.proj-win-tag-sm{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid;padding:2px 8px;font-size:.6rem}@media (width<=640px){.proj-grid{grid-template-columns:1fr}.proj-win-iframe{min-height:300px}.proj-win-title{font-size:.85rem}}@media (width<=480px){.proj-title{font-size:1.6rem}}.proj-win-blocked{text-align:center;animation:blockedIn .5s var(--ease) forwards;background:#080808;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:48px 32px;display:flex;position:relative;overflow:hidden}.proj-win-blocked:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff04 3px 4px);position:absolute;inset:0}@keyframes blockedIn{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:translateY(0)}}.proj-blocked-icon{color:var(--proj-color,var(--accent));opacity:.8;animation:2.5s infinite iconPulse}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 6px var(--proj-color,var(--accent)))}50%{filter:drop-shadow(0 0 18px var(--proj-color,var(--accent)))}}.proj-blocked-title{font-family:var(--font-head);color:var(--white);letter-spacing:.04em;font-size:1.8rem}.proj-blocked-msg{font-family:var(--font-body);color:#999;max-width:480px;font-size:.95rem;line-height:1.8}.proj-blocked-msg strong{color:var(--accent);font-weight:600}.proj-blocked-btn{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;background:var(--proj-color,var(--accent));color:#fff;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);align-items:center;gap:8px;margin-top:8px;padding:12px 28px;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.proj-blocked-btn:before{content:"";width:60%;height:100%;transition:left .5s var(--ease);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%;transform:skew(-20deg)}.proj-blocked-btn:hover:before{left:150%}.proj-blocked-btn:hover{box-shadow:0 8px 30px color-mix(in srgb, var(--proj-color,var(--accent)) 40%, transparent);transform:translateY(-2px)}@media (width<=768px){.proj-blocked-title{font-size:1.4rem}.proj-blocked-msg{font-size:.88rem}.proj-win-blocked{padding:32px 20px}}@media (width<=480px){.proj-blocked-icon svg{width:36px;height:36px}.proj-blocked-title{font-size:1.2rem}.proj-blocked-msg{font-size:.84rem;line-height:1.7}.proj-win-blocked{gap:14px;min-height:220px;padding:28px 16px}.proj-win-footer{flex-wrap:wrap;padding:8px 12px}.proj-win-tech span{font-size:.58rem}.proj-grid{grid-template-columns:1fr}.proj-title{font-size:1.6rem}.proj-actions{gap:8px}.proj-btn{letter-spacing:.08em;flex:1;justify-content:center;padding:10px 14px;font-size:.75rem}}.experience{background:var(--bg2);position:relative;overflow:hidden}.experience:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff3c000d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:10%;left:-150px}.exp-header{z-index:1;margin-bottom:56px;position:relative}.timeline-wrap{z-index:1;max-width:100%;margin:0 0 72px;position:relative}.timeline-spine{background:linear-gradient(#0000 0%,#ff3c0073 8% 92%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-cats{grid-template-columns:1fr 1fr;margin-bottom:24px;display:grid}.timeline-cat{font-family:var(--font-body);color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:flex}.timeline-cat.right{justify-content:flex-end}.timeline-cat i{font-size:1rem}.tl-row{grid-template-columns:1fr 36px 1fr;align-items:start;margin-bottom:12px;display:grid}.tl-node{z-index:2;flex-direction:column;align-items:center;padding-top:36px;display:flex;position:relative}.tl-dot{background:var(--accent);border:2px solid var(--bg2);border-radius:50%;flex-shrink:0;width:11px;height:11px}.tl-dot.pulse{animation:2.5s infinite tlPulse}@keyframes tlPulse{0%,to{box-shadow:0 0 #ff3c0080}50%{box-shadow:0 0 0 8px #ff3c0000}}.tl-dot.green{background:#00e676;animation:2s infinite tlPulseGreen}@keyframes tlPulseGreen{0%,to{box-shadow:0 0 6px #00e676b3}50%{box-shadow:0 0 14px #00e67633}}.tl-dot.orange{background:var(--accent2);box-shadow:0 0 6px #ff950080}.tl-card-wrap{padding:0 14px;position:relative}.tl-card-wrap:after{content:"";background:#ff3c0033;width:14px;height:1px;position:absolute;top:36px}.tl-card-wrap:not(.right):not(.empty):after{right:0}.tl-card-wrap.right:not(.empty):after{left:0}.tl-card-wrap.empty:after{display:none}.tl-card{transition:border-color .3s, transform .3s var(--ease), box-shadow .3s;cursor:default;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;padding:28px 32px;position:relative;overflow:hidden}.tl-card:before{content:"";background:linear-gradient(90deg, var(--accent), #ff950080);transform-origin:0;height:2px;transition:transform .35s var(--ease);border-radius:10px 10px 0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tl-card:hover{border-color:#ff3c0038;transform:translateY(-3px);box-shadow:0 10px 24px #0003}.tl-card:hover:before{transform:scaleX(1)}.tl-card.active{background:#00e67605;border-color:#00e6762e}.tl-card.active:before{background:linear-gradient(90deg,#00e676,#00e6764d)}.tl-card.upcoming{background:#ff950005;border-color:#ff95002e}.tl-card.upcoming:before{background:linear-gradient(90deg, var(--accent2), #ff95004d)}.tl-tag{font-family:var(--font-body);color:#555;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:8px;font-size:.72rem;font-weight:600;display:inline-flex}.tl-tag.live{color:#00e676}.tl-tag.soon{color:var(--accent2)}.tl-tag.active-tag{color:var(--accent)}.tl-card h3{font-family:var(--font-body);color:var(--white);margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.3}.tl-card p{color:#888;font-size:.92rem;font-weight:400;line-height:1.7}.lyrics-section{text-align:center;z-index:1;max-width:680px;margin:0 auto 72px;position:relative}.lyrics-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.35em;text-transform:uppercase;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;font-size:.68rem;display:flex}.lyrics-label:before,.lyrics-label:after{content:"";background:var(--border);width:36px;height:1px}.lyric-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;padding:40px;position:relative;overflow:hidden}.lyric-bg-quote{font-family:var(--font-head);color:var(--accent);opacity:.04;pointer-events:none;font-size:12rem;line-height:1;position:absolute;top:-30px;left:16px}.lyric-line{font-family:var(--font-mono);color:var(--white);opacity:0;transition:opacity .6s ease, transform .6s var(--ease);font-size:.95rem;line-height:2.2;transform:translate(-20px)}.lyric-line.visible{opacity:1;transform:translate(0)}.lyric-wave{justify-content:center;align-items:center;gap:4px;height:26px;margin-top:24px;display:flex}.lyric-wave span{background:var(--accent);opacity:.5;border-radius:2px;width:3px;animation:1.2s infinite waveAnim}.lyric-wave span:first-child{height:8px;animation-delay:0s}.lyric-wave span:nth-child(2){height:14px;animation-delay:.1s}.lyric-wave span:nth-child(3){height:22px;animation-delay:.2s}.lyric-wave span:nth-child(4){height:16px;animation-delay:.3s}.lyric-wave span:nth-child(5){height:26px;animation-delay:.4s}.lyric-wave span:nth-child(6){height:18px;animation-delay:.5s}.lyric-wave span:nth-child(7){height:26px;animation-delay:.6s}.lyric-wave span:nth-child(8){height:20px;animation-delay:.5s}.lyric-wave span:nth-child(9){height:24px;animation-delay:.4s}.lyric-wave span:nth-child(10){height:16px;animation-delay:.3s}.lyric-wave span:nth-child(11){height:22px;animation-delay:.2s}.lyric-wave span:nth-child(12){height:14px;animation-delay:.1s}.lyric-wave span:nth-child(13){height:8px;animation-delay:0s}.lyric-wave span:nth-child(14){height:12px;animation-delay:.15s}.lyric-wave span:nth-child(15){height:8px;animation-delay:.25s}@keyframes waveAnim{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.8)}}.achievements-section{z-index:1;position:relative}.sub-section-header{margin-bottom:40px}.achieve-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.achieve-card{transition:border-color .3s, transform .3s var(--ease), box-shadow .3s;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;padding:22px 20px;position:relative;overflow:hidden}.achieve-card:hover{border-color:#ff3c0040;transform:translateY(-4px);box-shadow:0 12px 28px #0003}.achieve-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));transform-origin:0;height:2px;transition:transform .35s var(--ease);border-radius:10px 10px 0 0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.achieve-card:hover:before{transform:scaleX(1)}.achieve-icon{margin-bottom:10px;font-size:1.8rem;line-height:1;display:block}.achieve-tag{font-family:var(--font-body);color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:.62rem;font-weight:700}.achieve-title{font-family:var(--font-body);color:var(--white);margin-bottom:6px;font-size:1rem;font-weight:700}.achieve-desc{color:#777;font-size:.82rem;font-weight:400;line-height:1.65}.achieve-line{background:linear-gradient(90deg,#0000,#ff3c001a,#0000);width:100%;height:1px;position:absolute;bottom:0;left:0}.tech-section{z-index:1;margin-top:72px;position:relative}.tech-grid{flex-wrap:wrap;gap:10px;display:flex}.tech-item{cursor:default;width:82px;transition:border-color .3s, transform .3s var(--ease), background .3s;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;align-items:center;gap:7px;padding:14px 12px;display:flex;position:relative;overflow:hidden}.tech-item:hover{background:#ff3c0008;border-color:#ff3c0047;transform:translateY(-5px)scale(1.04)}.tech-item:after{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#ff3c0012,#0000 70%);border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.tech-item:hover:after{opacity:1}.tech-icon-wrap{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tech-icon-wrap img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%}.tech-name{font-family:var(--font-body);color:#666;text-align:center;font-size:.62rem;font-weight:500;transition:color .3s}.tech-item:hover .tech-name{color:var(--white)}@media (width<=960px){.tl-card{padding:22px 24px}.tl-card h3{font-size:1.05rem}.achieve-grid{grid-template-columns:repeat(2,1fr)}.lyrics-section{max-width:100%}}@media (width<=768px){.timeline-spine{left:16px}.timeline-cats{grid-template-columns:1fr;gap:6px;margin-bottom:20px}.timeline-cat.right{justify-content:flex-start}.tl-row{grid-template-columns:28px 1fr}.tl-card-wrap:not(.right){order:2;padding:0 0 0 12px}.tl-card-wrap.right,.tl-card-wrap:after{display:none}.tech-grid{justify-content:center}}@media (width<=640px){.timeline-spine,.timeline-cats{display:none}.tl-row{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.tl-node{display:none}.tl-card-wrap{padding:0;order:unset!important;display:block!important}.tl-card-wrap.empty{display:none!important}.achieve-grid{grid-template-columns:1fr}.lyric-card{padding:28px 18px}.lyric-line{font-size:.82rem;line-height:2}.tech-grid{justify-content:center;gap:8px}.tech-item{width:72px;padding:12px 8px}}@media (width<=480px){.exp-header{margin-bottom:32px}.tl-card{margin-bottom:10px;padding:14px}.tl-card h3{font-size:.9rem}.tl-card p{font-size:.82rem}.achieve-card{padding:18px 14px}.achieve-title{font-size:.95rem}.achievements-section{margin-top:40px}.achieve-grid{grid-template-columns:1fr;gap:12px}.tech-section{margin-top:48px}.tech-item{width:68px}.tech-icon-wrap{width:30px;height:30px}.lyric-card{padding:20px 14px}.lyric-line{font-size:.82rem;line-height:2}.sub-section-header{margin-bottom:28px}}.contact{padding-bottom:140px;position:relative;overflow:hidden}.contact-orb{pointer-events:none;z-index:0;filter:blur(80px);border-radius:50%;position:absolute}.contact-orb-1{background:radial-gradient(circle,#ff3c001a 0%,#0000 70%);width:500px;height:500px;bottom:-100px;right:-100px}.contact-orb-2{background:radial-gradient(circle,#ff8c0012 0%,#0000 70%);width:300px;height:300px;top:0;left:30%}.contact-header{z-index:1;margin-bottom:80px;position:relative}.contact-sub{color:#aaa;max-width:420px;margin-top:14px;font-size:1rem;font-weight:400;line-height:1.8}.contact-body{z-index:1;grid-template-columns:1fr 1.15fr;align-items:start;gap:72px;display:grid;position:relative}.contact-left{flex-direction:column;gap:48px;display:flex}.avail-badge{background:#00dc820f;border:1px solid #00dc824d;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:10px 22px;display:inline-flex}.avail-dot{background:#00dc82;border-radius:50%;width:8px;height:8px;animation:2s infinite availPulse;box-shadow:0 0 10px #00dc82}@keyframes availPulse{0%,to{box-shadow:0 0 10px #00dc82}50%{opacity:.5;box-shadow:0 0 3px #00dc82}}.avail-text{font-family:var(--font-body);letter-spacing:.12em;color:#00dc82;text-transform:uppercase;font-size:.78rem;font-weight:600}.contact-cta-text h3{font-family:var(--font-head);color:var(--white);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2.6rem,4.5vw,4rem);line-height:1}.contact-cta-text h3 em{color:var(--accent);font-style:normal}.contact-cta-text p{color:#999;max-width:340px;font-size:1rem;line-height:1.85}.contact-email-wrap{flex-direction:column;gap:10px;display:flex}.contact-email-label{font-family:var(--font-body);letter-spacing:.14em;color:#888;text-transform:uppercase;font-size:.72rem;font-weight:700}.contact-email-btn{cursor:none;color:var(--white);font-family:var(--font-head);background:0 0;border:none;align-items:center;gap:12px;width:fit-content;padding:0;font-size:clamp(1.1rem,2vw,1.4rem);transition:color .3s;display:inline-flex;position:relative}.contact-email-btn:after{content:"";background:var(--accent);width:0;height:1px;transition:width .4s var(--ease);position:absolute;bottom:-3px;left:0}.contact-email-btn:hover{color:var(--accent)}.contact-email-btn:hover:after{width:100%}.contact-email-btn svg{color:var(--accent)}.email-inline-reveal{animation:.25s forwards revealDown}@keyframes revealDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.email-glitch-text{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;text-shadow:1px 0 #00f0ff66,-1px 0 #ff3c0066;font-size:.9rem;font-weight:700;animation:80ms infinite glitchShake;display:inline-block}@keyframes glitchShake{0%,to{transform:translate(0)}33%{transform:translate(-1px)}66%{transform:translate(1px)}}.contact-details{flex-direction:column;gap:18px;display:flex}.contact-detail-item{align-items:flex-start;gap:12px;display:flex}.cdi-icon{color:var(--accent);flex-shrink:0;margin-top:3px}.cdi-icon-link{align-items:center;text-decoration:none;transition:opacity .3s,transform .3s;display:flex}.cdi-icon-link:hover{opacity:.7;transform:scale(1.2)}.cdi-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#555;margin-bottom:3px;font-size:.68rem;font-weight:700;display:block}.cdi-value{font-family:var(--font-body);color:#ccc;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .3s;display:block}a.cdi-value:hover{color:var(--accent)}.cdi-map-link{font-family:var(--font-body);color:var(--accent);letter-spacing:.04em;align-items:center;gap:5px;margin-top:5px;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-flex}.cdi-map-link:hover{opacity:.7}.contact-socials{flex-direction:column;gap:14px;display:flex}.contact-socials-label{font-family:var(--font-body);letter-spacing:.14em;color:#888;text-transform:uppercase;font-size:.72rem;font-weight:700}.contact-socials-grid{flex-wrap:wrap;gap:10px;display:flex}.csocial{color:#ccc;font-family:var(--font-body);letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:9px 20px 9px 14px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .35s,border-color .35s,transform .35s,background .35s;display:inline-flex;position:relative;overflow:hidden}.csocial-icon{z-index:1;background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .35s;display:flex;position:relative}.csocial span{z-index:1;position:relative}.csocial:before{content:"";background:var(--accent);transform-origin:0;z-index:0;border-radius:999px;transition:transform .4s cubic-bezier(.77,0,.18,1);position:absolute;inset:0;transform:scaleX(0)}.csocial:hover:before{transform:scaleX(1)}.csocial:hover{color:#fff;border-color:var(--accent);transform:translateY(-3px)scale(1.03)}.csocial:hover .csocial-icon{background:#ffffff26}.contact-form-wrap{position:relative}.contact-form-wrap:before{content:"";z-index:0;opacity:0;background:linear-gradient(135deg,#ff3c0026,#0000 50%,#ff8c0014);border-radius:28px;transition:opacity .5s;position:absolute;inset:-2px}.contact-form-wrap:focus-within:before{opacity:1}.contact-form{z-index:1;-webkit-backdrop-filter:blur(24px);background:#121212b3;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:24px;padding:52px 48px;transition:border-color .4s;display:flex;position:relative}.contact-form:focus-within{border-color:#ff3c0038}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex;position:relative}.form-field label{font-family:var(--font-body);color:#aaa;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700;transition:color .3s}.form-field:focus-within label{color:var(--accent)}.form-field input,.form-field textarea{color:var(--white);font-family:var(--font-body);resize:none;width:100%;caret-color:var(--accent);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:14px 20px;font-size:.95rem;transition:border-color .3s,background .3s,box-shadow .3s}.form-field textarea{border-radius:16px}.form-field input::placeholder,.form-field textarea::placeholder{color:#555}.form-field input:focus,.form-field textarea:focus{background:#ff3c0008;border-color:#ff3c0066;box-shadow:0 0 0 4px #ff3c0012}.field-line{background:linear-gradient(90deg, var(--accent), #ff960080);width:0;height:2px;transition:width .5s var(--ease);pointer-events:none;border-radius:2px;position:absolute;bottom:1px;left:20px;right:20px}.form-field:focus-within .field-line{width:calc(100% - 40px)}.field-meta{font-family:var(--font-body);color:#666;justify-content:flex-end;margin-top:4px;font-size:.72rem;font-weight:500;transition:color .3s;display:flex}.form-field:focus-within .field-meta{color:#aaa}.form-actions{align-items:center;gap:20px;margin-top:8px;display:flex}.form-actions .btn{letter-spacing:.1em;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 40px;font-size:.88rem;display:flex;position:relative;overflow:hidden}.form-actions .btn .btn-ripple{transform-origin:0;transition:transform .4s var(--ease);background:#ffffff1a;border-radius:999px;position:absolute;inset:0;transform:scaleX(0)}.form-actions .btn:hover .btn-ripple{transform:scaleX(1)}.form-secure{font-family:var(--font-body);color:#777;letter-spacing:.04em;flex-shrink:0;align-items:center;gap:8px;font-size:.75rem;font-weight:500;line-height:1.6;display:flex}.form-secure svg{color:#666;flex-shrink:0}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:after{display:none}:root{--ring-c:125.66}.send-btn{background:var(--accent);cursor:none;color:#fff;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:56px;transition:width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),background .4s,box-shadow .3s;display:inline-flex;position:relative;overflow:visible;box-shadow:0 4px 24px #ff3c004d}.send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff3c0073}.send-btn:active{transform:scale(.97)}.send-btn__label{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;font-size:1rem;transition:opacity .2s,transform .2s;display:flex}.send-btn__plane{transition:transform .3s}.send-btn:hover .send-btn__plane{transform:translate(3px,-3px)rotate(-10deg)}.send-btn__track{pointer-events:none;opacity:0;color:#fff6;width:200px;height:60px;transition:opacity .2s;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.send-btn__dotted{stroke-dashoffset:60px;transition:stroke-dashoffset}.send-btn__fly{opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.send-btn__ring{opacity:0;pointer-events:none;width:50px;height:50px;transition:opacity .3s;position:absolute;transform:rotate(-90deg)}.send-btn__ring-bg{stroke:#ffffff26}.send-btn__ring-fill{stroke:#fff;stroke-dasharray:var(--ring-c);stroke-dashoffset:var(--ring-c);transition:stroke-dashoffset}.send-btn__check{opacity:0;pointer-events:none;color:#fff;position:absolute}.send-btn__check-path{stroke-dasharray:30;stroke-dashoffset:30px;transition:stroke-dashoffset}.send-btn__x{opacity:0;pointer-events:none;color:#fff;position:absolute}.send-btn--sending{cursor:not-allowed;background:#ff3c00b3;width:56px;transform:none;box-shadow:0 4px 24px #ff3c0033}.send-btn--sending .send-btn__label{opacity:0;transform:scale(.5)}.send-btn--sending .send-btn__track{opacity:1}.send-btn--sending .send-btn__fly{opacity:1;animation:.65s cubic-bezier(.4,0,.2,1) forwards flyPlane}.send-btn--sending .send-btn__ring{opacity:1}.send-btn--sending .send-btn__ring-fill{animation:1.8s linear .5s infinite fillRing}@keyframes flyPlane{0%{opacity:1;transform:translate(0)rotate(0)}50%{opacity:1;transform:translate(55px,-45px)rotate(-30deg)}to{opacity:0;transform:translate(100px,-80px)rotate(-40deg)}}@keyframes fillRing{0%{stroke-dashoffset:var(--ring-c)}to{stroke-dashoffset:0}}.send-btn--sent{background:#00c853;width:56px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards sentPop;box-shadow:0 4px 28px #00c85366}.send-btn--sent .send-btn__label,.send-btn--sent .send-btn__ring{opacity:0}.send-btn--sent .send-btn__check{opacity:1}.send-btn--sent .send-btn__check-path{animation:.45s .15s forwards drawCheck}@keyframes sentPop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}.send-btn--error{background:#e53935;width:56px;animation:.4s shakeBtn;box-shadow:0 4px 24px #e5393566}.send-btn--error .send-btn__label,.send-btn--error .send-btn__ring{opacity:0}.send-btn--error .send-btn__x{opacity:1}@keyframes shakeBtn{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (width<=960px){.contact-body{grid-template-columns:1fr;gap:56px}.contact-left{gap:36px}}@media (width<=768px){.contact-header{margin-bottom:56px}.contact-left{gap:32px}.contact-cta-text h3{font-size:clamp(2rem,6vw,3rem)}}@media (width<=640px){.form-row{grid-template-columns:1fr}.contact-form{border-radius:18px;padding:32px 22px}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{flex:unset}.contact-socials-grid{gap:8px}.csocial{padding:8px 14px 8px 10px;font-size:.8rem}}@media (width<=480px){.contact-cta-text h3{font-size:2rem}.contact-form{border-radius:14px;padding:24px 16px}.contact-left{gap:28px}.avail-badge{padding:8px 16px}.form-field input,.form-field textarea{padding:12px 16px;font-size:.9rem}}.footer{border-top:1px solid var(--border2);background:var(--bg);overflow:hidden}.footer-marquee{border-bottom:1px solid var(--border2);overflow:hidden}.footer-track{white-space:nowrap;font-family:var(--font-head);letter-spacing:.1em;color:var(--white);will-change:transform;font-size:clamp(3rem,6vw,7rem);line-height:1;animation:22s linear infinite footerMarquee;display:flex}.footer-group{flex-shrink:0;align-items:center;display:flex}.footer-track .fw{flex-shrink:0;padding:20px 40px}.footer-track .fw.outline{color:#0000;-webkit-text-stroke:2px var(--white)}.footer-track .fsep{color:var(--accent);opacity:.7;flex-shrink:0;align-self:center;padding:0 8px;font-size:.4em}@keyframes footerMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer-grid{border-bottom:1px solid var(--border2);grid-template-columns:1.4fr .9fr 1.8fr 1.2fr;align-items:stretch;gap:0;padding:0;display:grid}.footer-col{padding:44px 36px}.footer-col-title{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:.75rem;font-weight:700}.footer-logo{font-family:var(--font-head);color:var(--accent);letter-spacing:.08em;margin-bottom:16px;font-size:clamp(1.4rem,2vw,1.9rem);display:block}.footer-tagline{font-family:var(--font-body);color:#999;font-size:.92rem;font-weight:400;line-height:1.8}.footer-links{flex-direction:column;gap:4px;list-style:none;display:flex}.footer-link{color:#999;font-family:var(--font-body);padding:6px 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.footer-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .35s var(--ease);position:absolute;bottom:2px;left:0}.footer-link:hover{color:var(--white)}.footer-link:hover:after{width:100%}.footer-socials-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:8px;display:grid}.footer-social-wrap{flex-direction:column;display:flex;position:relative}.footer-social-pill{color:#ccc;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 12px;font-size:.82rem;font-weight:500;text-decoration:none;transition:color .3s,border-color .3s,background .3s,transform .3s;display:flex;position:relative;overflow:hidden}.footer-social-pill:before{content:"";background:var(--accent);transform-origin:bottom;z-index:0;transition:transform .3s cubic-bezier(.77,0,.18,1);position:absolute;inset:0;transform:scaleY(0)}.footer-social-pill:hover:before{transform:scaleY(1)}.footer-social-pill:hover{color:#fff;border-color:var(--accent);transform:translateY(-2px)}.footer-social-pill>*{z-index:1;position:relative}.footer-email-wrap{grid-column:span 2}.footer-email-btn{width:100%;min-height:42px;font-family:var(--font-body);color:#ccc;cursor:none;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:.82rem;font-weight:500;display:flex}.footer-email-reveal{background:var(--card-bg);white-space:nowrap;z-index:200;border:1px solid #ff3c004d;border-radius:6px;padding:8px 14px;animation:.15s forwards revealSlideDown;position:absolute;top:calc(100% + 6px);left:0}.footer-email-text{color:var(--accent);letter-spacing:.08em;text-shadow:1px 0 #00f0ff80,-1px 0 #ff3c0080;font-family:Courier New,monospace;font-size:.82rem;font-weight:700;animation:70ms infinite glitchShake}@keyframes revealSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.footer-contact-list{flex-direction:column;gap:14px;list-style:none;display:flex}.footer-contact-list li{align-items:flex-start;gap:10px;display:flex}.fci-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.fci-icon-link{justify-content:center;align-items:center;text-decoration:none;transition:opacity .3s,transform .3s;display:flex}.fci-icon-link:hover{opacity:.7;transform:scale(1.2)}.footer-contact-link{font-family:var(--font-body);color:#ccc;font-size:.92rem;font-weight:500;line-height:1.5;text-decoration:none;transition:color .3s}a.footer-contact-link:hover{color:var(--white)}.footer-pincode{font-family:var(--font-mono);color:#777;letter-spacing:.06em;margin-top:3px;font-size:.74rem;display:block}.footer-map-link{font-family:var(--font-body);color:var(--accent);letter-spacing:.04em;align-items:center;gap:6px;margin-top:4px;margin-left:24px;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-flex}.footer-map-link:hover{opacity:.7}.footer-bottom-bar{text-align:center;padding:16px 5%}.footer-bottom-bar p{font-family:var(--font-body);color:#ffffffe6;letter-spacing:.05em;font-size:1rem;font-weight:500;line-height:1.6}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr}.footer-socials-grid{grid-template-columns:repeat(4,1fr)}.footer-email-wrap{grid-column:span 4}}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-col{padding:36px 28px}.footer-track .fw{padding:16px 28px}.footer-socials-grid{grid-template-columns:repeat(3,1fr)}.footer-email-wrap{grid-column:span 3}}@media (width<=640px){.footer-grid{grid-template-columns:1fr}.footer-col{padding:28px 5%}.footer-track .fw{padding:14px 20px}.footer-bottom-bar p{font-size:.78rem}.footer-socials-grid{grid-template-columns:repeat(2,1fr)}.footer-email-wrap{grid-column:span 2}}@media (width<=480px){.footer-logo{font-size:1.4rem}.footer-tagline,.footer-contact-link{font-size:.85rem}.footer-bottom-bar{padding:14px 4%}.footer-bottom-bar p{letter-spacing:.02em;font-size:.72rem}}@media (width<=640px){.footer-email-reveal{white-space:normal;word-break:break-all;text-align:center;z-index:9999;width:max-content;max-width:88vw;position:fixed;top:auto;bottom:80px;left:50%;transform:translate(-50%)}}.section{box-sizing:border-box;max-width:100%;padding:130px 5%;position:relative;overflow:hidden}.section-num{font-family:var(--font-head);color:#0000;-webkit-text-stroke:1px #ff3c000f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;letter-spacing:-.02em;font-size:clamp(6rem,15vw,14rem);line-height:1;position:absolute;top:60px;right:5%}.section-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.35em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:14px;font-size:.82rem;display:flex}.section-eyebrow:before{content:"";background:var(--accent);width:30px;height:1px;display:inline-block}.section-title{font-family:var(--font-head);margin-bottom:48px;font-size:clamp(3rem,7vw,6rem);line-height:.95}.highlight{color:var(--accent);font-weight:600}.btn{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;cursor:none;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);border:none;align-items:center;gap:10px;padding:15px 36px;font-size:.9rem;font-weight:600;text-decoration:none;transition:box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:transform .5s var(--ease);background:#ffffff1a;position:absolute;inset:0;transform:translate(-110%)skew(-15deg)}.btn:hover:after{transform:translate(110%)skew(-15deg)}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{box-shadow:0 20px 40px #ff3c004d}.btn-outline{color:var(--white);background:0 0;border:1px solid #fff3}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--accent);clip-path:polygon(0 0,100% 0,100% 40%,0 40%);animation:4s infinite glitch1}.glitch:after{color:#00f0ff;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);animation:4s infinite glitch2}@keyframes glitch1{0%,88%,to{opacity:0;transform:translate(0)}90%{opacity:1;transform:translate(-4px,2px)}92%{opacity:1;transform:translate(4px,-2px)}94%{opacity:1;transform:translate(-2px,1px)}96%{opacity:0;transform:translate(0)}}@keyframes glitch2{0%,88%,to{opacity:0;transform:translate(0)}90%{opacity:1;transform:translate(4px,-2px)}92%{opacity:1;transform:translate(-4px,2px)}94%{opacity:1;transform:translate(2px,-1px)}96%{opacity:0;transform:translate(0)}}@media (width<=768px){.section{padding:100px 5%}.section-title{margin-bottom:40px;font-size:clamp(2.6rem,8vw,4.5rem)}}@media (width<=480px){.section{padding:80px 4%}.section-title{margin-bottom:32px;font-size:clamp(2.2rem,10vw,3.5rem)}.section-eyebrow{letter-spacing:.2em;font-size:.72rem}.btn{clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);padding:13px 24px;font-size:.82rem}}
