:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#16202a;--muted:#657180;--line:#dfe5ec;--surface:#fff;--surface-soft:#f5f7fa;--canvas:#edf1f5;--brand:#1d4f49;--brand-strong:#143d38;--brand-soft:#e5f0ed;--accent:#d3f36b;--danger:#a83b36;--danger-soft:#fff0ef;--notice:#315f6d;--notice-soft:#eef8fa;--focus:#2f6fed;--shadow:0 24px 70px #121f2b1f}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{background:var(--canvas);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 32%, transparent);outline-offset:3px}.auth-shell{background:var(--canvas);grid-template-columns:minmax(360px,1.05fr) minmax(460px,.95fr);min-height:100svh;display:grid}.auth-story{isolation:isolate;color:#f7fbfa;background:radial-gradient(circle at 18% 15%,#d3f36b2e,#0000 32%),radial-gradient(circle at 82% 76%,#5fb2a53b,#0000 36%),linear-gradient(145deg,#153f3a 0%,#0d2b29 58%,#091e20 100%);flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";z-index:-1;border:1px solid #ffffff14;border-radius:50%;position:absolute}.auth-story:before{width:460px;height:460px;top:-150px;right:-220px}.auth-story:after{width:620px;height:620px;bottom:-360px;left:-330px}.brand-lockup{align-items:center;gap:10px;width:fit-content;display:flex}.brand-symbol{background:var(--accent);color:#112b27;letter-spacing:-.08em;border-radius:10px;place-items:center;width:34px;height:34px;font-size:22px;font-weight:850;line-height:1;display:grid}.brand-name{letter-spacing:-.055em;font-size:27px;font-weight:800}.brand-product{color:#f7fbfab8;letter-spacing:.14em;text-transform:uppercase;border-left:1px solid #ffffff47;padding-left:10px;font-size:11px;font-weight:700}.story-content{width:min(620px,100%);margin:clamp(72px,13vh,150px) 0}.story-eyebrow,.section-label{letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:800}.story-eyebrow{color:var(--accent)}.story-content h1{letter-spacing:-.055em;text-wrap:balance;max-width:580px;margin:0;font-size:clamp(44px,6vw,76px);line-height:.98}.story-description{color:#f7fbfabf;max-width:570px;margin:28px 0 0;font-size:clamp(17px,1.6vw,21px);line-height:1.62}.story-points{gap:13px;margin:42px 0 0;padding:0;list-style:none;display:grid}.story-points li{color:#f7fbfae6;align-items:center;gap:14px;font-size:14px;font-weight:650;display:flex}.story-points li span{min-width:34px;color:var(--accent);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.story-footer{color:#f7fbfa80;letter-spacing:.04em;margin:0;font-size:12px}.auth-panel{background:radial-gradient(circle at 100% 0%, #1d4f4914, transparent 28%), var(--canvas);align-content:center;place-items:center;gap:20px;min-height:100svh;padding:clamp(24px,5vw,70px);display:grid}.auth-card{width:min(510px,100%);min-height:520px;box-shadow:var(--shadow);background:#fffffff5;border:1px solid #cbd4dee6;border-radius:26px;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,48px);display:flex}.auth-card-header{margin-bottom:30px}.compact-header{margin-top:18px;margin-bottom:26px}.authenticated-header{text-align:center;margin-bottom:26px}.section-label{color:var(--brand)}.auth-card h2{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.05}.section-intro{color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.65}.email-highlight{color:var(--ink);overflow-wrap:anywhere}.access-options{gap:13px;display:grid}.access-option{border:1px solid var(--line);background:var(--surface);width:100%;min-height:92px;color:inherit;text-align:left;cursor:pointer;border-radius:17px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid}.access-option:hover{background:#fbfcfd;border-color:#b9c6d2;transform:translateY(-2px);box-shadow:0 12px 30px #121f2b14}.provider-icon{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.provider-icon-microsoft{color:#29404e;background:#eef1f5}.provider-icon-email{background:var(--brand-soft);color:var(--brand)}.provider-icon-svg{fill:currentColor;width:23px;height:23px}.access-option-copy{gap:5px;min-width:0;display:grid}.access-option-copy strong{font-size:15px;line-height:1.25}.access-option-copy span{color:var(--muted);font-size:13px;line-height:1.4}.access-option-end{background:var(--surface-soft);color:#4b5966;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.arrow-icon-svg{fill:currentColor;width:18px;height:18px}.status-pill{color:#6c7782;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;background:#f0f2f5;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:750}.access-footnote{color:#7b8692;text-align:center;margin:22px 0 0;font-size:12px;line-height:1.55}.auth-form{gap:21px;display:grid}.field-group{gap:8px;display:grid}.field-group label{font-size:13px;font-weight:750}.field-group input{width:100%;height:54px;color:var(--ink);background:#fff;border:1px solid #cbd4de;border-radius:13px;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.field-group input:hover:not(:disabled){border-color:#aebbc8}.field-group input:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 4px #2f6fed1a}.field-group input:disabled{color:#8a949d;cursor:not-allowed;background:#f2f4f6}.field-help{color:#798590;margin:0;font-size:12px;line-height:1.5}.otp-input{text-align:center;letter-spacing:.36em;text-indent:.36em;text-transform:uppercase;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:23px!important}.primary-button,.secondary-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:14px;font-weight:760;transition:transform .15s,background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.primary-button{border:1px solid var(--brand);background:var(--brand);color:#fff;box-shadow:0 10px 24px #1d4f4933}.primary-button:hover:not(:disabled){background:var(--brand-strong);transform:translateY(-1px);box-shadow:0 14px 28px #1d4f493d}.secondary-button{color:var(--ink);background:#fff;border:1px solid #cbd4de}.secondary-button:hover:not(:disabled){background:var(--surface-soft)}.primary-button:disabled,.secondary-button:disabled,.text-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.text-button{width:fit-content;color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:750}.text-button:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.back-button{align-items:center;gap:7px;display:inline-flex}.feedback{border:1px solid;border-radius:12px;margin-top:18px;padding:12px 14px;font-size:12px;line-height:1.5}.feedback-notice{background:var(--notice-soft);color:var(--notice);border-color:#bfdae1}.feedback-error{background:var(--danger-soft);color:var(--danger);border-color:#efc4c1}.provider-status{color:#695c2c;background:#fffbed;border:1px solid #dfd6b5;border-radius:12px;margin:-7px 0 22px;padding:12px 14px;font-size:12px;line-height:1.5}.security-note{color:#6e7984;align-items:flex-start;gap:10px;margin-top:22px;font-size:12px;line-height:1.55;display:flex}.security-note-icon{background:var(--brand-soft);width:19px;height:19px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:900;display:grid}.resend-row{color:#77838e;text-align:center;min-height:24px;margin-top:22px;font-size:12px;line-height:1.5}.checking-state{color:var(--muted);text-align:center;place-items:center;gap:18px;display:grid}.checking-state p{margin:0;font-size:14px}.large-spinner,.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;animation:.8s linear infinite spin;display:inline-block}.large-spinner{width:34px;height:34px;color:var(--brand)}.button-spinner{width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.success-mark{background:var(--brand-soft);width:66px;height:66px;color:var(--brand);border-radius:20px;place-items:center;margin:0 auto 24px;display:grid}.check-icon-svg{fill:currentColor;width:34px;height:34px}.session-summary{border:1px solid var(--line);border-radius:15px;gap:0;margin:0 0 26px;padding:0;display:grid;overflow:hidden}.session-summary>div{background:#fff;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px 16px;display:grid}.session-summary>div+div{border-top:1px solid var(--line)}.session-summary dt{color:#74808b;font-size:12px;font-weight:700}.session-summary dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:650}.auth-legal{color:#7a8691;text-align:center;width:min(490px,100%);margin:0;font-size:11px;line-height:1.55}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:auto;padding:28px clamp(24px,7vw,64px) 40px}.story-content{margin:70px 0 54px}.story-content h1{max-width:720px;font-size:clamp(42px,9vw,68px)}.story-description{max-width:680px}.story-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-points li{align-items:flex-start}.auth-panel{min-height:auto;padding:56px 24px}}@media (max-width:640px){.auth-story{padding:24px 20px 32px}.brand-product{display:none}.story-content{margin:52px 0 42px}.story-content h1{font-size:clamp(39px,12vw,54px)}.story-description{margin-top:20px;font-size:16px}.story-points{grid-template-columns:1fr;gap:11px;margin-top:32px}.story-footer{font-size:11px}.auth-panel{padding:34px 14px}.auth-card{border-radius:21px;min-height:500px;padding:28px 20px}.auth-card h2{font-size:31px}.access-option{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;min-height:88px;padding:14px}.provider-icon{width:44px;height:44px}.status-pill{white-space:normal;text-align:center;max-width:84px}.session-summary>div{grid-template-columns:1fr;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}