:root{--bg:#0b1020;--card:#121a2a;--text:#e9ecf1;--muted:#9aa3b2;--primary:#3b82f6;--primary-hover:#2563eb;--border:#24324a;--focus:#7dd3fc}html,body{background:var(--bg);color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 8px 24px #00000040}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#0f1626;color:var(--text);outline:none;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #7dd3fc40}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:10px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:background .15s,transform .03s,box-shadow .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px #3b82f640}.btn-primary:hover{background:var(--primary-hover)}.helper{color:var(--muted);font-size:.9rem}