:root{--font-display:"Orbitron", monospace;--font-mono:"JetBrains Mono", monospace;--font-body:"Inter", sans-serif;--c-bg:#020408;--c-bg2:#060c14;--c-surface:#061220d9;--c-surface2:#0a1a2ea6;--c-surface-solid:#071220;--c-border:#00ffc814;--c-border2:#00ffc826;--c-border-hot:#00ffc859;--c-cyan:#00ffc8;--c-cyan-dim:#00ffc826;--c-magenta:#f0a;--c-magenta-dim:#ff00aa1f;--c-electric:#00b4ff;--c-electric-dim:#00b4ff1f;--c-amber:#fa0;--c-accent:#00ffc8;--c-accent2:#00e6b4;--c-text:#d0e8e0;--c-muted:#a0d2c880;--c-success:#00ffc8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}::selection{color:#fff;background:#00ffc833}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--c-cyan), var(--c-magenta));border-radius:2px}.grid-bg{background-color:var(--c-bg);background-image:radial-gradient(800px 600px at 50% -100px,#00ffc80a,#0000),radial-gradient(600px 600px at 80% 60%,#ff00aa06,#0000),radial-gradient(600px 600px at 20% 40%,#00b4ff06,#0000);position:relative}.grid-bg:before{content:"";pointer-events:none;background-image:linear-gradient(#00ffc806 1px,#0000 1px),linear-gradient(90deg,#00ffc806 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 80% at 50% 30%,#000 20%,#0000 70%)}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}@keyframes scan-line{0%{top:0%}to{top:100%}}@keyframes fade-up{0%{opacity:0;filter:blur(4px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-up}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--c-surface) 25%, #00ffc80f 50%, var(--c-surface) 75%);background-size:200% 100%;animation:2s infinite shimmer}@keyframes glitch-1{0%,to{clip-path:inset(0 0 95%);transform:translate(0)}20%{clip-path:inset(20% 0 60%);transform:translate(-2px,1px)}40%{clip-path:inset(50% 0 30%);transform:translate(2px,-1px)}60%{clip-path:inset(70% 0 10%);transform:translate(-1px,2px)}80%{clip-path:inset(10% 0 80%);transform:translate(1px,-2px)}}@keyframes holo-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes border-flow{0%{background-position:0 0}to{background-position:300% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes data-stream{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes typewriter-blink{0%,50%{border-color:var(--c-cyan)}51%,to{border-color:#0000}}.glass-card{background:var(--c-surface);border:1px solid var(--c-border2);-webkit-backdrop-filter:blur(20px);border-radius:16px;position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#00ffc826,#0000 40% 60%,#ff00aa1a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.result-card{border:1px solid var(--c-border);background:linear-gradient(135deg,#061220e6,#0a1a2eb3);border-radius:16px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.result-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#00ffc800 0%,#00ffc808 40%,#ff00aa08 60%,#00b4ff00 100%);transition:opacity .35s;position:absolute;inset:0}.result-card:hover{border-color:var(--c-border-hot);transform:translateY(-6px)scale(1.01);box-shadow:0 20px 60px #00ffc814,0 0 30px #00ffc80a}.result-card:hover:after{opacity:1}.btn-primary{color:var(--c-cyan);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#00ffc826,#00b4ff26);border:1px solid #00ffc84d;border-radius:12px;padding:.7rem 1.5rem;font-size:13px;font-weight:500;transition:all .25s;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#00ffc81a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover{border-color:var(--c-cyan);box-shadow:0 0 20px #00ffc826,inset 0 0 20px #00ffc80d}.btn-primary:hover:before{transform:translate(100%)}.btn-ghost{border:1px solid var(--c-border2);color:var(--c-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:10px;padding:.5rem 1rem;font-size:12px;transition:all .25s}.btn-ghost:hover{border-color:var(--c-cyan);color:var(--c-cyan)}input[type=password],input[type=text]{border:1px solid var(--c-border2);color:var(--c-cyan);font-size:14px;font-family:var(--font-mono);caret-color:var(--c-cyan);background:#020408cc;border-radius:10px;outline:none;padding:.65rem 1rem;transition:border-color .25s,box-shadow .25s}input[type=password]:focus,input[type=text]:focus{border-color:#00ffc866;box-shadow:0 0 20px #00ffc814}input::placeholder{color:#a0d2c84d;font-family:var(--font-mono)}.upload-zone{border:1.5px dashed var(--c-border2);background:var(--c-surface);cursor:pointer;border-radius:20px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.upload-zone:before{content:"";opacity:0;background:radial-gradient(#00ffc808,#0000 70%);transition:opacity .35s;position:absolute;inset:0}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--c-cyan);background:#00ffc808}.upload-zone:hover:before,.upload-zone.drag-over:before{opacity:1}.score-high{color:#00ffc8;text-shadow:0 0 10px #00ffc880}.score-mid{color:#fa0;text-shadow:0 0 10px #fa06}.score-low{color:#f46;text-shadow:0 0 10px #f466}@media (max-width:640px){.grid-bg:before{background-size:40px 40px}.glass-card,.result-card{border-radius:12px}.result-card:hover{transform:translateY(-3px)scale(1.005)}.upload-zone{border-radius:14px}.btn-primary{border-radius:10px;padding:.6rem 1.2rem;font-size:12px}.btn-ghost{border-radius:8px;padding:.4rem .8rem;font-size:11px}.tag{letter-spacing:1.5px;padding:3px 8px;font-size:9px}.progress-track{height:2px}}@media (max-width:480px){.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:10px}.result-card{border-radius:10px}.upload-zone{border-radius:12px}.btn-primary{padding:.55rem 1rem;font-size:11px}.btn-ghost{padding:.35rem .7rem;font-size:10px}.tag{letter-spacing:1px;gap:3px;padding:2px 6px;font-size:8px}}.tag{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--c-cyan);background:#00ffc80d;border:1px solid #00ffc833;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;display:inline-flex}.corner-deco{position:relative}.corner-deco:before,.corner-deco:after{content:"";pointer-events:none;border-style:solid;border-color:#00ffc84d;width:12px;height:12px;position:absolute}.corner-deco:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.corner-deco:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.progress-track{background:#00ffc814;border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--c-cyan), var(--c-electric), var(--c-magenta));background-size:200% 100%;border-radius:2px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);animation:3s infinite holo-shift}.crop-container{height:450px}@media (max-width:640px){.crop-container{height:300px;border-radius:12px!important}}@media (max-width:480px){.crop-container{height:260px;border-radius:10px!important}}