*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f5f7;color:#1a1a1a}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.page{padding:16px;display:flex;justify-content:flex-end}.card{width:100%;max-width:360px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:16px}h1{margin:0;font-size:1.5rem;text-align:center}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:8px}button{padding:10px 16px;font-size:1rem;border:0;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:default}.error{margin:0;color:#b91c1c;font-size:.9rem}