:root{--page: #16171f;--card: #222431;--border: #36384a;--text: #e7e8ee;--soft: #a7aab8;--accent: #e29627;--error: #f87272;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;background:var(--page);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.logo{display:block;margin:0 auto 16px}h1{font-size:1.4rem;margin:0 0 16px}section{display:flex;flex-direction:column;gap:12px}section[hidden]{display:none}form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px;color:var(--soft);font-size:.9rem}input{height:48px;border-radius:8px;border:1px solid var(--border);background:var(--page);color:var(--text);font-size:16px;padding:0 14px}input[readonly]{color:var(--soft)}input:focus{outline:2px solid var(--accent);border-color:transparent}.soft{color:var(--soft);margin:0}.small{font-size:.85rem;margin-top:-6px}.error{color:var(--error);margin:0}button,.button{display:block;width:100%;min-height:48px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:16px;font-weight:600;text-align:center;text-decoration:none;line-height:46px;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#16171f}button:disabled{opacity:.6;cursor:default}