*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f7f7f8;color:#1a1a1a}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:26rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:2rem}.auth-card h1{font-size:1.25rem;margin:0 0 1.5rem}.auth-field{margin-bottom:1rem}.auth-field label{display:block;font-size:.875rem;margin-bottom:.25rem}.auth-field input{width:100%;padding:.6rem .75rem;border:1px solid #d0d0d5;border-radius:.5rem;font-size:1rem}.auth-submit{width:100%;padding:.65rem;border:none;border-radius:.5rem;background:#1a56db;color:#fff;font-size:1rem;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#fdecec;color:#a12020;border-radius:.5rem;padding:.6rem .75rem;margin-bottom:1rem;font-size:.875rem}.auth-hint{font-size:.8125rem;color:#666;margin-top:1rem}.backup-codes{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;font-family:monospace;background:#f2f2f4;border-radius:.5rem;padding:1rem;margin:1rem 0}