html,body{margin:0;font-family:system-ui,sans-serif;background:#f1f5f9;color:#111827}a{color:#4f46e5;text-decoration:none}a:hover{text-decoration:underline}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:32px}.login-toggle{display:flex;background:#6d28d9;padding:4px;border-radius:56px;position:relative}.toggle-segment{background:transparent;border:none;color:#fff;font-size:16px;padding:14px 34px;cursor:pointer;position:relative;border-radius:48px;transition:.25s}.toggle-segment.active{background:#fff;color:#6d28d9;box-shadow:0 2px 6px #00000026}.forms-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.login-card{width:320px;background:#262250;padding:32px 28px 40px;border-radius:14px;box-shadow:0 4px 14px #00000040;display:flex;flex-direction:column}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card input{padding:12px 14px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;font-weight:500}.login-card input:focus{outline:2px solid #6d28d9;border-color:#6d28d9}.primary-btn{background:#16a34a;color:#fff;font-weight:600;border:none;padding:14px 16px;border-radius:6px;cursor:pointer;letter-spacing:.5px;box-shadow:0 2px 4px #00000040}.primary-btn:hover{background:#15803d}.switch-auth{font-size:12px;color:#e2e8f0;text-align:center}.switch-auth button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:12px;padding:0 2px}.switch-auth button:hover{text-decoration:underline}.prototype-note{font-size:12px;color:#64748b;margin-top:8px}@media (max-width:760px){.forms-grid{flex-direction:column}}