.hacker-page{--background:#000;--foreground:#e6e6e6;--primary:#fff;--muted-foreground:#8c8c8c;--border:#2a2a2a;--card:#000;--color-background:#000;--color-foreground:#e6e6e6;--color-primary:#fff;--color-muted-foreground:#8c8c8c;--color-border:#2a2a2a;--color-card:#000;isolation:isolate;font-feature-settings:"tnum";background:#000}.hacker-page::selection,.hacker-page ::selection{color:#000;background:#fff}.hacker-page:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(#0000 45%,#000000d9 100%);position:absolute;inset:0}.matrix-rain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 15%,#000 85%);mask-image:radial-gradient(#0000 15%,#000 85%)}.hacker-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(#000 10%,#0000 70%);mask-image:radial-gradient(#000 10%,#0000 70%)}.hacker-glow{filter:blur(24px);background:radial-gradient(circle,#ffffff17,#0000 65%);width:720px;max-width:120vw;height:720px;animation:6s ease-in-out infinite glow-pulse;transform:translate(-50%,-50%)}.scanlines{z-index:4;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);overflow:hidden}.scanlines:after{content:"";background:linear-gradient(#0000,#ffffff12,#0000);height:160px;animation:7s linear infinite scan-bar;position:absolute;top:-160px;left:0;right:0}.corner-frame{position:relative}.corner-frame:before,.corner-frame:after{content:"";pointer-events:none;border:0 solid #fff;width:14px;height:14px;position:absolute}.corner-frame:before{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.corner-frame:after{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.terminal-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 40px #ffffff0a,inset 0 0 30px #ffffff05}.terminal-log{opacity:0;animation:.4s ease-out forwards log-in;transform:translate(-6px)}.terminal-cursor{animation:1s step-end infinite blink}.hero-content{animation:.9s cubic-bezier(.2,.7,.2,1) both hero-in}.glitch-title{text-shadow:0 0 24px #ffffff59;position:relative}.glitch-title:before,.glitch-title:after{content:attr(data-text);pointer-events:none;clip-path:inset(0 0 100%);position:absolute;inset:0}.glitch-title:before{color:#fff;text-shadow:-2px 0 #777;animation:5s step-end infinite glitch-a}.glitch-title:after{color:#bbb;text-shadow:2px 0 #444;animation:5s step-end infinite glitch-b}@keyframes scan-bar{to{transform:translateY(calc(100vh + 320px))}}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes log-in{to{opacity:1;transform:translate(0)}}@keyframes hero-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes glitch-a{0%,89%{clip-path:inset(0 0 100%);transform:translate(0)}90%{clip-path:inset(10% 0 62%);transform:translate(-4px)}92%{clip-path:inset(55% 0 18%);transform:translate(3px)}94%{clip-path:inset(30% 0 40%);transform:translate(-2px)}96%,to{clip-path:inset(0 0 100%);transform:translate(0)}}@keyframes glitch-b{0%,90%{clip-path:inset(0 0 100%);transform:translate(0)}91%{clip-path:inset(60% 0 8%);transform:translate(4px)}93%{clip-path:inset(5% 0 70%);transform:translate(-3px)}95%{clip-path:inset(40% 0 30%);transform:translate(2px)}97%,to{clip-path:inset(0 0 100%);transform:translate(0)}}@media (prefers-reduced-motion:reduce){.hacker-glow,.scanlines:after,.terminal-cursor,.glitch-title:before,.glitch-title:after,.hero-content{animation:none}.terminal-log{opacity:1;animation:none;transform:none}.matrix-rain{display:none}}
