*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ff2d78 #0a0a0c}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0c}::-webkit-scrollbar-thumb{background:#ff2d78;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e01a5e}body{color:#f0f0f3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0c;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}::selection{color:#fff;background:#ff2d784d}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.hide-mob{display:flex}.hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.hero-portrait-wrap{aspect-ratio:4/5;background:#121217;border:1px solid #2de8c459;justify-self:end;width:min(100%,360px);animation:.9s .2s both scaleIn;position:relative;right:clamp(-28px,-2vw,0px);overflow:hidden;box-shadow:18px 18px #ff2d781f,0 24px 80px #0006}.hero-portrait{object-fit:contain;object-position:center bottom;transform-origin:bottom;filter:saturate(.92)contrast(1.04);width:100%;height:100%;transform:scale(1.08)}.portrait-accent{pointer-events:none;width:72px;height:72px;position:absolute}.portrait-accent-pink{border-top:2px solid #ff2d78;border-right:2px solid #ff2d78;top:18px;right:18px}.portrait-accent-teal{border-bottom:2px solid #2de8c4;border-left:2px solid #2de8c4;bottom:18px;left:18px}.nav-link{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:4px 0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:#ff2d78;width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.nav-link:hover{color:#f0f0f3!important}.nav-link:hover:after{width:100%}.cta{cursor:pointer;text-transform:uppercase;border:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cta:before{content:"";background:linear-gradient(120deg,#0000,#ffffff26,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.cta:hover:before{transform:translate(100%)}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(0)}.lift{transition:all .4s cubic-bezier(.16,1,.3,1)}.lift:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0006}.geo{opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute}.spin-slow{animation:20s linear infinite spin}.spin-rev{animation:25s linear infinite reverse spin}.float{animation:6s ease-in-out infinite float}.hero-img-out{animation:1s forwards fadeOut}.hero-img-in{animation:1s forwards fadeIn}.skill-grid,.exp-grid,.proj-grid,.contact-grid,.rules-grid{opacity:0;animation:.8s .2s forwards fadeUp}.skill-tag{background:0 0;transition:all .3s}.skill-tag:hover{background:#ff2d781a;color:#f0f0f3!important;border-color:#ff2d784d!important}.mob-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ff2d78;border-radius:2px;padding:6px 12px;font-size:16px;transition:all .3s;display:none}.mob-toggle:hover{background:#ff2d781a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{top:-30%}to{top:100%}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{to{opacity:1}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.hide-mob{display:none!important}.mob-toggle{display:block!important}}@media (width<=768px){.hero-layout{grid-template-columns:1fr;gap:48px}.hero-copy{order:2}.hero-portrait-wrap{order:1;justify-self:center;width:min(100%,300px);right:0}.exp-grid{grid-template-columns:1fr!important}.contact-grid,.rules-grid{grid-template-columns:repeat(2,1fr)!important}}
