body{margin:0;background:#fff}.page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:100vh;padding:3rem 1.5rem;box-sizing:border-box;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .2s ease,color .2s ease}.page h1{color:#1a1a1a;font-size:2rem;font-weight:600;margin:0}.page.dark{background:#121212}.page.dark h1{color:#f5f5f5}.toggle{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem 1rem;border-radius:999px;border:1px solid #d0d0d0;background:#f5f5f5;color:#1a1a1a;font-size:.875rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.page.dark .toggle{border-color:#444;background:#1e1e1e;color:#f5f5f5}.form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.field{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;color:#1a1a1a}.page.dark .field{color:#f5f5f5}.field input{padding:.6rem .75rem;border-radius:8px;border:1px solid #d0d0d0;background:#fff;color:#1a1a1a;font-size:1rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.field input[aria-invalid=true]{border-color:#d64545}.page.dark .field input{background:#1e1e1e;border-color:#444;color:#f5f5f5}.error{color:#d64545;font-size:.75rem}