:root{--cream: #fbefe1;--purple: #5f45f2;--purple-dark: #4a34c9;--ink: #000000;--muted: #686071;--white: #ffffff;--error: #c0362c;--radius-card: 20px;--radius-control: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background-color:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px}.card{background:var(--white);border-radius:var(--radius-card);padding:32px;width:100%;max-width:400px;text-align:center;box-shadow:0 8px 30px #0000000f}.eyebrow{margin:0 0 8px;color:var(--purple);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.title{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--ink);line-height:1.25}.subtitle{margin:0 0 24px;font-size:15px;line-height:1.5;color:var(--muted)}.form{display:flex;flex-direction:column;gap:16px;text-align:left}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}input{width:100%;padding:12px 14px;font-size:16px;font-family:inherit;color:var(--ink);background:var(--white);border:1px solid #e0d8cd;border-radius:var(--radius-control);outline:none}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #5f45f226}.btn{display:inline-block;width:100%;padding:13px 24px;font-size:15px;font-weight:600;font-family:inherit;border-radius:var(--radius-control);border:1px solid transparent;cursor:pointer;text-decoration:none;text-align:center}.btn-primary{background:var(--purple);color:var(--white)}.btn-primary:hover{background:var(--purple-dark)}.btn-secondary{background:transparent;color:var(--purple);border-color:var(--purple)}.btn:disabled{opacity:.6;cursor:default}.form-error{margin:0;min-height:1em;color:var(--error);font-size:13px;line-height:1.4}.notice{margin:0 0 4px;padding:10px 12px;color:var(--purple-dark);background:#5f45f214;border-radius:var(--radius-control);font-size:13px;line-height:1.4;text-align:left}.muted{color:var(--muted)}.small{font-size:13px}a{color:var(--purple);font-weight:600}.spinner{width:32px;height:32px;margin:0 auto 16px;border:4px solid var(--purple);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}