:root{color-scheme:light}body{margin:0;color:#1e293b;font-family:system-ui,sans-serif}.auth{max-width:28rem;margin:0 auto}.auth__title{font-size:1.5rem}.auth__form{display:grid;gap:1.25rem}.auth__section{display:grid;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;gap:1rem}.auth__alert{margin:0;padding:.75rem;border-radius:.375rem;background:#fef2f2;color:#b91c1c}.auth__submit{padding:.625rem 1rem;border:0;border-radius:.375rem;background:#1a56db;color:#fff;font-size:1rem;cursor:pointer}.auth__submit:disabled{opacity:.6;cursor:not-allowed}.auth__switch{text-align:center}.field{display:grid;gap:.375rem}.field label{font-weight:600}.field [type=text],.field [type=email],.field [type=password]{padding:.5rem .625rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:1rem}.field__password{display:flex;gap:.5rem}.field__password input{flex:1}.field__help{margin:0;color:#64748b;font-size:.875rem}.field__error{margin:0;color:#b91c1c;font-size:.875rem}.field__radio{display:flex;gap:.5rem;align-items:center;font-weight:400}.welcome{display:grid;gap:1.5rem;justify-items:start}.welcome button{padding:.625rem 1rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;font-size:1rem;cursor:pointer}