*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{margin:0;background:#f3f4f6;color:#111827;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.container{width:100%;max-width:480px}.logo{text-align:center;margin-bottom:24px}.logo-img{max-width:200px;height:auto}.logo-subtitle{font-size:.875rem;color:#6b7280;margin-top:4px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:32px}h1{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#111827}.subtitle{color:#6b7280;margin:0 0 24px;font-size:.9375rem}label{display:block;font-weight:500;font-size:.875rem;margin-bottom:6px;color:#374151}.form-group{margin-bottom:16px}input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease;background:#fff}input:focus{outline:none;border-color:#5aabe3;box-shadow:0 0 0 3px #5aabe31a}input.error{border-color:#dc2626}input.error:focus{box-shadow:0 0 0 3px #dc26261a}input:disabled{background:#f9fafb;cursor:not-allowed;color:#6b7280}input::placeholder{color:#9ca3af}.error-message{color:#dc2626;font-size:.8125rem;margin-top:6px;display:none}.error-message.visible{display:block}.hidden{display:none}.actions{display:flex;gap:12px;flex-direction:column;margin-top:24px}button{padding:14px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s ease,transform .1s ease}.btn-primary{background:#5aabe3;color:#fff}.btn-primary:hover:not(:disabled){background:#4a9bd3}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-banner{background:#d1fae5;color:#065f46;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.success-banner svg{flex-shrink:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:#065f46;color:#fff;padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:500;box-shadow:0 10px 15px -3px #0000001a;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}footer{text-align:center;color:#9ca3af;font-size:.8125rem;margin-top:24px}footer a{color:#6b7280;text-decoration:none}footer a:hover{color:#5aabe3}