:root{--molomart-brand:#4f46e5;--molomart-brand-foreground:#fff;--molomart-danger:#dc2626;--molomart-radius:.75rem}
*{box-sizing:border-box}html,body{min-height:100%}body{color:#172033;background:radial-gradient(circle at 0 0,#eef2ff,#0000 42%),#f8fafc;flex-direction:column;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}button,input{font:inherit}a{color:inherit}.shell{flex:1;place-items:center;padding:32px 20px;display:grid}.card{background:#fffffff0;border:1px solid #e2e8f0;border-radius:20px;width:min(100%,440px);padding:32px;box-shadow:0 24px 70px #1e293b1f}.brand{color:var(--molomart-brand);letter-spacing:-.03em;font-size:22px;font-weight:800}h1{letter-spacing:-.035em;margin:20px 0 8px;font-size:28px}.muted{color:#64748b;margin:0 0 24px;line-height:1.55}.form{gap:16px;display:grid}.field{gap:7px;font-size:14px;font-weight:600;display:grid}.field input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:11px 12px}.field input:focus{border-color:var(--molomart-brand);box-shadow:0 0 0 3px #e0e7ff}.code-row{grid-template-columns:1fr auto;gap:8px;display:grid}.button{cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.primary{color:#fff;background:var(--molomart-brand)}.secondary{color:#334155;background:#eef2f7}.button:disabled{cursor:not-allowed;opacity:.55}.error{color:#b91c1c;background:#fef2f2;border-radius:10px;padding:10px 12px;font-size:14px}.notice{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:12px;font-size:14px;line-height:1.55}.recovery-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.recovery-grid code,.uri-code{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;padding:9px;font-size:13px;display:block}.method-switch{background:#eef2f7;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.method-switch button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px}.method-switch button.active{color:#172033;background:#fff;box-shadow:0 1px 3px #0f172a1f}details{color:#64748b;font-size:13px}details summary{cursor:pointer;margin-bottom:8px}.footer{color:#64748b;margin-top:20px;font-size:14px}.footer a{color:var(--molomart-brand);font-weight:700}.site-footer{color:#64748b;text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:16px 20px 24px;font-size:12px;line-height:1.6;display:flex}.site-footer-records{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--molomart-brand)}.card .brand-lockup{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin:0 0 22px;display:flex}.card .brand-lockup .brand{color:#111827;letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1}.card .brand-logo{width:64px;height:64px}.card>.brand{color:#111827;text-align:center;letter-spacing:-.03em;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0 0 22px;font-size:28px;font-weight:800;line-height:1;display:flex}.card h1{text-align:center}.card .login-title{margin-bottom:24px}.card>.subtitle{display:none}.login-card{isolation:isolate;background:radial-gradient(circle at 100% 0,#6366f117,#0000 34%),#fffffff5;border-color:#94a3b847;padding:40px;position:relative;overflow:hidden;box-shadow:0 32px 90px #1e293b29,0 4px 18px #4f46e50f}.login-card:before{z-index:-1;content:"";background:linear-gradient(90deg,#8b5cf6,#4f46e5 48%,#06b6d4);height:4px;position:absolute;top:0;left:0;right:0}.login-card .brand-lockup{margin-bottom:30px}.login-card .brand-logo{width:58px;height:58px}.login-card .brand-lockup .brand{font-size:30px}.login-card h1{margin:0 0 28px;font-size:30px}.login-card .login-form{gap:18px}.login-card .field{color:#1e293b;letter-spacing:.01em;gap:8px;font-size:13px}.login-card .field input{color:#0f172a;background:#f8fafcd1;border-color:#d8e0ec;border-radius:12px;min-height:50px;transition:border-color .18s,box-shadow .18s,background .18s}.login-card .field input::placeholder{color:#94a3b8}.login-card .field input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.login-card .button{border-radius:12px;min-height:50px;transition:transform .18s,box-shadow .18s,opacity .18s}.login-card .button:not(:disabled):active{transform:translateY(1px)}.login-card .primary{background:linear-gradient(105deg,#4f46e5,#5b4df0 55%,#2563eb);box-shadow:0 12px 26px #4f46e53b}.login-card .primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 32px #4f46e54d}.login-card .secondary{background:#f1f5f9;border:1px solid #e2e8f0}.captcha-row{grid-template-columns:minmax(0,1fr) 180px;gap:10px;display:grid}.captcha-image-button{color:#64748b;cursor:pointer;background:#eef2ff;border:1px solid #d8e0ec;border-radius:12px;height:50px;padding:0;overflow:hidden}.captcha-image-button img{width:100%;height:100%;display:block}.captcha-image-button:disabled{cursor:wait;opacity:.7}.login-card .footer{text-align:center;padding-top:2px}@media (max-width:520px){.login-card{padding:32px 24px}.login-card .brand-logo{width:52px;height:52px}.login-card .brand-lockup .brand{font-size:27px}.captcha-row{grid-template-columns:minmax(0,1fr) 150px}}