:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#0e1b34}*{box-sizing:border-box}body{margin:0}a{color:#2155d9;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}main:not(.login-layout){display:grid;min-height:100vh;place-items:center;padding:24px}.card{width:min(100%,460px);border:1px solid #dbe2ef;border-radius:14px;background:white;box-shadow:0 12px 35px rgb(20 33 61/10%);padding:32px}.card h1{font-size:1.5rem;margin:0 0 10px}.card p{line-height:1.5}.card form{display:grid;grid-gap:16px;gap:16px}.card label{display:grid;grid-gap:7px;gap:7px;font-weight:600}.card input{border:1px solid #aab7cf;border-radius:8px;font:inherit;padding:11px 12px}.card button{border:0;border-radius:8px;background:#1355d7;color:white;cursor:pointer;font:inherit;font-weight:700;padding:12px 16px}.card button.secondary{background:#e7edf8;color:#14213d}.actions{display:flex;flex-wrap:wrap;gap:12px}.error{color:#b42318}.muted{color:#526079}.scopes{padding-left:20px}.login-layout{display:grid;grid-template-columns:minmax(420px,42%) 1fr;min-height:100vh}.brand-panel{position:relative;display:flex;min-height:100vh;flex-direction:column;overflow:hidden;padding:56px 10%;background:#07152b;color:#f9fbff}.brand-panel:after{position:absolute;right:-20%;bottom:-47%;width:600px;height:600px;border:1px solid rgb(130 163 235/13%);border-radius:50%;box-shadow:0 0 0 70px rgb(130 163 235/11%),0 0 0 140px rgb(130 163 235/9%);content:""}.brand-logo{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:700}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:#2457de;font-size:26px}.brand-content{width:min(100%,510px);margin:auto 0}.eyebrow{margin:0 0 18px;color:#8cadff;font-size:14px;font-weight:700;letter-spacing:.09em}.brand-content h1{max-width:510px;margin:0;font-size:clamp(32px,2.75vw,46px);letter-spacing:-.045em;line-height:1.1}.brand-description{max-width:480px;margin:22px 0 43px;color:#aeb9ca;font-size:17px;line-height:1.48}.benefits{display:grid;grid-gap:23px;gap:23px;margin:0;padding:0;list-style:none}.benefits li{display:flex;max-width:510px;gap:16px}.benefit-icon{display:grid;width:46px;min-width:46px;height:46px;place-items:center;border:1px solid #20304a;border-radius:11px;color:#7fa3ff}.benefit-icon svg{width:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.benefits small,.benefits strong{display:block}.benefits strong{margin:2px 0 5px;font-size:16px}.benefits small{color:#aeb9ca;font-size:15px;line-height:1.45}.brand-footer{z-index:1;display:flex;justify-content:space-between;color:#93a0b5;font-size:14px}.brand-footer nav{display:flex;gap:22px}.brand-footer a{color:inherit;font-weight:400}.login-panel{display:flex;min-width:0;flex-direction:column;padding:42px max(7%,64px);background:#fff}.support{align-self:flex-end;margin:0;color:#697386;font-size:14px}.login-content{width:min(100%,475px);margin:auto}.login-content header h2{margin:0 0 13px;font-size:36px;letter-spacing:-.045em;line-height:1.05}.login-content header p{max-width:445px;margin:0 0 32px;color:#687386;font-size:17px;line-height:1.5}.login-form{display:grid;grid-gap:12px;gap:12px}.login-form label{color:#182338;font-size:15px;font-weight:700}.login-form input{width:100%;height:56px;border:1px solid #d5dae2;border-radius:12px;color:#0e1b34;font:inherit;font-size:16px;outline:none;padding:0 15px}.login-form input::placeholder{color:#8b95a7}.login-form input:focus{border-color:#2457de;box-shadow:0 0 0 3px rgb(36 87 222/14%)}.provider-button,.submit-button{display:flex;height:56px;align-items:center;justify-content:center;border-radius:12px;font:inherit;font-size:16px;font-weight:700}.provider-button{border:1px solid #d5dae2;background:#fff;color:#111c31}.provider-button:disabled{cursor:not-allowed;opacity:1}.apple-button{border-color:#000;background:#000;color:#fff}.microsoft-icon{display:grid;grid-template-columns:repeat(2,10px);grid-gap:2px;gap:2px;margin-right:12px}.microsoft-icon i{width:10px;height:10px}.microsoft-icon i:first-child{background:#f35325}.microsoft-icon i:nth-child(2){background:#81bc06}.microsoft-icon i:nth-child(3){background:#05a6f0}.microsoft-icon i:nth-child(4){background:#ffba08}.apple-icon{margin-right:13px;font-size:19px}.divider{display:flex;align-items:center;gap:15px;margin:15px 0 16px;color:#758096;font-size:14px;text-align:center}.divider:after,.divider:before{height:1px;flex:1 1;background:#e2e5eb;content:""}.field-heading{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.field-heading a{font-size:14px}.password-field{position:relative}.password-field input{padding-right:54px}.password-toggle{position:absolute;top:50%;right:10px;display:grid;width:36px;height:36px;place-items:center;transform:translateY(-50%);border:0;background:transparent;color:#718096;cursor:pointer}.password-toggle svg{width:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.remember{display:flex;align-items:center;gap:10px;margin:7px 0 11px;color:#4e596c!important;font-size:15px!important;font-weight:400!important}.remember input{width:21px;height:21px;accent-color:#2457de}.submit-button{border:0;background:#2457de;color:#fff;cursor:pointer;box-shadow:inset 0 -1px 0 rgb(0 0 0/16%)}.submit-button:hover{background:#1748ca}.form-error{margin:0;border-radius:10px;background:#fff0f0;color:#b42318;padding:10px 12px}.create-account{margin:18px 0 0;color:#697386;font-size:15px;text-align:center}@media (max-width:950px){.login-layout{grid-template-columns:1fr}.brand-panel{display:none}.login-panel{min-height:100vh;padding:32px 24px}.support{margin-bottom:52px}.login-content{margin:auto}}@media (max-width:520px){.login-panel{padding:24px 18px}.support{font-size:14px}.login-content header h2{font-size:36px}.login-content header p{font-size:18px}.login-form input,.provider-button,.submit-button{height:59px}.field-heading{align-items:flex-start;gap:8px;flex-direction:column}.divider{margin:13px 0}.remember{margin-bottom:8px}}@media (min-width:951px){.brand-panel{padding-block:46px}.brand-logo{font-size:20px}.brand-mark{width:42px;height:42px;font-size:23px}.brand-content{width:min(100%,460px)}.eyebrow{margin-bottom:15px;font-size:13px}.brand-content h1{font-size:clamp(29px,2.45vw,41px)}.brand-description{margin:18px 0 34px;font-size:16px}.benefits{gap:19px}.benefit-icon{width:42px;min-width:42px;height:42px}.benefit-icon svg{width:20px}.benefits strong{font-size:15px}.benefits small{font-size:14px}.brand-footer{font-size:13px}.login-panel{padding-block:34px}.login-content{width:min(100%,435px)}.login-content header h2{margin-bottom:10px;font-size:32px}.login-content header p{margin-bottom:27px;font-size:16px}.login-form{gap:10px}.create-account,.login-form label,.remember{font-size:14px!important}.login-form input,.provider-button,.submit-button{height:51px;font-size:15px}.divider{margin:12px 0 13px;font-size:13px}.field-heading{margin-top:4px}.field-heading a{font-size:13px}.remember{margin:5px 0 8px}.remember input{width:19px;height:19px}.create-account{margin-top:15px}}.name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.name-fields label{display:block;margin-bottom:7px}.password-strength{display:flex;align-items:center;gap:12px;margin-top:-2px}.strength-bars{display:flex;flex:1 1;gap:4px}.strength-bars span{flex:1 1;height:4px;border-radius:2px;background:#e2e5eb}.strength-label{font-size:13px;font-weight:700;min-width:64px;text-align:right}.password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px 12px;gap:6px 12px;margin:0;padding:0;list-style:none;font-size:13px;color:#758096}.password-rules li{position:relative;padding-left:20px}.password-rules li:before{content:"○";position:absolute;left:0;color:#9aa3b2}.password-rules li.met{color:#182338}.password-rules li.met:before{content:"✓";color:#15803d}.terms{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#182338}.terms input{width:18px;height:18px;margin-top:2px;flex-shrink:0}.secondary-button{align-self:flex-start;height:44px;padding:0 16px;border:1px solid #d5dae2;border-radius:10px;background:#fff;color:#0e1b34;font:inherit;font-size:14px;font-weight:700}.secondary-button:hover{background:#f3f5f8}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;color:#3b4556;font-size:14px;font-weight:700}.recover-box{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border:1px solid #e3e7ed;border-radius:12px;background:#f7f8fa}.recover-box p{margin:0;font-size:14px;line-height:1.5;color:#3b4556}.recover-resent{display:flex;align-items:center;gap:8px;margin:0;color:#15803d;font-weight:700}.field-match{margin:-4px 0 0;font-size:13px;font-weight:700;color:#b42318}.field-match.ok,.form-notice{color:#15803d}.form-notice{margin:0;border-radius:10px;background:#eef7ee;padding:10px 12px}@media (max-width:520px){.name-fields{gap:16px}.name-fields,.password-rules{grid-template-columns:1fr}}