.auth-page,.auth-security{isolation:isolate;position:relative}.auth-spotlight{--spot-x:29vw;--spot-y:55vh;--spot-radius:clamp(145px, 16.5vw, 235px);z-index:0;pointer-events:none;background:var(--crm-canvas);contain:paint;position:fixed;inset:0;overflow:hidden}.auth-spotlight-photo,.auth-spotlight-shade{position:absolute;inset:0}.auth-spotlight-photo{filter:saturate(.65);opacity:.55;background:url(/auth-stage-v1.jpg) 50%/cover no-repeat;transition:opacity .36s}.auth-spotlight-shade{background:radial-gradient(circle var(--spot-radius) at var(--spot-x) var(--spot-y), #0707070a 0%, #07070712 30%, #0707074d 52%, #070707d1 78%, #070707fa 100%)}.auth-spotlight[data-active=true] .auth-spotlight-photo{opacity:1}.auth-page>.auth-header,.auth-page>.auth-main,.auth-page>.auth-footer,.auth-security>.security-header,.auth-security>.security-main{z-index:1;position:relative}.auth-page .auth-aside{text-shadow:0 1px 12px #000000e6}@media (max-width:860px),(hover:none),(pointer:coarse){.auth-spotlight{--spot-x:50vw;--spot-y:18vh;--spot-radius:190px}.auth-spotlight-photo{opacity:.3}}@media (prefers-reduced-motion:reduce){.auth-spotlight-photo{transition:none}}.auth-page,.auth-security{--color-ink:var(--crm-text);--color-ink-soft:var(--crm-text);--color-canvas:var(--crm-canvas);--color-surface:var(--crm-panel-surface);--color-surface-strong:var(--crm-raised);--color-line:var(--crm-border);--color-line-strong:var(--crm-border);--color-muted:var(--crm-muted);--color-accent:var(--crm-primary);--color-info:var(--crm-raised);--color-danger:var(--crm-raised)}.crm-app.auth-page{background:var(--crm-canvas);flex-direction:column;min-height:100svh;padding:0 3rem;display:flex}.auth-page .auth-header,.auth-page .auth-footer{justify-content:space-between;align-items:center;gap:1.5rem;width:min(100%,70rem);margin-inline:auto;display:flex}.auth-page .auth-header{min-height:6.5rem}.auth-page .auth-main{width:min(100%,70rem);min-height:0;box-shadow:none;border-radius:0;grid-template-columns:minmax(0,1.1fr) minmax(23rem,.9fr);align-items:center;gap:clamp(3rem,7vw,7rem);margin-block:auto;display:grid;overflow:visible}.auth-page .auth-aside{color:var(--crm-text);background:0 0;padding:2rem 0;display:flex}.auth-page .eyebrow{color:var(--crm-muted);letter-spacing:normal;text-transform:none;margin-bottom:1rem;font-size:13px;font-weight:500}.auth-page .eyebrow:before{content:none}.auth-page .auth-aside h2{letter-spacing:-.035em;white-space:pre-line;max-width:none;margin-bottom:1.25rem;font-size:clamp(2rem,3.3vw,3rem);font-weight:600;line-height:1.08}.auth-page .auth-aside p:not(.eyebrow){max-width:25rem;color:var(--crm-muted);font-size:14px;line-height:1.7}.auth-workspace-features{margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.auth-workspace-features li{border-top:1px solid var(--crm-border-soft);align-items:center;gap:14px;max-width:25rem;padding:16px 0;display:flex}.auth-workspace-features li:last-child{padding-bottom:0}.auth-workspace-features li>div{gap:4px;display:grid}.auth-workspace-features strong{color:var(--crm-text);font-size:14px;font-weight:600}.auth-workspace-features li>div>span{color:var(--crm-muted);font-size:12px}.auth-page .auth-card{border:1px solid var(--crm-border);background:var(--crm-panel-surface);box-shadow:none;border-radius:10px;padding:2rem}.auth-page .auth-card-heading{margin-bottom:1.75rem}.auth-page .auth-card-heading .eyebrow{margin-bottom:7px}.auth-page .auth-card-heading h1{letter-spacing:-.035em;margin-bottom:.85rem;font-size:clamp(26px,2.4vw,32px);font-weight:600;line-height:1.08}.auth-page .auth-card-heading>p:last-child{color:var(--crm-muted);font-size:13px;line-height:1.6}.auth-page .auth-form-fields{border:0;min-width:0;margin:0;padding:0}.auth-page .form-stack{gap:1.25rem}.auth-page .field{gap:8px}.auth-page .field label{color:var(--crm-text);font-size:13px;font-weight:500}.auth-page .field .crm-input{border:1px solid var(--crm-border);min-height:44px;color:var(--crm-text);background:var(--crm-raised);border-radius:10px;padding:0 12px;font-size:13px}.auth-page .field .crm-input::placeholder{color:var(--crm-faint)}.auth-page .field .crm-input:focus{border-color:var(--crm-text);outline:2px solid var(--crm-primary);outline-offset:2px}.auth-page .field .crm-input[aria-invalid=true]{border-color:var(--crm-text)}.auth-password-field{position:relative}.auth-page .auth-password-field .crm-input{padding-right:3.25rem}.auth-password-toggle{width:44px;height:44px;color:var(--crm-muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.auth-password-toggle:hover{color:var(--crm-text);background:var(--crm-surface)}.auth-icon{width:18px;height:18px}.auth-page .field-label-row{gap:8px}.auth-page .field-label-row .crm-button{min-height:44px;color:var(--crm-muted);background:0 0;border:0;border-radius:4px;margin-block:-10px;padding:0;font-size:12px;font-weight:500;text-decoration:none}.auth-page .field-label-row .crm-button:hover{color:var(--crm-text);transform:none}.auth-page .check-row{gap:10px;min-height:44px}.auth-page .check-row input{width:16px;height:16px;accent-color:var(--crm-primary);margin:2px 0 0}.auth-page .check-row strong{color:var(--crm-text);font-size:12px;font-weight:500}.auth-page .check-row small{color:var(--crm-muted);font-size:11px}.auth-provider-mark{font-size:18px;font-weight:600;line-height:1}.auth-page .auth-divider{color:var(--crm-muted);font-size:11px}.auth-page .auth-message{border:1px solid var(--crm-border);color:var(--crm-text);background:var(--crm-raised);border-radius:10px;gap:6px;padding:14px}.auth-page .auth-message-error{border-color:var(--crm-text)}.auth-page .auth-message strong{font-size:13px;font-weight:600}.auth-page .auth-message span,.auth-page .auth-form-note,.auth-page .form-hint,.auth-page .field-hint{color:var(--crm-muted);font-size:12px;line-height:1.6}.auth-page .invitation-summary{border:1px solid var(--crm-border);background:var(--crm-surface);border-radius:10px;gap:12px;padding:16px}.auth-page .invitation-summary>div{grid-template-columns:5.5rem minmax(0,1fr);gap:8px;font-size:12px}.auth-page .invitation-summary strong{font-weight:500}.auth-page .invitation-summary small{font-size:11px}.auth-page .generic-result h2,.auth-page .invitation-complete h2{letter-spacing:-.02em;margin-bottom:12px;font-size:22px;font-weight:600}.auth-page .generic-result p,.auth-page .invitation-complete p{color:var(--crm-muted);margin-bottom:20px;font-size:13px}.auth-page .generic-result>span,.auth-page .success-mark{border:1px solid var(--crm-border);width:48px;height:48px;color:var(--crm-text);background:var(--crm-surface);border-radius:10px;margin-bottom:20px}.auth-page .auth-footer{min-height:5.5rem;color:var(--crm-faint);padding-block:1.5rem;font-size:11px}.auth-footer>span{white-space:nowrap;letter-spacing:.08em}.auth-footer p{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:0;display:flex}.auth-preview-label{border:1px solid var(--crm-border);min-height:26px;color:var(--crm-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.auth-security .security-header,.auth-security .security-main{width:min(100% - 4rem,70rem)}.auth-security .security-header{min-height:6.5rem}.auth-security .security-main{padding-top:1.5rem}.auth-security .security-page-heading h1{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(26px,2.4vw,32px);font-weight:600;line-height:1.08}.auth-security .security-page-heading p,.auth-security .security-card p{color:var(--crm-muted);font-size:13px}.auth-security .security-page-heading .eyebrow{letter-spacing:normal;text-transform:none;margin-bottom:7px;font-size:13px;font-weight:500}.auth-security .eyebrow:before{content:none}.auth-security .security-card{border:1px solid var(--crm-border);background:var(--crm-panel-surface);box-shadow:none;border-radius:10px;padding:18px}.auth-security .security-card h2{letter-spacing:-.02em;font-size:18px;font-weight:600}.auth-security .security-card>p{margin-top:16px}.auth-security .mfa-layout{margin-top:20px}.auth-security .mfa-layout p{margin-top:8px}.auth-security .qr-placeholder{background:var(--crm-canvas)}.auth-security .qr-placeholder span{background:var(--crm-primary)}.auth-security .recovery-codes code,.auth-security .otp-preview span{border-color:var(--crm-border);color:var(--crm-text);background:var(--crm-raised)}.auth-security .session-device{border:1px solid var(--crm-border);color:var(--crm-muted);background:var(--crm-surface)}@media (max-width:1000px){.crm-app.auth-page{padding-inline:2rem}.auth-page .auth-main{gap:2.5rem}}@media (max-width:860px){.auth-page .auth-main{grid-template-columns:minmax(0,1fr);width:min(100%,28rem);padding-block:1.5rem}.auth-page .auth-aside{display:none}.auth-page .auth-header{min-height:5.5rem}.auth-footer>span{display:none}.auth-page .auth-footer,.auth-footer p{justify-content:center}}@media (max-width:480px){.crm-app.auth-page{padding-inline:1.25rem}.auth-page .auth-main{margin-block:1rem auto;padding-block:0}.auth-page .auth-card{background:0 0;border:0;border-radius:0;padding:1.5rem .25rem}.auth-page .auth-header{min-height:5rem}.auth-page .auth-card-heading{margin-bottom:1.75rem}.auth-page .field .crm-input{font-size:16px}.auth-page .auth-footer{min-height:4.5rem;padding-block:1rem}.auth-footer p{text-align:center;gap:8px}.auth-security .security-header,.auth-security .security-main{width:calc(100% - 2.5rem)}.auth-security .security-header{align-items:flex-start;padding-block:1.25rem}}
