*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:#1a1f2e;border:1px solid #2d3348;border-radius:16px;padding:40px 36px}.brand{display:flex;align-items:center;gap:8px;margin-bottom:32px}.brand-logo{height:40px;width:40px;object-fit:contain}.brand-text{font-size:20px;font-weight:700;color:#e2e8f0}.brand-tm{font-size:9px;color:#7c8db0;vertical-align:super;line-height:0;margin-left:1px}.brand-product{font-size:15px;color:#7c8db0;font-weight:500}.heading{margin-bottom:28px}.heading h1{font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.heading p{font-size:13px;color:#7c8db0}.heading strong{color:#e2e8f0}.field{margin-bottom:16px}.label{display:block;font-size:13px;font-weight:500;color:#a0aec0;margin-bottom:6px}.input-wrap{position:relative}.input{width:100%;padding:11px 40px 11px 14px;background:#0f1117;border:1px solid #2d3348;border-radius:8px;font-size:14px;color:#e2e8f0;outline:none;transition:border-color .15s}.input:focus{border-color:#3b82f6}.input.error{border-color:#f56565}.eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#4a5568;padding:4px;display:flex;align-items:center}.eye-btn:hover{color:#7c8db0}.field-error{font-size:12px;color:#f56565;margin-top:4px}.submit-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:14px 16px;border-radius:8px;font-size:14px;text-align:center;margin-top:16px}.alert-success{background:#48bb781f;border:1px solid rgba(72,187,120,.3);color:#68d391}.alert-error{background:#f565651f;border:1px solid rgba(245,101,101,.3);color:#fc8181}.invalid-state{text-align:center;color:#7c8db0;font-size:14px;padding:16px 0}