:root{--color-bg: #f4f1ea;--color-surface: #ffffff;--color-text: #1f2430;--color-muted: #5b6270;--color-primary: #2b4a7a;--color-primary-text: #ffffff;--color-error: #b42318;--color-border: #c9ccd3;--radius: 8px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.125rem;line-height:1.5}.card{max-width:28rem;margin:3rem auto;padding:2rem;background:var(--color-surface);border-radius:var(--radius);box-shadow:0 1px 4px #0000001f}h1{margin:0 0 1rem;font-size:1.75rem}form{display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;margin-top:.5rem}label.check{font-weight:400;display:flex;gap:.5rem;align-items:center}input[type=email],input[type=password],input[type=text]{padding:.75rem;font-size:1.125rem;border:1px solid var(--color-border);border-radius:var(--radius)}input:focus-visible,button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button{margin-top:1rem;padding:.85rem 1.25rem;font-size:1.125rem;font-weight:600;color:var(--color-primary-text);background:var(--color-primary);border:0;border-radius:var(--radius);cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--color-error);font-weight:600;margin:.5rem 0 0}@media(max-width:520px){.card{margin:0;border-radius:0;box-shadow:none;min-height:100vh}}
