*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--s1:#f8f9fb;--s2:#f0f4f8;--s3:#e4eaf0;--border:rgba(0,0,0,.08);--border2:rgba(30,144,255,.3);--text:#0d1b2e;--muted:#7a8fa8;--muted2:#4a6080;--accent:#1e90ff;--accent2:rgba(30,144,255,.1);--red:#f44;--red-d:rgba(255,68,68,.1);--amber:orange;--amber-d:rgba(255,165,0,.1);--green:#00d084;--green-d:rgba(0,208,132,.1)}body{background:var(--bg);color:var(--text);font-family:Open Sans,sans-serif;font-weight:400;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.15}.mono{font-family:Roboto Mono,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--s1)}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:.45rem 1rem;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:Open Sans,sans-serif;text-decoration:none}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{opacity:.9}.btn-accent:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted2)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.form-input{width:100%;background:var(--s1);border:1px solid var(--border);border-radius:8px;padding:.55rem .85rem;font-size:14px;color:var(--text);outline:none;font-family:Open Sans,sans-serif;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--muted)}.form-label{font-size:11px;color:var(--muted);margin-bottom:.4rem;display:block;text-transform:uppercase;letter-spacing:.06em;font-family:Roboto Mono,monospace}