:root{color-scheme:dark;--accent:#d5f5a2;--muted:#a4aca1;--line:#394136}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#edf1e6;background:radial-gradient(ellipse at 29% 48%,#39482a55,transparent 53%),radial-gradient(ellipse at 85% 35%,#28312655,transparent 42%),#101413;font:14px 'Segoe UI',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:auto;padding:30px 5vw}.brand{display:flex;align-items:center;gap:12px;color:#edf1e6;text-decoration:none;font-size:19px;font-weight:600}.brand>b{border-radius:12px;background:var(--accent);color:#1c2917;padding:9px;font-size:24px}.brand i,h1 i{font-family:Georgia,serif;font-weight:400;color:#b7c9a3}nav{display:flex;gap:3px;background:#151c18;border:1px solid var(--line);border-radius:8px;padding:4px}nav button{border:0;background:none;color:var(--muted);padding:8px 12px;font-size:12px;border-radius:5px}nav button.active{background:#35412e;color:var(--accent)}main{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);gap:8%;padding:55px 5vw 70px;align-items:center;min-height:calc(100vh - 180px)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:10px}.led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ccec9980;flex-shrink:0}h1{font-size:clamp(54px,6.5vw,94px);line-height:1.02;letter-spacing:-5px;font-weight:500;margin:25px 0}.period{color:var(--accent)}.tagline{font-size:24px;color:#d3dfc8;margin:18px 0 10px}.description{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 35px;max-width:400px}.amplifier{background:linear-gradient(145deg,#373c33,#1d251e 55%,#151c17);border:1px solid #59634d;border-radius:16px;padding:20px;box-shadow:inset 0 1px #ffffff24,0 20px 45px #0006,0 0 50px #b9e5810a;transform:perspective(1100px) rotateY(3deg);position:relative}.metal-heading,.metal-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font:12px Consolas,monospace;color:#b0bea0}.metal-heading strong{font-weight:400}.metal-heading .led{margin-right:5px;width:4px;height:4px}.meters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.meters>div{overflow:hidden;border:1px solid #687954;border-radius:8px;background:#182015;box-shadow:0 0 15px #d4f0a10a,inset 0 1px 10px #0008}.meters canvas{width:100%;height:155px;display:block}.meters>div>span{display:flex;justify-content:space-between;padding:3px 12px 10px;font:12px Consolas;color:#d9e7c6}.meters b{font-weight:400;color:#a0ad91}.metal-footer{font-size:12px}.lights{color:var(--accent);letter-spacing:3px}.lights i{font-style:normal;color:#63744f}.hero-footer{display:flex;justify-content:space-between;margin-top:23px;font:12px Consolas;color:#8b9980}.entry{position:relative}.entry:before{content:'';position:absolute;inset:10% -7%;background:radial-gradient(ellipse,#badf8130,transparent 68%);filter:blur(30px);pointer-events:none}.card{position:relative;padding:30px 32px 25px;border:1px solid #66764d70;border-radius:22px;background:linear-gradient(135deg,#30372ee8,#1d261fe8 55%,#1a221cef);box-shadow:inset 0 1px #e6ffcc25,inset 1px 0 #d4f5a20b,0 30px 70px #0008,12px 18px 40px #0004;backdrop-filter:blur(20px);min-height:488px}.card-top{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;color:#aebb9f;border-bottom:1px solid #53624655;padding-bottom:22px;margin-bottom:27px}.card-top>.led{margin-left:auto}.lock{font-size:26px;color:var(--accent)}.card-kicker{font-size:12px;letter-spacing:1.5px;color:var(--accent);margin:0 0 10px}h2{font-weight:500;letter-spacing:-.8px;font-size:30px;margin:0 0 10px}.form-description{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 28px}label{display:block;font-size:12px;color:#c2ceba;margin:18px 0 9px}input{width:100%;border:1px solid #515d47;border-radius:9px;padding:13px 14px;background:#111a13aa;color:#eff5e7;box-shadow:inset 0 2px 7px #0003;min-width:0}input:focus{border-color:var(--accent)}.password-wrap{position:relative}.password-wrap input{padding-right:93px}.password-wrap button{position:absolute;right:7px;top:7px;padding:8px;border:0;background:transparent;color:#b9c9a7;font-size:12px}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding:15px 17px;border:1px solid #def7b4;border-radius:9px;color:#25331b;background:linear-gradient(135deg,#e1fabd,#b9db85);font-weight:600;box-shadow:0 5px 22px #b9de7e20,inset 0 1px #fff6;transition:transform .2s,box-shadow .2s}.submit:hover{transform:translateY(-1px);box-shadow:0 8px 25px #b9de7e30}.submit:disabled{opacity:.6;cursor:wait}.submit b{font-size:20px}.secure{display:flex;align-items:center;justify-content:center;gap:8px;color:#a4b396;font-size:12px;margin:20px 0 0}.secure .led{width:4px;height:4px}#error{min-height:18px;color:#ffc2a9;font-size:12px;line-height:1.5;margin:12px 0}.below-card{text-align:center;color:#8f9b84;font-size:12px;margin:22px 0}#intro{text-align:center;padding:35px 0}#intro h2{font-size:24px;margin-top:25px}#intro p{color:var(--muted);font-size:13px;line-height:1.7}.loading-ring{width:76px;height:76px;display:grid;place-items:center;margin:auto;border:1px solid #c8ed9690;border-radius:50%;box-shadow:0 0 35px #bfe98b20,inset 0 0 25px #bfe98b12;color:var(--accent);font:italic 40px Georgia}.loading-line{margin:28px auto 0;height:2px;width:70%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:pulse 1.2s ease-in-out infinite}#login{animation:enter .6s ease-out}footer{max-width:1500px;margin:auto;padding:0 5vw 25px;color:#7f8b77;display:flex;justify-content:space-between;gap:12px;font:12px Consolas}.watermark{position:fixed;bottom:13px;right:18px;letter-spacing:2px;color:#acbd96}.watermark b{color:#172113;background:#b8d58d;padding:3px;border-radius:3px;letter-spacing:0}@keyframes pulse{50%{opacity:.25;transform:scaleX(.5)}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){main{gap:30px;padding-top:30px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}h1{font-size:64px}.card{padding:25px}.amplifier{padding:12px}.metal-heading,.metal-footer{flex-wrap:wrap}.meters{gap:8px}.meters canvas{height:140px}}@media(max-width:680px){header{padding:20px}.brand{font-size:15px}main{display:flex;flex-direction:column;padding:25px 20px 50px;gap:38px}.hero,.entry{width:100%;max-width:480px}h1{font-size:64px}.description{margin-bottom:25px}.hero-footer{gap:10px}.card{min-height:480px}.tagline{font-size:22px}footer>span:first-child{max-width:180px}.meters canvas{height:145px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
@media(max-width:680px){.entry:before{inset:10% 0}.amplifier{transform:none}.metal-heading{font-size:12px}.brand>b{font-size:21px}.brand{gap:8px}nav button{padding:8px}.hero,.entry{min-width:0}}