.auth-page{--auth-panel:var(--color-surface);--auth-input-border:var(--color-preview-border);--auth-error:var(--color-status-error);background:radial-gradient(ellipse at 12% 10%, color-mix(in srgb, var(--color-brand-primary) 8%, transparent), transparent 50%), radial-gradient(ellipse at 90% 95%, color-mix(in srgb, var(--color-brand-secondary) 8%, transparent), transparent 48%), var(--color-background);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:42px 24px 22px;display:flex}.auth-card{border:1px solid color-mix(in srgb, var(--color-preview-border) 65%, transparent);background:var(--auth-panel);width:100%;max-width:1020px;min-height:690px;box-shadow:0 24px 85px color-mix(in srgb, var(--color-brand-navy) 9%, transparent);border-radius:25px;grid-template-columns:43% 57%;display:grid;overflow:hidden}.auth-brand-panel{color:var(--color-surface);isolation:isolate;background:radial-gradient(ellipse at 75% 80%, color-mix(in srgb, var(--color-brand-primary) 26%, transparent), transparent 60%), linear-gradient(150deg, var(--color-header-start), var(--color-header-end));padding:43px 42px;position:relative;overflow:hidden}.auth-brand-panel:after{content:"";z-index:-1;background:var(--color-brand-gradient);opacity:.25;border-radius:50%;width:420px;height:520px;position:absolute;top:150px;right:-280px;transform:rotate(25deg)}.auth-brand-panel .logo{z-index:2;gap:8px;font-size:30px;position:relative}.auth-brand-copy{z-index:2;margin-top:46px;position:relative}.auth-brand-copy .eyebrow{letter-spacing:1.4px;color:var(--color-text-on-dark-muted);font-size:8px}.auth-brand-copy h2{letter-spacing:-1.2px;margin-top:12px;font-size:32px;line-height:1.25}.auth-brand-copy p{max-width:265px;color:var(--color-text-on-dark);margin-top:12px;font-size:14px;line-height:1.75}.auth-avatar{z-index:0;width:103%;height:auto;display:block;position:absolute;top:265px;left:4%}.auth-benefits-card{z-index:2;border:1px solid color-mix(in srgb, var(--color-surface) 13%, transparent);background:color-mix(in srgb, var(--color-brand-navy) 83%, transparent);box-shadow:0 12px 32px color-mix(in srgb, var(--color-brand-navy) 20%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:17px 19px;position:absolute;bottom:73px;left:32px;right:32px}.auth-benefits-card>div{align-items:center;gap:10px;font-size:11px;line-height:1.6;display:flex}.auth-benefits-card>div+div{margin-top:9px}.auth-benefits-card svg{background:var(--color-mint-700);color:var(--color-brand-navy);border-radius:50%;flex-shrink:0;padding:2px}.auth-brand-caption{color:var(--color-text-on-dark-muted);font-size:10px;line-height:1.65;position:absolute;bottom:24px;left:42px}.auth-form-panel{flex-direction:column;justify-content:center;padding:30px 64px 35px;display:flex}.auth-back-link{color:var(--color-text-muted);align-self:flex-start;align-items:center;gap:7px;margin-bottom:28px;font-size:11px;display:inline-flex}.auth-back-link:hover{color:var(--color-brand-primary)}.auth-form-heading h1{letter-spacing:-1px;font-size:28px;font-weight:800;line-height:1.3}.auth-form-heading p{color:var(--color-text-muted);margin-top:7px;font-size:12px;line-height:1.7}.microsoft-auth-button{background:var(--color-surface);width:100%;min-height:46px;color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:0 3px 9px color-mix(in srgb, var(--color-brand-navy) 3%, transparent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;margin-top:25px;padding:11px 15px;font-size:12px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.microsoft-auth-button:hover{border-color:var(--color-brand-primary);background:var(--color-background)}.auth-divider{color:var(--color-text-muted);align-items:center;gap:14px;margin:21px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.signup-form{flex-direction:column;gap:19px;display:flex}.form-field{flex-direction:column;gap:7px;display:flex}.form-field>label{color:var(--color-text-primary);font-size:12px;font-weight:600}.form-input-wrap{position:relative}.form-input{border:1px solid var(--auth-input-border);width:100%;min-height:44px;font:inherit;color:var(--color-text-primary);background:var(--color-surface);border-radius:8px;outline:none;padding:11px 13px;font-size:12px;transition:border-color .2s,box-shadow .2s;display:block}.form-input::placeholder{color:color-mix(in srgb, var(--color-text-muted) 75%, var(--color-surface))}.form-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-primary) 12%, transparent)}.form-input.has-trailing-action{padding-right:48px}.has-error .form-input{border-color:var(--auth-error)}.has-error .form-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--auth-error) 10%, transparent)}.form-error,.form-hint{font-size:10px;line-height:1.6}.form-error{color:var(--auth-error)}.form-hint{color:var(--color-text-muted)}.password-toggle{width:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;bottom:2px;right:2px}.password-toggle:hover{color:var(--color-brand-primary)}.terms-row{align-items:flex-start;gap:8px;display:flex}.terms-row>input{accent-color:var(--color-brand-primary);cursor:pointer;flex-shrink:0;width:15px;height:15px;margin:2px 0 0}.terms-row label{color:var(--color-text-muted);font-size:10px;line-height:1.8}.auth-text-button{font:inherit;color:var(--color-preview-accent);cursor:pointer;background:0 0;border:0;padding:0}.auth-text-button:hover{text-decoration:underline}.terms-field .form-error{margin-top:6px}.signup-submit{cursor:pointer;border-radius:9px;width:100%;min-height:44px;padding:12px 20px;font-family:inherit;font-size:12px}.auth-signin-link{color:var(--color-text-muted);text-align:center;margin-top:23px;font-size:11px}.auth-signin-link .auth-text-button{font-weight:600}.auth-page-caption{color:var(--color-text-muted);letter-spacing:.2px;margin-top:20px;font-size:10px}.signup-feedback{border:1px solid color-mix(in srgb, var(--color-brand-primary) 20%, var(--color-surface));background:var(--color-background);color:var(--color-text-primary);border-radius:9px;padding:13px;font-size:11px;line-height:1.7}.signup-feedback p{color:var(--color-text-muted);margin-top:4px}@media (max-width:1000px){.auth-card{grid-template-columns:42% 58%;max-width:900px}.auth-brand-panel{padding:38px 29px}.auth-form-panel{padding:28px 40px 34px}.auth-brand-copy h2{font-size:28px}.auth-avatar{width:116%;top:280px;left:-4%}.auth-benefits-card{padding:16px 13px;left:22px;right:22px}.auth-brand-caption{left:29px}}@media (max-width:700px){.auth-page{justify-content:flex-start;padding:20px 16px}.auth-card{border-radius:20px;grid-template-columns:1fr;max-width:460px;min-height:0}.auth-brand-panel{min-height:180px;padding:23px 25px 25px}.auth-brand-panel .logo{font-size:25px}.auth-brand-panel .logo svg{width:35px}.auth-brand-copy{max-width:65%;margin-top:19px}.auth-brand-copy .eyebrow{display:none}.auth-brand-copy h2{margin-top:0;font-size:23px}.auth-brand-copy p{margin-top:7px;font-size:11px;line-height:1.7}.auth-avatar{object-fit:contain;opacity:.95;width:195px;height:205px;top:21px;left:auto;right:-43px}.auth-benefits-card,.auth-brand-caption{display:none}.auth-form-panel{padding:26px 25px 30px}.auth-back-link{margin-bottom:22px}.auth-form-heading h1{font-size:25px}.microsoft-auth-button{margin-top:22px}.signup-form{gap:18px}.form-input{min-height:46px;font-size:16px}.form-input::placeholder{font-size:12px}.auth-page-caption{font-size:9px}}@media (prefers-reduced-motion:reduce){.form-input,.microsoft-auth-button{transition:none}}.auth-card--login,.auth-card--recovery{min-height:640px}.auth-card--login .auth-brand-copy,.auth-card--recovery .auth-brand-copy{margin-top:38px}.auth-card--login .auth-avatar,.auth-card--recovery .auth-avatar{top:215px}.auth-card--login .auth-benefits-card,.auth-card--recovery .auth-benefits-card{bottom:85px}.auth-benefits-card>.auth-brand-quote{align-items:flex-start;gap:12px}.auth-brand-quote p{font-size:12px;line-height:1.9}.auth-brand-quote svg{color:var(--color-text-on-dark-muted);background:0 0;border-radius:0;width:20px;height:24px;padding:0}.form-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-label-row>label{color:var(--color-text-primary);font-size:12px;font-weight:600}.forgot-password-link{font-size:10px;font-weight:500}.login-form{gap:25px}.login-form .signup-submit{margin-top:3px}.recovery-form{gap:25px;margin-top:30px}@media (max-width:700px){.auth-card--login,.auth-card--recovery{min-height:0}.auth-card--login .auth-brand-copy,.auth-card--recovery .auth-brand-copy{margin-top:19px}.auth-card--login .auth-brand-copy h2{font-size:21px}.auth-card--login .auth-avatar,.auth-card--recovery .auth-avatar{top:21px}.login-form{gap:22px}}.form-field{--auth-input-border:var(--color-preview-border);--auth-error:var(--color-status-error)}.auth-session-panel{max-width:680px;margin:12vh auto;padding:32px}.auth-session-panel h1{margin-bottom:16px}.auth-session-panel p{margin-bottom:24px}.auth-session-panel a,.auth-session-panel button{margin:8px}.api-error-banner{z-index:100;background:var(--color-surface);max-width:90vw;color:var(--color-brand-navy);border-radius:12px;padding:16px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0002}.api-error-banner button{margin-left:20px}.organization-welcome{background:radial-gradient(ellipse at 10% 30%, color-mix(in srgb, var(--color-brand-primary) 8%, transparent), transparent 55%), radial-gradient(ellipse at 90% 90%, color-mix(in srgb, var(--color-brand-secondary) 7%, transparent), transparent 50%), var(--color-background);min-height:100svh;padding:28px 40px 20px}.welcome-header{justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto 32px;display:flex}.welcome-header .logo{color:var(--color-brand-navy);font-size:28px}.welcome-logout{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.welcome-logout:hover{color:var(--color-text-primary);border-color:var(--color-brand-primary)}.welcome-card{background:var(--color-surface);border:1px solid var(--color-border);max-width:1060px;min-height:610px;box-shadow:0 20px 70px color-mix(in srgb, var(--color-brand-navy) 7%, transparent);border-radius:26px;grid-template-columns:44% 56%;margin:0 auto;display:grid;overflow:hidden}.welcome-brand{isolation:isolate;color:var(--color-text-on-dark);background:radial-gradient(ellipse at 70% 90%, color-mix(in srgb, var(--color-brand-primary) 30%, transparent), transparent 65%), linear-gradient(150deg, var(--color-header-start), var(--color-header-end));padding:40px;position:relative;overflow:hidden}.welcome-eyebrow{letter-spacing:1.6px;color:var(--color-text-on-dark-muted);font-size:10px;font-weight:600}.welcome-brand h2{z-index:1;letter-spacing:-1.2px;margin:22px 0 14px;font-size:34px;line-height:1.18;position:relative}.welcome-brand h2 span{color:var(--color-text-on-dark)}.welcome-brand>p{z-index:1;max-width:300px;color:var(--color-text-on-dark-muted);font-size:14px;line-height:1.7;position:relative}.welcome-brand>img{z-index:0;width:88%;max-width:420px;position:absolute;bottom:-38px;left:10%}.welcome-brand-note{z-index:1;background:color-mix(in srgb, var(--color-header-end) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:12px;padding:17px 19px;font-size:12px;line-height:1.6;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.welcome-brand-note svg{color:var(--color-brand-primary);flex-shrink:0}.welcome-brand-note strong{font-weight:500}.welcome-content{align-self:center;padding:48px 46px}.welcome-account-ready{color:var(--color-text-muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.welcome-account-ready svg{color:var(--color-brand-primary)}.welcome-content h1{letter-spacing:-1.1px;margin:19px 0 15px;font-size:34px;line-height:1.22}.welcome-content h1 span{background:var(--color-brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.welcome-description{color:var(--color-text-muted);max-width:410px;margin:0 0 28px;font-size:14px;line-height:1.8}.welcome-option{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;align-items:center;gap:14px;margin-top:13px;padding:20px 18px;transition:box-shadow .15s,border-color .15s;display:flex}.welcome-option:hover{border-color:var(--color-brand-primary);box-shadow:0 5px 20px color-mix(in srgb, var(--color-brand-primary) 12%, transparent)}.welcome-option>span:nth-child(2){flex:1;min-width:0}.welcome-option strong{font-size:15px;font-weight:700;display:block}.welcome-option small{color:var(--color-text-muted);margin-top:5px;font-size:12px;line-height:1.6;display:block}.welcome-option>svg{color:var(--color-text-muted);flex-shrink:0}.welcome-option-icon{background:var(--color-background);width:44px;height:44px;color:var(--color-text-muted);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.welcome-option-primary{border-color:color-mix(in srgb, var(--color-brand-primary) 40%, var(--color-border));background:color-mix(in srgb, var(--color-brand-primary) 4%, var(--color-surface))}.welcome-option-primary .welcome-option-icon{color:#fff;background:var(--color-brand-gradient)}.welcome-option-primary>svg{color:var(--color-brand-primary)}.welcome-tenant-note{color:var(--color-text-muted);margin:25px 0 0;padding-left:24px;font-size:11px;line-height:1.8;position:relative}.welcome-tenant-note svg{position:absolute;top:2px;left:0}.welcome-footer{text-align:center;color:var(--color-text-muted);margin-top:26px;font-size:11px}@media (max-width:800px){.organization-welcome{padding:20px}.welcome-header{margin-bottom:22px}.welcome-card{grid-template-columns:1fr;max-width:540px;min-height:0}.welcome-brand{min-height:210px;padding:28px}.welcome-brand h2{max-width:65%;margin-top:16px;font-size:27px}.welcome-brand h2 br:nth-of-type(2){display:none}.welcome-brand>p{max-width:58%;font-size:12px}.welcome-brand>img{width:48%;bottom:-30px;left:auto;right:-7%}.welcome-brand-note{display:none}.welcome-eyebrow{font-size:8px}.welcome-content{padding:30px}.welcome-content h1{font-size:29px}.welcome-header .logo{font-size:25px}.welcome-logout{padding:8px 10px;font-size:12px}.welcome-option{gap:10px;padding:16px 13px}.welcome-option strong{font-size:14px}.welcome-option small{font-size:11px}}@media (prefers-reduced-motion:reduce){.welcome-option{transition:none}}