:root{--ink:#0b1626;--dim:#5f7596;--line:#e2e8f2;--blue:#1f6feb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#f6f9fc}.wrap{max-width:420px;margin:0 auto;padding:56px 20px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px;box-shadow:0 10px 30px rgba(8,18,33,.06)}h1{font-size:22px;margin:0 0 4px}.sub{font-size:13.5px;margin:0 0 20px}.sub,label{color:var(--dim)}label{display:block;font-size:12.5px;font-weight:600;margin:12px 0 5px}input{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;font-size:14px}input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,111,235,.14)}button.primary{width:100%;margin-top:18px;padding:11px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;cursor:pointer}button.primary:hover{background:#16243d}button.primary:disabled{opacity:.6;cursor:default}.muted{color:var(--dim);font-size:12.5px}.err{color:#c0392b}.err,.ok{font-size:12.5px;margin-top:10px}.ok{color:#1f9d57}a{color:var(--blue);text-decoration:none}.foot{text-align:center;margin-top:16px;font-size:12.5px}pre{background:#0b1626;color:#d7e3f4;padding:14px;border-radius:10px;overflow:auto;font-size:12px}