:root{--bg:#050606;--fg:#cdd0d2;--muted:#8b8f92;--accent:#a61b2b;--green:#5bff7b;--red:#ff4050;--panel:#0b0d0f;--border:#1a1d20}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.6 ui-monospace,Menlo,Consolas,monospace;overflow:hidden}
.container{position:relative;height:100%;display:grid;place-items:center;padding:24px}
.panel{width:min(920px,92vw);background:linear-gradient(180deg,rgba(16,18,20,.9),rgba(8,10,12,.9));border:1px solid var(--border);border-radius:20px;padding:28px 28px 16px;box-shadow:0 20px 60px rgba(0,0,0,.4);backdrop-filter:blur(5px)}
.header{position:absolute;top:24px;width:100%;text-align:center;color:#9da3a7;text-transform:uppercase;font-weight:600;letter-spacing:.18em;font-size:12px}
.title{margin:0 0 6px;font-weight:600;color:#e7eaed;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--muted)}.accent{color:var(--accent)}
.form{margin:16px 0 0}.row{display:flex;gap:10px;align-items:center}
input{flex:1;padding:14px;border-radius:14px;background:#0b0e10;border:1px solid #202327;color:#e9ecef}
button{padding:14px 16px;border-radius:14px;border:1px solid #2c2f34;background:#121518;color:#e9ecef;text-transform:uppercase;font-weight:700;letter-spacing:.08em;cursor:pointer}
.result{margin:14px 0 0;padding:12px 14px;border-radius:12px;border:1px solid #2a2e33;background:#0d0f12}.result.err{border-color:#3b1d1d}
.footer{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#8b8f92;font-size:12px}
.dot{width:8px;height:8px;border-radius:50%}.red{background:var(--red)}.green{background:var(--green)}
.case{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#0c0f12}
.case-head,.case-sub{color:#9aa1a6;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.case-title{margin-top:10px;font-weight:700;font-size:18px;letter-spacing:.04em}.case-body{color:#c7cbcf;margin-top:8px}
.unlock-row{display:flex;gap:10px;margin-top:10px}.unlock-row input{flex:1;padding:12px;border-radius:12px;background:#0b0e10;border:1px solid #202327;color:#e9ecef}
.unlock-btn{padding:12px 14px;border-radius:12px;border:1px solid #2c2f34;background:#121518;color:#e9ecef;text-transform:uppercase;font-weight:700;letter-spacing:.08em;cursor:pointer}
.scanlines::before,.scanlines::after{content:"";position:fixed;inset:0;pointer-events:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 200px rgba(0,0,0,.9)}
.mirror-wrap{height:100vh;display:grid;place-items:center;padding:24px}.mirror-card{width:min(880px,92vw);background:linear-gradient(180deg,rgba(16,18,20,.9),rgba(8,10,12,.9));border:1px solid var(--border);border-radius:20px;padding:26px}
.countdown{font-size:72px;text-align:center;padding:26px 0;border:1px dashed #2a2e33;border-radius:16px;background:#0b0e10}