.signin-root{min-height:100vh;font-family:var(--font-sans,"Inter",system-ui,sans-serif);background:#f5f6f8;grid-template-columns:1fr 1fr;display:grid}@media (max-width:900px){.signin-root{grid-template-columns:1fr}}.signin-brand{color:#fff;background:linear-gradient(145deg,#312e81 0%,#4f46e5 42%,#7c3aed 100%);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}@media (max-width:900px){.signin-brand{min-height:220px;padding:40px 28px 36px}}.signin-brand:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0f 0%,#0000 45%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:auto,auto,32px 32px,32px 32px;position:absolute;inset:0}.signin-brand-inner{z-index:1;position:relative}.signin-logo{align-items:center;gap:12px;margin-bottom:48px;display:flex}@media (max-width:900px){.signin-logo{margin-bottom:24px}}.signin-logo-mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 24px #00000026}.signin-logo-text{letter-spacing:-.02em;font-size:18px;font-weight:700}.signin-logo-sub{opacity:.75;margin-top:2px;font-size:12px}.signin-hero-title{letter-spacing:-.03em;max-width:380px;margin:0 0 16px;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.15}.signin-hero-desc{opacity:.85;max-width:400px;margin:0;font-size:15px;line-height:1.6}.signin-features{z-index:1;flex-direction:column;gap:12px;margin-top:40px;display:flex;position:relative}@media (max-width:900px){.signin-features{display:none}}.signin-feature{opacity:.9;align-items:center;gap:10px;font-size:13px;display:flex}.signin-feature-dot{background:#fff9;border-radius:50%;flex-shrink:0;width:6px;height:6px}.signin-brand-footer{z-index:1;opacity:.55;margin-top:auto;padding-top:32px;font-size:12px;position:relative}@media (max-width:900px){.signin-brand-footer{display:none}}.signin-panel{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px;display:flex}.signin-form-wrap{width:100%;max-width:400px}.signin-form-header{margin-bottom:32px}.signin-form-header h1{letter-spacing:-.02em;color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.signin-form-header p{color:#6b7280;margin:0;font-size:14px}.signin-error{color:#dc2626;background:#dc26260f;border:1px solid #dc262626;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.signin-error svg{flex-shrink:0;margin-top:1px}.signin-field{margin-bottom:20px}.signin-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.signin-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:44px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.signin-input::placeholder{color:#9ca3af}.signin-input:hover{border-color:#d1d5db}.signin-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.signin-password-row{position:relative}.signin-password-row .signin-input{padding-right:44px}.signin-password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.signin-password-toggle:hover{color:#6b7280;background:#0000000a}.signin-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border:none;border-radius:8px;width:100%;height:44px;margin-top:8px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 1px 2px #0000001a,0 4px 14px #6366f140}.signin-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f159}.signin-submit:active:not(:disabled){transform:translateY(0)}.signin-submit:disabled{opacity:.65;cursor:not-allowed}.signin-back{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.signin-back:hover:not(:disabled){color:#111827}.signin-otp-sent{flex-wrap:wrap;align-items:flex-start;gap:4px;line-height:1.5;display:flex}.signin-otp-sent strong{color:#111827;font-weight:600}.signin-otp-input{letter-spacing:.2em;font-variant-numeric:tabular-nums;text-align:center;font-size:18px}.signin-resend{color:#6b7280;text-align:center;margin-top:20px;font-size:13px}.signin-resend-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.signin-resend-btn:hover:not(:disabled){color:#4f46e5;text-decoration:underline}.signin-resend-btn:disabled{opacity:.5;cursor:not-allowed}.signin-panel-footer{color:#9ca3af;text-align:center;margin-top:32px;font-size:12px}.signin-loading{color:#6b7280;background:#f5f6f8;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;font-size:14px;display:flex}.signin-spinner{border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}
