*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#333}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;width:100%;max-width:400px}h1{margin-bottom:1.5rem;text-align:center}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.25rem;font-weight:500;font-size:.875rem}input{padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}button{padding:.625rem 1rem;background:#4f46e5;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:.5rem}button:hover:not(:disabled){background:#4338ca}button:disabled{opacity:.6;cursor:not-allowed}.message{padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}