:root{font-family:Inter,system-ui,sans-serif;color:#e9edf7;background:#0c1018;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:92px;border-bottom:1px solid #252d3e;display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.brand{display:flex;gap:12px;align-items:center}.logo{background:#b9f27c;color:#15220e;font-size:32px;font-weight:800;border-radius:13px;width:48px;height:48px;text-align:center}.brand small{display:block;color:#96a2b7;margin-top:4px}.pill{font-size:12px;padding:8px 12px;border:1px solid #36412f;border-radius:20px;color:#b9f27c}main{max-width:1400px;margin:auto;padding:36px 5vw}h1{font-size:36px;letter-spacing:-1px;margin:10px 0}h2{font-size:17px;margin:0 0 22px}p{color:#a5b1c4;line-height:1.6}.eyebrow{letter-spacing:2px;font-size:11px;color:#b9f27c;font-weight:700}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.heading p{margin:0}.layout{display:grid;grid-template-columns:240px minmax(280px,1fr) 240px;gap:22px;align-items:start}.card{background:#141b27;border:1px solid #293246;border-radius:18px;padding:24px}.status{display:flex;gap:10px;align-items:center}.status span{width:9px;height:9px;background:#8992a1;border-radius:50%}.status span.live{background:#b9f27c}dl{margin:26px 0}dt{font-size:12px;color:#95a3bb;margin-top:21px}dd{margin:6px 0;font-size:14px}button{cursor:pointer;background:#b9f27c;border:1px solid transparent;color:#182511;border-radius:9px;padding:12px 15px;font-weight:650;font-size:13px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:default}.secondary{background:#1e2839;color:#dae2f0;border:1px solid #35415a}aside button{width:100%;margin-bottom:10px}.note{font-size:12px}.viewer{padding:18px;background:#101722}.viewerhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:12px;color:#a4b3c8}.phone{position:relative;background:#040609;border:5px solid #2a3444;border-radius:22px;max-width:330px;aspect-ratio:480/854;margin:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}#placeholder{padding:30px;text-align:center;color:#8e9ab0;font-size:14px}#screen{width:100%;height:100%;object-fit:contain;touch-action:none;user-select:none;cursor:crosshair}nav{display:flex;justify-content:center;gap:25px;margin:18px 0 8px}.navkey{background:#222e42;color:#d6e5f9;width:55px;font-size:23px;padding:6px}.caption{text-align:center;font-size:11px;margin:14px 0 0}input{display:block;width:100%;background:#0c121d;border:1px solid #39465b;color:#fff;border-radius:8px;padding:12px;margin:9px 0 15px;font-size:15px}label{font-size:13px;color:#b5c1d5}form{margin-top:22px}form button{width:100%}.login{max-width:470px;margin:35px auto;padding:38px}.login h1{font-size:37px}.login p{font-size:14px}#message{color:#f8cb83;text-align:center;font-size:14px;min-height:24px}footer{text-align:center;padding:20px;color:#708099;font-size:11px}[hidden]{display:none!important}@media(max-width:1100px){.layout{grid-template-columns:210px 1fr}.tools{grid-column:1/-1}}@media(max-width:650px){header{padding:0 20px}.brand small{font-size:10px}.pill{display:none}.layout{grid-template-columns:1fr}main{padding:25px 18px}.card{padding:20px}.phone{max-width:300px}.heading h1{font-size:30px}}