:root{--paper:#0d0d14;--paper-2:#12121a;--ink:#f0eef8;--ink-soft:#c0bedd;--ink-muted:#8e8caa;--red:#ff3d4e;--red-deep:#cc1a28;--blue:#4d6fff;--blue-deep:#2342d6;--yellow:#ffd234;--line:#e8e6f01f;--glow-red:#ff3d4e2e;--glow-blue:#4d6fff2e;--glow-yellow:#ffd23424;--surface:#181824;--surface-2:#1e1e2e;--scrim:#0a0a12b8;--scrim-light:#0a0a126b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--paper);color:var(--ink);overflow-x:hidden}body{cursor:none;font-family:Archivo,sans-serif;line-height:1.6}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}.halftone{z-index:1;pointer-events:none;opacity:.18;background-image:radial-gradient(#e8e6f012 1px,#0000 1.4px);background-size:14px 14px;position:fixed;inset:0}.halftone-red{z-index:1;pointer-events:none;opacity:.14;background-image:radial-gradient(var(--red) 1.4px, transparent 2px);background-size:11px 11px;border-radius:50%;width:55vw;height:55vw;animation:14s ease-in-out infinite alternate dotDrift;position:fixed;top:-20vh;right:-15vw;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#0000 68%)}.glow-blob-blue{z-index:0;pointer-events:none;opacity:.07;background:radial-gradient(circle, var(--blue) 0%, transparent 70%);border-radius:50%;width:50vw;height:40vw;animation:20s ease-in-out infinite alternate blobDrift;position:fixed;bottom:-10vh;left:-8vw}.glow-blob-red{z-index:0;pointer-events:none;opacity:.06;background:radial-gradient(circle, var(--red) 0%, transparent 70%);border-radius:50%;width:38vw;height:38vw;animation:26s ease-in-out infinite alternate-reverse blobDrift;position:fixed;top:30vh;right:-12vw}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(3vw,4vh)scale(1.08)}}@keyframes dotDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(4vw,-3vh)rotate(8deg)}}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9999;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--red);border:2px solid var(--ink);width:10px;height:10px;box-shadow:0 0 8px var(--red), 0 0 16px #ff3d4e66}.cursor-ring{border:2px solid var(--ink-soft);width:44px;height:44px;transition:width .25s,height .25s,border-color .25s,background .25s}.cursor-ring.hovering{border-color:var(--red);background:#ff3d4e14;width:86px;height:86px;box-shadow:0 0 20px #ff3d4e33}.cursor-label{pointer-events:none;z-index:9999;letter-spacing:.1em;color:var(--yellow);opacity:0;text-shadow:1.5px 1.5px 0 var(--paper), 2.5px 2.5px 0 var(--ink);font-family:Bangers,cursive;font-size:15px;transition:opacity .3s;position:fixed;top:0;left:0;transform:translate(16px,20px)rotate(-4deg)}#webTrail{z-index:9998;pointer-events:none;position:fixed;inset:0}@media (hover:none){.cursor-dot,.cursor-ring,.cursor-label,#webTrail{display:none}body{cursor:auto}}#loader{background:var(--paper);z-index:9000;flex-direction:column;justify-content:center;align-items:center;gap:26px;transition:opacity .9s,visibility .9s;display:flex;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden}#loader:before{content:"";background-image:radial-gradient(#ff3d4e14 1.6px,#0000 2px);background-size:16px 16px;animation:6s linear infinite alternate dotDrift;position:absolute;inset:0}.loader-logo{letter-spacing:.06em;color:var(--red);text-shadow:2px 2px 0 var(--paper-2), 4px 4px 0 #ff3d4e80, 0 0 40px #ff3d4e66, 0 0 80px #ff3d4e33;font-family:Bangers,cursive;font-size:clamp(44px,8vw,90px);animation:1s ease-in-out infinite loaderBounce}@keyframes loaderBounce{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.05)}}.loader-bar{background:var(--surface);border:3px solid var(--ink-soft);border-radius:99px;width:min(340px,70vw);height:14px;overflow:hidden;box-shadow:4px 4px #ff3d4e4d,0 0 20px #4d6fff26}.loader-bar i{background:repeating-linear-gradient(45deg, var(--red) 0 12px, var(--blue) 12px 24px);width:0;height:100%;box-shadow:0 0 10px var(--red);transition:width .2s;display:block}.loader-status{letter-spacing:.12em;color:var(--blue);text-shadow:0 0 12px #4d6fff80;min-height:24px;font-family:Bangers,cursive;font-size:18px;transform:rotate(-2deg)}#gl{z-index:0;pointer-events:none;transition:opacity .5s ease-in-out;position:fixed;inset:0}.gl-home{opacity:1}.gl-subpage{opacity:.45}.hud{z-index:7000;pointer-events:none;letter-spacing:.22em;color:var(--ink-muted);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px;position:fixed}.hud b{color:var(--red);text-shadow:0 0 8px #ff3d4e80;font-weight:500}.hud-tl{top:84px;left:22px}.hud-br{text-align:right;bottom:18px;right:22px}.hud:before{content:"";border:2px solid #e8e6f04d;width:18px;height:18px;position:absolute}.hud-tl:before{border-bottom:none;border-right:none;top:-12px;left:-8px}.hud-br:before{border-top:none;border-left:none;bottom:-6px;right:-8px}@media (width<=860px){.hud{display:none}}.progress{z-index:8000;width:100%;height:5px;position:fixed;top:0;left:0}.progress i{background:repeating-linear-gradient(90deg, var(--red) 0 30px, var(--blue) 30px 60px);width:0;height:100%;box-shadow:0 0 8px var(--red), 0 2px 12px #4d6fff66;display:block}nav{z-index:7500;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0d14d1;border-bottom:1px solid #e8e6f01a;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #e8e6f00f,0 4px 24px #0006}.nav-logo{letter-spacing:.06em;color:var(--ink);font-family:Bangers,cursive;font-size:24px}.nav-logo span{color:var(--red);text-shadow:0 0 12px #ff3d4e66}.nav-links{letter-spacing:.16em;text-transform:uppercase;gap:32px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:flex}.nav-links a{color:var(--ink-soft);cursor:pointer;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--red);width:0;height:2px;box-shadow:0 0 6px var(--red);transition:width .35s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}@media (width<=760px){.nav-links{display:none}}.nav-cta{letter-spacing:.08em;color:var(--yellow);background:#ffd23414;border:2px solid #ffd23480;border-radius:99px;padding:8px 20px;font-family:Bangers,cursive;font-size:16px;transition:all .25s;box-shadow:0 0 16px #ffd23426,inset 0 0 16px #ffd2340d}.nav-cta:hover{border-color:var(--yellow);background:#ffd23426;transform:translate(-2px,-2px);box-shadow:0 0 24px #ffd2344d,inset 0 0 24px #ffd23414}main{z-index:2;position:relative}section{padding:clamp(90px,14vh,160px) clamp(20px,6vw,96px);position:relative}section:before{content:"";background:linear-gradient(to bottom, transparent 0%, var(--scrim-light) 15%, var(--scrim-light) 85%, transparent 100%);pointer-events:none;z-index:0;position:absolute;inset:0}section>*{z-index:1;position:relative}.skew-wrap{will-change:transform}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--blue);text-shadow:0 0 12px #4d6fff66;align-items:center;gap:14px;margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--red), transparent);width:36px;height:2px;box-shadow:0 0 8px var(--red)}.hero{perspective:1100px;flex-direction:column;justify-content:center;min-height:100svh;padding-top:130px;display:flex}.hero:before{background:linear-gradient(105deg,#0a0a12e0 0%,#0a0a12b8 45%,#0a0a1247 72%,#0000 100%)!important}.hero-tag{letter-spacing:.45em;text-transform:uppercase;color:var(--blue);opacity:0;text-shadow:0 0 16px #4d6fff80;margin-bottom:26px;font-family:JetBrains Mono,monospace;font-size:clamp(11px,1.3vw,14px);font-weight:500}.h1-3d{transform-style:preserve-3d;will-change:transform}.hero h1{letter-spacing:.015em;text-transform:uppercase;transform-style:preserve-3d;font-family:Bangers,cursive;font-size:clamp(60px,12vw,180px);font-weight:400;line-height:.92}.hero h1 .row{transform-style:preserve-3d;display:block;overflow:visible}.hero h1 .row span{transform-style:preserve-3d;display:inline-block;transform:translateY(120%)rotateX(-80deg)}.t3d-red{color:var(--red);text-shadow:1px 1px 0 var(--red-deep), 2px 2px 0 var(--red-deep), 3px 3px 0 var(--red-deep), 4px 4px 0 var(--red-deep), 5px 5px 0 #c8142899, 0 0 40px #ff3d4e4d, 0 0 80px #ff3d4e26}.t3d-blue{color:var(--blue);text-shadow:1px 1px 0 var(--blue-deep), 2px 2px 0 var(--blue-deep), 3px 3px 0 var(--blue-deep), 4px 4px 0 var(--blue-deep), 5px 5px 0 #1e32a099, 0 0 40px #4d6fff4d, 0 0 80px #4d6fff26}.t3d-ink{color:var(--paper);-webkit-text-stroke:2px #e8e6f066;text-shadow:4px 4px #ffd23466,7px 7px #0009,0 0 30px #e8e6f01a}.hero-sub{max-width:560px;color:var(--ink-soft);opacity:0;text-shadow:0 1px 8px #0a0a12cc,0 0 2px #0a0a12e6;margin-top:36px;font-size:clamp(16px,1.7vw,20px);font-weight:500}.hero-sub b{color:var(--ink);text-shadow:none;font-weight:700}.hero-actions{opacity:0;flex-wrap:wrap;gap:18px;margin-top:44px;display:flex}.btn{letter-spacing:.08em;will-change:transform;cursor:pointer;border:2px solid #e8e6f026;border-radius:14px;align-items:center;gap:12px;padding:14px 32px;font-family:Bangers,cursive;font-size:20px;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--red);color:#fff;border-color:#ff3d4e66;box-shadow:0 0 24px #ff3d4e59,0 4px 16px #0006}.btn-primary:hover{transform:translate(-3px,-3px)rotate(-1deg);box-shadow:0 0 40px #ff3d4e80,0 8px 24px #00000080}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e8e6f00f;box-shadow:0 0 0 1px #e8e6f01f,0 4px 16px #0000004d}.btn-ghost:hover{color:var(--yellow);background:#ffd2341f;border-color:#ffd23466;transform:translate(-3px,-3px)rotate(1deg);box-shadow:0 0 24px #ffd23433,0 8px 24px #0006}.btn .dot{background:#fff;border:2px solid #ffffff4d;border-radius:50%;width:9px;height:9px;animation:1.2s infinite blink;box-shadow:0 0 6px #fff}.btn-ghost .dot{background:var(--red);box-shadow:0 0 6px var(--red)}@keyframes blink{50%{opacity:.25}}.hero-meta{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);opacity:0;text-shadow:0 1px 6px #0a0a12e6;justify-content:space-between;align-items:flex-end;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:36px;left:clamp(20px,6vw,96px);right:clamp(20px,6vw,96px)}.scroll-hint{flex-direction:column;align-items:center;gap:10px;display:flex}.scroll-hint .wheel{background:linear-gradient(180deg, var(--red), transparent);width:2px;height:46px;animation:1.8s ease-in-out infinite dropLine;box-shadow:0 0 6px #ff3d4e66}@keyframes dropLine{0%{transform-origin:top;transform:scaleY(0)}55%{transform-origin:top;transform:scaleY(1)}56%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.marquee{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d14b3;border-top:1px solid #e8e6f01f;border-bottom:1px solid #e8e6f01f;margin:10px 0;padding:16px 0;position:relative;overflow:hidden;transform:rotate(-1.2deg)scale(1.02);box-shadow:0 2px 32px #ff3d4e14}.marquee:after{content:"";pointer-events:none;background:#ff3d4e0f;position:absolute;inset:0}.marquee.m2{background:#0d0d14b3;transform:rotate(1deg)scale(1.02);box-shadow:0 2px 32px #4d6fff14}.marquee.m2:after{background:#4d6fff14}.marquee-track{text-transform:uppercase;letter-spacing:.14em;width:max-content;color:var(--ink);font-family:Bangers,cursive;font-size:clamp(20px,2.6vw,30px);display:flex}.marquee-track span{white-space:nowrap;padding:0 30px}.marquee-track .hl{color:var(--yellow);text-shadow:0 0 10px #ffd23480}.m-fwd .marquee-track{animation:22s linear infinite marquee}.m-rev .marquee-track{animation:26s linear infinite marqueeRev}@keyframes marquee{to{transform:translate(-50%)}}@keyframes marqueeRev{0%{transform:translate(-50%)}to{transform:translate(0)}}.h2{text-transform:uppercase;letter-spacing:.02em;max-width:960px;transform-style:preserve-3d;filter:drop-shadow(0 2px 12px #0a0a1299);font-family:Bangers,cursive;font-size:clamp(40px,6.5vw,86px);font-weight:400;line-height:1}.h2 .accent{color:var(--red);text-shadow:0 0 30px #ff3d4e59,2px 2px #c8142880}.h2 .accent-b{color:var(--blue);text-shadow:0 0 30px #4d6fff59,2px 2px #1e32b480}.reveal{opacity:0;transform:translateY(60px)}.flip3d{opacity:0;transform-origin:top;transform:rotateX(-85deg)translateY(40px)}.about-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:clamp(40px,6vw,90px);margin-top:60px;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr}}.about-text p{color:var(--ink-soft);margin-bottom:24px;font-size:clamp(16px,1.7vw,20px);font-weight:500;line-height:1.75}.about-text p b{color:var(--ink);font-weight:700}.about-text .quote{color:var(--yellow);letter-spacing:.04em;text-shadow:0 0 20px #ffd2344d;background:#ffd2340f;border:1px solid #ffd23440;border-radius:18px;padding:22px 26px;font-family:Bangers,cursive;font-size:clamp(22px,2.4vw,30px);transform:rotate(-1deg);box-shadow:0 0 24px #ffd2341a,inset 0 0 24px #ffd2340a}.stats{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat{background:var(--surface);border:1px solid #e8e6f024;border-radius:16px;padding:26px 24px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006,inset 0 1px #e8e6f014}.stat:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#ff3d4e0f,#0000 60%);position:absolute;inset:0}.stat:nth-child(odd){transform:rotate(-1deg)}.stat:nth-child(2n){transform:rotate(1deg)}.stat:hover{transform:translate(-3px,-3px)rotate(0);box-shadow:0 8px 40px #0006,0 0 24px #ff3d4e1a}.stat .num{color:var(--red);text-shadow:0 0 20px #ff3d4e66;font-family:Bangers,cursive;font-size:clamp(34px,3.8vw,52px)}.stat .lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.cards{perspective:1400px;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px;display:grid}@media (width<=980px){.cards{grid-template-columns:1fr}}.card{background:var(--surface);transform-style:preserve-3d;will-change:transform;cursor:pointer;border:1px solid #e8e6f021;border-radius:20px;padding:40px 32px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 1px #e8e6f017}.card:before{content:"";background:radial-gradient(500px circle at var(--mx,50%) var(--my,50%), #4d6fff1f, transparent 45%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.card:hover:before{opacity:1}.card:hover{box-shadow:0 16px 48px #00000080,0 0 32px #4d6fff1a}.card .badge{letter-spacing:.08em;background:var(--blue);color:#fff;border:1px solid #e8e6f026;border-top:none;border-radius:0 0 12px 12px;padding:8px 14px;font-family:Bangers,cursive;font-size:16px;position:absolute;top:-1px;right:24px;box-shadow:0 4px 12px #4d6fff4d}.card:nth-child(2) .badge{background:var(--red);box-shadow:0 4px 12px #ff3d4e4d}.card:nth-child(3) .badge{color:var(--yellow);background:#ffd23426;border-color:#ffd2344d;box-shadow:0 0 12px #ffd23433}.card h3{text-transform:uppercase;letter-spacing:.04em;margin:20px 0 14px;font-family:Bangers,cursive;font-size:clamp(26px,2.4vw,34px);transform:translateZ(46px)}.card p{color:var(--ink-soft);font-size:15px;font-weight:500;line-height:1.7;transform:translateZ(28px)}.card .chip-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex;transform:translateZ(20px)}.chip{letter-spacing:.12em;text-transform:uppercase;color:#7b9bff;background:#4d6fff1a;border:1px solid #4d6fff73;border-radius:99px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.card .glyph{filter:drop-shadow(0 0 12px #ff3d4e66);font-size:38px;animation:4s ease-in-out infinite floatGlyph;display:inline-block;transform:translateZ(56px)}.card:nth-child(2) .glyph{filter:drop-shadow(0 0 12px #4d6fff66);animation-delay:-1.3s}.card:nth-child(3) .glyph{filter:drop-shadow(0 0 12px #ffd23466);animation-delay:-2.6s}@keyframes floatGlyph{0%,to{transform:translateZ(56px)translateY(0)rotate(-5deg)}50%{transform:translateZ(56px)translateY(-12px)rotate(6deg)}}.steps{margin-top:70px}.step{background:var(--surface);cursor:pointer;border:1px solid #e8e6f021;border-radius:18px;grid-template-columns:110px 1fr 1.2fr;align-items:center;gap:30px;margin-bottom:18px;padding:34px 26px;transition:all .3s;display:grid;box-shadow:0 4px 24px #0006,inset 0 1px #e8e6f012}.step:nth-child(odd){transform:rotate(-.5deg)}.step:nth-child(2n){transform:rotate(.5deg)}.step:hover{transform:translate(-4px,-4px)rotate(0);box-shadow:0 12px 40px #0006,0 0 24px #ff3d4e14}@media (width<=760px){.step{grid-template-columns:1fr;gap:10px}}.step .no{color:#0000;-webkit-text-stroke:1px #e8e6f04d;text-shadow:0 0 20px #ff3d4e4d;background:linear-gradient(135deg, var(--red), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bangers,cursive;font-size:44px}.step h4{text-transform:uppercase;letter-spacing:.04em;font-family:Bangers,cursive;font-size:clamp(22px,2.2vw,28px)}.step p{color:var(--ink-soft);font-size:15px;font-weight:500;line-height:1.7}.contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:92svh;display:flex}.contact:before{background:radial-gradient(80% 70%,#0a0a12d9 0%,#0a0a12a6 55%,#0000 100%)!important}.contact .h2{margin:0 auto}.mega-cta{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:54px;display:flex}.social-row{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:56px;display:flex}.social{letter-spacing:.08em;color:var(--ink);background:var(--surface);cursor:pointer;border:1px solid #e8e6f029;border-radius:16px;align-items:center;gap:12px;padding:15px 26px;font-family:Bangers,cursive;font-size:17px;transition:all .25s;display:flex;box-shadow:0 4px 16px #0006,inset 0 1px #e8e6f012}.social:hover{transform:translate(-3px,-5px)rotate(-1deg);box-shadow:0 12px 32px #0006}.social.ig:hover{background:#e1306c1a;border-color:#e1306c4d;box-shadow:0 12px 32px #0006,0 0 24px #e1306c26}.social.yt:hover{background:#ff3d3d1a;border-color:#ff3d3d4d;box-shadow:0 12px 32px #0006,0 0 24px #ff3d3d26}.social.wa:hover{background:#25d3661a;border-color:#25d3664d;box-shadow:0 12px 32px #0006,0 0 24px #25d36626}.social svg{width:20px;height:20px}footer{z-index:2;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);background:var(--paper-2);border-top:1px solid #e8e6f014;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:30px clamp(20px,6vw,96px);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:flex;position:relative}.contact .hero-sub{text-shadow:0 1px 8px #0a0a12e6;max-width:580px}.burst{z-index:9500;pointer-events:none;justify-content:center;align-items:center;font-family:Bangers,cursive;display:flex;position:fixed;transform:translate(-50%,-50%)}.burst svg{width:150px;height:150px;position:absolute}.burst b{letter-spacing:.06em;color:#fff;font-size:30px;position:relative;transform:rotate(-6deg)}.websplat{z-index:9400;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body{cursor:auto}.cursor-dot,.cursor-ring,.cursor-label,#webTrail{display:none}.reveal,.flip3d,.hero-tag,.hero-sub,.hero-actions,.hero-meta{opacity:1!important;transform:none!important}.hero h1 .row span{transform:none!important}}.nav-active{color:var(--ink)!important}.nav-active:after{width:100%!important}.about-page,.projects-page{z-index:2;padding-top:80px;position:relative}.about-hero-section{padding:clamp(80px,12vh,140px) clamp(20px,6vw,96px) clamp(60px,8vh,100px);position:relative}.about-hero-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(105deg,#0a0a12db 0%,#0a0a1299 55%,#0000 100%);position:absolute;inset:0}.about-hero-section>*{z-index:1;position:relative}.about-hero-inner{grid-template-columns:1fr auto;align-items:center;gap:clamp(40px,6vw,80px);display:grid}@media (width<=860px){.about-hero-inner{grid-template-columns:1fr}.about-avatar{order:-1;justify-content:center;display:flex}}.about-lead{color:var(--ink-soft);text-shadow:0 1px 8px #0a0a12b3;max-width:620px;margin-top:24px;font-size:clamp(12px,1.2vw,22px);font-weight:500;line-height:1.75}.about-lead b{color:var(--ink);font-weight:700}.about-sub{color:var(--ink-soft);text-shadow:0 1px 8px #0a0a12b3;max-width:580px;margin-top:18px;font-size:clamp(15px,1.5vw,18px);line-height:1.75}.about-sub b{color:var(--ink)}.about-badges{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.about-badge{letter-spacing:.14em;text-transform:uppercase;background:var(--surface);color:var(--ink-soft);border:1px solid #e8e6f024;border-radius:99px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;box-shadow:0 2px 10px #0000004d}.avatar-frame{width:220px;height:220px;position:relative}@media (width<=860px){.avatar-frame{width:160px;height:160px}}.avatar-inner{background:linear-gradient(135deg, var(--red) 0%, var(--blue) 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 0 40px #ff3d4e40,0 0 80px #4d6fff26}.avatar-initials{color:#fff;letter-spacing:.06em;text-shadow:2px 2px #0000004d;font-family:Bangers,cursive;font-size:64px;line-height:1}@media (width<=860px){.avatar-initials{font-size:46px}}.avatar-ring{border:2px dashed #ffd23466;border-radius:50%;animation:20s linear infinite spinRing;position:absolute;inset:-8px}@keyframes spinRing{to{transform:rotate(360deg)}}.avatar-badge{letter-spacing:.1em;background:var(--red);color:#fff;white-space:nowrap;border-radius:99px;padding:4px 14px;font-family:Bangers,cursive;font-size:13px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ff3d4e66}.stats-section{padding:0 clamp(20px,6vw,96px) clamp(60px,8vh,80px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=860px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr}}.edu-section{padding:clamp(60px,8vh,100px) clamp(20px,6vw,96px);position:relative}.edu-section:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0a0a1266 20% 80%,#0000 100%);position:absolute;inset:0}.edu-section>*{z-index:1;position:relative}.edu-cards{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}@media (width<=760px){.edu-cards{grid-template-columns:1fr}}.edu-card{background:var(--surface);border:1px solid #e8e6f021;border-radius:20px;padding:32px 28px;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 32px #0006,inset 0 1px #e8e6f012}.edu-card:hover{transform:translate(-3px,-4px);box-shadow:0 16px 48px #00000080,0 0 24px #4d6fff14}.edu-card-alt{border-color:#4d6fff33}.edu-card-alt:hover{box-shadow:0 16px 48px #00000080,0 0 24px #4d6fff1f}.edu-year{letter-spacing:.22em;text-transform:uppercase;color:var(--red);text-shadow:0 0 10px #ff3d4e66;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:11px}.edu-degree{letter-spacing:.04em;color:var(--ink);margin-bottom:4px;font-family:Bangers,cursive;font-size:clamp(22px,2.4vw,30px)}.edu-school{letter-spacing:.14em;color:var(--blue);text-transform:uppercase;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px}.edu-note{color:var(--ink-soft);margin-bottom:20px;font-size:15px;line-height:1.7}.edu-tags{flex-wrap:wrap;gap:8px;display:flex}.skills-section{padding:clamp(60px,8vh,100px) clamp(20px,6vw,96px)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}@media (width<=680px){.skills-grid{grid-template-columns:1fr}}.skill-group{background:var(--surface);border:1px solid #e8e6f01f;border-radius:18px;padding:28px 24px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 20px #00000059}.skill-group:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000073,0 0 20px #4d6fff14}.skill-category{letter-spacing:.06em;color:var(--ink);border-bottom:1px solid #e8e6f01a;margin-bottom:16px;padding-bottom:12px;font-family:Bangers,cursive;font-size:20px}.skill-chips{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{letter-spacing:.12em;text-transform:uppercase;color:#7b9bff;background:#4d6fff1a;border:1px solid #4d6fff66;border-radius:99px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;transition:background .2s,border-color .2s}.skill-chip:hover{background:#4d6fff33;border-color:#4d6fff99}.timeline-section{padding:clamp(60px,8vh,100px) clamp(20px,6vw,96px);position:relative}.timeline-section:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0a0a1261 20% 80%,#0000 100%);position:absolute;inset:0}.timeline-section>*{z-index:1;position:relative}.timeline{margin-top:56px;padding:0 0 40px;position:relative}.tl-line{background:linear-gradient(to bottom, var(--red), var(--blue));width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #4d6fff4d}@media (width<=700px){.tl-line{left:24px}}.tl-item{grid-template-columns:1fr 32px 1fr;align-items:start;gap:24px;margin-bottom:48px;display:grid}@media (width<=700px){.tl-item{grid-template-columns:48px 1fr;gap:16px}}.tl-right .tl-year{text-align:left;order:3}.tl-right .tl-dot{order:2}.tl-right .tl-content{text-align:right;order:1}@media (width<=700px){.tl-right .tl-year{order:unset;text-align:left}.tl-right .tl-dot{order:unset}.tl-right .tl-content{order:unset;text-align:left}.tl-item{grid-template-columns:48px 1fr}.tl-item .tl-year{display:none}}.tl-year{color:var(--yellow);text-align:right;text-shadow:0 0 16px #ffd23466;padding-top:4px;font-family:Bangers,cursive;font-size:28px}.tl-dot{background:var(--red);border:3px solid var(--paper);z-index:1;border-radius:50%;align-self:start;width:14px;height:14px;margin:6px auto 0;position:relative;box-shadow:0 0 12px #ff3d4e80}.tl-content{background:var(--surface);border:1px solid #e8e6f01f;border-radius:16px;padding:22px 24px;box-shadow:0 4px 20px #00000059}.tl-content h3{letter-spacing:.04em;color:var(--ink);margin-bottom:8px;font-family:Bangers,cursive;font-size:20px}.tl-content p{color:var(--ink-soft);font-size:14px;line-height:1.65}.quote-section{justify-content:center;padding:clamp(60px,8vh,100px) clamp(20px,6vw,96px);display:flex}.big-quote{color:var(--yellow);letter-spacing:.04em;text-align:center;text-shadow:0 0 24px #ffd2344d;background:#ffd2340a;border:1px solid #ffd23433;border-radius:24px;max-width:800px;padding:clamp(28px,4vw,56px);font-family:Bangers,cursive;font-size:clamp(24px,3.5vw,44px);line-height:1.4;transform:rotate(-.5deg);box-shadow:0 0 40px #ffd23414,inset 0 0 40px #ffd23408}.projects-hero-section{padding:clamp(80px,12vh,140px) clamp(20px,6vw,96px) clamp(20px,4vh,48px);position:relative}.projects-hero-section:before{content:"";pointer-events:none;background:linear-gradient(#0a0a12b3 0%,#0a0a1266 60%,#0000 100%);position:absolute;inset:0}.projects-hero-section>*{z-index:1;position:relative}.projects-lead{color:var(--ink-soft);text-shadow:0 1px 8px #0a0a12b3;max-width:560px;margin-top:20px;font-size:clamp(16px,1.6vw,20px);font-weight:500;line-height:1.75}.filter-section{z-index:2;padding:0 clamp(20px,6vw,96px) 32px;position:relative}.filter-bar{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{letter-spacing:.14em;text-transform:uppercase;background:var(--surface);color:var(--ink-soft);cursor:pointer;border:1px solid #e8e6f024;border-radius:99px;padding:9px 20px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s;box-shadow:0 2px 10px #0000004d}.filter-btn:hover{color:var(--ink);background:#4d6fff1f;border-color:#4d6fff66}.filter-btn.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 16px #ff3d4e4d}.projects-grid-section{padding:0 clamp(20px,6vw,96px) clamp(60px,8vh,100px)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--surface);cursor:pointer;animation-delay:var(--delay,0s);border:1px solid #e8e6f021;border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000073}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px #0000008c,0 0 32px #4d6fff1a}.project-card-spotlight{pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%), #4d6fff1a, transparent 50%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-card-spotlight{opacity:1}.project-thumb{aspect-ratio:16/9;background:var(--surface-2);width:100%;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-thumb img{transform:scale(1.04)}.project-thumb-placeholder{background:linear-gradient(135deg,#ff3d4e14 0%,#4d6fff1f 100%);border-bottom:1px solid #e8e6f014;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-thumb-no{letter-spacing:.06em;color:#0000;-webkit-text-stroke:1px #e8e6f026;-webkit-user-select:none;user-select:none;font-family:Bangers,cursive;font-size:72px}.project-status{letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex;position:absolute;top:12px;left:12px}.project-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px}.project-body{flex:1;padding:24px 24px 16px}.project-issue{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px}.project-title{letter-spacing:.04em;color:var(--ink);text-transform:uppercase;margin-bottom:10px;font-family:Bangers,cursive;font-size:clamp(22px,2vw,28px)}.project-desc{color:var(--ink-soft);margin-bottom:16px;font-size:14px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-links{border-top:1px solid #e8e6f014;flex-wrap:wrap;gap:10px;padding:16px 24px 24px;display:flex}.project-link{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s;display:inline-flex}.project-link-primary{background:var(--red);color:#fff;border:1px solid #ff3d4e66;box-shadow:0 0 16px #ff3d4e33}.project-link-primary:hover{background:var(--red-deep);transform:translateY(-1px);box-shadow:0 0 24px #ff3d4e59}.project-link-ghost{color:var(--ink-soft);background:#e8e6f00f;border:1px solid #e8e6f026}.project-link-ghost:hover{color:var(--ink);background:#e8e6f01f;border-color:#e8e6f04d}.project-link-disabled{color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;cursor:default;background:0 0;border:1px solid #e8e6f01a;border-radius:10px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11px}.projects-cta-section{text-align:center;padding:clamp(60px,8vh,100px) clamp(20px,6vw,96px);position:relative}.projects-cta-section:before{content:"";pointer-events:none;background:radial-gradient(70% 60%,#0a0a12cc 0%,#0000 100%);position:absolute;inset:0}.projects-cta-section>*{z-index:1;position:relative}.projects-cta-inner{flex-direction:column;align-items:center;display:flex}.projects-cta-inner .h2{text-align:center}.projects-cta-sub{color:var(--ink-soft);text-align:center;max-width:500px;margin-top:18px;font-size:clamp(15px,1.5vw,18px);line-height:1.75}.nav-toggle{cursor:pointer;z-index:8000;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.toggle-bar{background-color:var(--ink);border-radius:99px;width:100%;height:2px;transition:all .3s;box-shadow:0 0 4px #f0eef866}.nav-toggle.open .toggle-bar:first-child{background-color:var(--red);box-shadow:0 0 8px var(--red);transform:translateY(8px)rotate(45deg)}.nav-toggle.open .toggle-bar:nth-child(2){opacity:0}.nav-toggle.open .toggle-bar:nth-child(3){background-color:var(--red);box-shadow:0 0 8px var(--red);transform:translateY(-8px)rotate(-45deg)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);z-index:7400;pointer-events:none;background:#0d0d14f7;justify-content:center;align-items:center;width:100%;height:100svh;transition:transform .4s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile-nav-overlay.open{pointer-events:auto;transform:translateY(0)}.mobile-nav-links{letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:32px;font-family:Bangers,cursive;font-size:clamp(28px,6vw,36px);display:flex}.mobile-nav-link{color:var(--ink-soft);transition:color .3s,transform .3s}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--red);text-shadow:0 0 12px #ff3d4e66;transform:scale(1.08)rotate(-2deg)}.mobile-nav-cta{letter-spacing:.08em;color:var(--yellow);background:#ffd23414;border:2px solid #ffd23480;border-radius:99px;margin-top:16px;padding:10px 24px;font-family:Bangers,cursive;font-size:20px;transition:all .25s;box-shadow:0 0 16px #ffd23426}.mobile-nav-cta:hover{border-color:var(--yellow);background:#ffd23426;transform:scale(1.04)rotate(1.5deg);box-shadow:0 0 20px #ffd23466}@media (width<=760px){.nav-toggle{display:flex}.nav-cta{display:none}}@media (width<=480px){section{padding:70px 16px}.hero{padding-top:110px}.hero-actions{gap:12px}.btn{justify-content:center;width:100%;padding:12px 24px;font-size:18px}.hero-meta{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:50px;position:static}.scroll-hint{display:none}.projects-hero-section{padding:100px 16px 20px}.projects-grid-section{padding:0 16px 60px}.filter-section{padding:0 16px 20px}.filter-bar{justify-content:center;gap:8px}.filter-btn{padding:8px 16px;font-size:10px}.skills-section,.edu-section,.timeline-section,.quote-section{padding:60px 16px}.card,.edu-card{padding:28px 20px}.skill-group{padding:22px 18px}.project-card{border-radius:16px}.project-body{padding:20px 18px 12px}.project-links{padding:12px 18px 18px}}