*,:before,:after{box-sizing:border-box}html{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.crm-auth-page{color:#0f172a;background:radial-gradient(circle at 0 0,#2563eb14,#0000 28%),linear-gradient(#f8fbff 0%,#f5f7fb 100%);min-height:100vh}.crm-auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.crm-auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dbe5f0;border-radius:18px;width:min(100%,420px);padding:32px;box-shadow:0 20px 40px #0f172a14}.crm-auth-header{margin-bottom:24px}.crm-auth-brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.crm-auth-brand__badge{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 20px #2563eb33}.crm-auth-brand__copy{gap:2px;display:grid}.crm-auth-brand__copy strong{color:#0f172a;font-size:15px;font-weight:600}.crm-auth-brand__copy small{color:#64748b;font-size:13px;font-weight:500}.crm-auth-eyebrow{color:#2563eb;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.crm-auth-header h1{color:#0f172a;margin:0;font-size:28px;font-weight:600;line-height:1.2}.crm-auth-header p{display:none}.crm-auth-body{gap:16px;display:grid}.crm-auth-feedback{border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.4}.crm-auth-feedback--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.crm-auth-feedback--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.crm-login-form{gap:18px;display:grid}.crm-form,.crm-auth-card__footer,.crm-inline-stack{gap:16px;display:grid}.crm-auth-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.crm-auth-card__header h2{margin:4px 0 0;font-size:20px;font-weight:600}.crm-field{gap:8px;display:grid}.crm-field label{color:#334155;font-size:14px;font-weight:500}.crm-field__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.crm-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:46px;padding:0 14px;font-size:15px;transition:border-color .16s,box-shadow .16s,background-color .16s}.crm-input-wrap{position:relative}.crm-input-wrap .crm-input{padding-left:42px;padding-right:62px}.crm-input-icon{color:#6b7280;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.crm-password-toggle{color:#4b5563;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.crm-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.crm-link{color:#2563eb;font-size:13px;text-decoration:none}.crm-link:hover{color:#1d4ed8}.crm-helper{color:#6b7280;margin:0;font-size:13px}.crm-checkbox{color:#475569;align-items:center;gap:8px;font-size:14px;display:inline-flex}.crm-checkbox input{width:16px;height:16px}.crm-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:0;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-size:15px;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 10px 20px #2563eb2e}.crm-button:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 14px 26px #2563eb3d}.crm-button--block{width:100%}.crm-button--ghost,.crm-button--secondary{color:#0f172a;box-shadow:none;background:#fff;border:1px solid #cbd5e1;text-decoration:none}.crm-button--ghost:hover,.crm-button--secondary:hover{background:#f9fafb}.crm-badge,.crm-chip{color:#1d4ed8;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.crm-auth-callout,.crm-auth-panel,.crm-token,.crm-identity-card{gap:8px;display:grid}.crm-auth-callout{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;padding:14px}.crm-token,.crm-identity-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}@media (width<=640px){.crm-auth-shell{padding:16px}.crm-auth-card{border-radius:14px;padding:24px}.crm-auth-header h1{font-size:24px}}