.login-page{background:#eef2fa;font-size:16px}.account-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.account-story{background:linear-gradient(145deg,#0c234b,#164c89 60%,#087c80);color:#fff;padding:38px 50px;display:flex;flex-direction:column;position:relative;overflow:hidden}.account-story .brand{font-size:26px;align-self:flex-start;position:relative;z-index:2}.account-story .brand-icon{background:#ffd16b;color:#142c50}.account-story .brand>span:not(.brand-icon){color:#ffd16b}.story-content{max-width:580px;margin:auto 0;padding:55px 0 25px;position:relative;z-index:1}.story-content .eyebrow{color:#ffd775;font-size:12px;letter-spacing:1.5px}.story-content h1{font-size:clamp(42px,4.8vw,67px);letter-spacing:-2.5px;line-height:1.1;margin:24px 0}.story-content h1>span{color:#ffd16b}.story-content>p{color:#dbe9f7;font-size:18px;line-height:1.8}.story-art{position:relative;height:235px;max-width:420px;margin:30px 0 24px}.story-circle{position:absolute;right:-35px;top:-7px;border:1px solid #8ce1e34d;width:240px;height:240px;border-radius:50%}.story-circle:after{content:'';position:absolute;inset:25px;border:1px solid #8ce1e34d;border-radius:50%}.story-arrow{position:absolute;right:-22px;top:-25px;font-size:200px;color:#6de1d363;line-height:1}.story-star{position:absolute;left:3px;bottom:15px;font-size:62px;line-height:1;color:#ffd16b}.floating-study{position:absolute;left:40px;top:32px;background:#ffffff12;border:1px solid #ffffff38;border-radius:15px;backdrop-filter:blur(9px);padding:23px 26px;width:270px;transform:rotate(-4deg);box-shadow:0 18px 30px #051a3020}.floating-study>span{font-size:10px;letter-spacing:1.5px;color:#cfe8ed}.floating-study strong{display:block;font:600 27px 'Bricolage Grotesque',sans-serif;margin:8px 0}.floating-study small{font-size:12px;color:#d6ebf3}.study-bars{display:flex;align-items:end;gap:9px;height:45px;margin:12px 0}.study-bars i{display:block;width:22px;height:14px;border-radius:4px 4px 0 0;background:#5acdbd}.study-bars i:nth-child(2){height:22px}.study-bars i:nth-child(3){height:19px}.study-bars i:nth-child(4){height:30px}.study-bars i:nth-child(5){height:27px}.study-bars i:nth-child(6){height:36px;background:#ffd16b}.study-bars i:nth-child(7){height:43px;background:#ffd16b}.story-benefits{display:flex;gap:13px 22px;flex-wrap:wrap;font-size:12px;color:#d2e5f4}.back-link{font-size:13px;color:#d2e5f4;position:relative;z-index:2;align-self:flex-start}.account-panel{background:#fff;padding:32px 42px 24px;display:flex;flex-direction:column}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:530px;width:100%;margin-inline:auto}.account-beta{font-size:11px;letter-spacing:1px;font-weight:700;padding:5px 9px;border:1px solid #d1e0f4;border-radius:5px;color:#315b92;background:#eef3fd}.panel-top>a{font-size:13px;font-weight:600;color:#175d86}.account-content{width:100%;max-width:440px;margin:auto;padding:45px 0}.account-content>.eyebrow{font-size:11px;color:#3055a1}.account-content h2{font-size:42px;letter-spacing:-1.5px;margin:13px 0 12px;color:#152c50}.account-content>p{font-size:15px;line-height:1.8}.account-notice{display:flex;gap:12px;padding:15px 17px;border:1px solid #d5dff2;background:#f0f4fc;border-radius:9px;margin:23px 0}.account-notice>span{color:#4667ad;font-size:23px;line-height:1.3}.account-notice p{font-size:12px;line-height:1.8;color:#4c607e}.account-notice strong{display:block;color:#294c7b;font-size:13px}.account-tabs{display:flex;background:#f1f3f8;border:1px solid #e5e9f1;padding:4px;border-radius:8px;gap:4px;margin:0 0 24px}.account-tabs button{flex:1;border:0;border-radius:5px;background:transparent;padding:10px;color:#63708a;font-size:14px;font-weight:600}.account-tabs button.active{background:#fff;color:#254c91;box-shadow:0 2px 5px #1e3d7410}.form-field{margin:19px 0}.form-field label{display:block;font-size:14px;font-weight:600;color:#233b5c;margin-bottom:8px}.form-field input{width:100%;min-width:0;border:1px solid #cbd5e5;border-radius:7px;background:#fff;padding:13px 15px;color:#152c50;font:400 15px 'Public Sans',sans-serif;min-height:49px}.form-field input::placeholder{color:#8792a5}.label-row{display:flex;justify-content:space-between;align-items:start;gap:15px}.forgot-link{background:none;border:0;padding:0;color:#3657a1;font-size:12px;font-weight:600;cursor:pointer}.password-wrap{position:relative}.password-wrap input{padding-right:72px}.password-wrap button{position:absolute;right:5px;top:5px;bottom:5px;background:#f0f3f9;color:#486185;border:0;border-radius:4px;padding:0 11px;font-size:12px;font-weight:600}.field-hint{font-size:12px;margin-top:7px;line-height:1.7}.account-submit,.guest-button{display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:7px;padding:14px 18px;font:600 16px 'Bricolage Grotesque',sans-serif;min-height:50px}.account-submit{border:1px solid #284f9c;color:#fff;background:linear-gradient(110deg,#22428b,#2863b0);margin-top:25px;cursor:pointer;box-shadow:0 5px 12px #234c991a}.account-submit:hover{background:#193b80}.form-status{border-left:3px solid #346bc0;background:#eef4ff;padding:13px 15px;font-size:13px;color:#30517f;margin-top:16px;line-height:1.8}.reset-back{margin-top:18px}.guest-divider{display:flex;align-items:center;gap:14px;font-size:11px;color:#8a94a5;margin:24px 0}.guest-divider>span{height:1px;background:#e1e6f0;flex:1}.guest-button{background:#087d73;border:1px solid #087d73;color:white}.guest-button:hover{background:#06665e;color:white}.account-content .guest-note{font-size:12px;text-align:center;color:#7c8799;margin-top:13px;line-height:1.8}.account-footer{max-width:530px;width:100%;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8290a3;margin:0 auto}.account-footer a{color:#4f6590}.login-page :focus-visible{outline:3px solid #d49b2d;outline-offset:3px}@media(min-width:1600px){.account-story{padding:48px 70px}.story-art{margin-block:40px}.account-content{max-width:470px}}@media(max-width:1000px){.account-story{padding:32px}.account-panel{padding:28px}.story-content h1{font-size:46px}.story-content>p{font-size:16px}.story-art{transform:scale(.85);transform-origin:left center}.story-benefits{font-size:11px}.account-content h2{font-size:36px}.panel-top>a{font-size:12px}}@media(max-width:700px){.account-shell{grid-template-columns:1fr}.account-story{padding:25px 23px 30px;min-height:0}.account-story .brand{font-size:24px}.story-content{padding:25px 0 0}.story-content h1{font-size:37px;letter-spacing:-1.4px;margin:17px 0 14px}.story-content h1 br{display:none}.story-content>p{font-size:15px}.story-art,.story-benefits,.back-link{display:none}.story-content .eyebrow{font-size:9px}.account-panel{padding:23px 23px 25px}.account-content{padding:35px 0}.account-content h2{font-size:36px}.account-content>p{font-size:14px}.account-notice{padding:14px;gap:10px}.account-notice p{font-size:12px}.account-notice strong{font-size:13px}.account-tabs button{font-size:13px}.form-field input{font-size:16px}.account-footer{font-size:10px}.account-submit,.guest-button{font-size:16px}.panel-top>a{font-size:12px}}
.google-access{margin-top:26px}.google-signin{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:15px 18px;min-height:54px;background:white;border:1px solid #9dabc0;border-radius:7px;color:#23344c;font:600 16px 'Public Sans',sans-serif;cursor:pointer;box-shadow:0 3px 8px #1b3a6d08}.google-signin:hover{background:#f1f5fc;border-color:#466da6}.google-signin:disabled{opacity:.65;cursor:wait}.google-help{font-size:13px;text-align:center;color:#66778f;line-height:1.8;margin-top:13px}

.login-page [hidden]{display:none!important}.exam-context{margin-top:20px;padding:9px 12px;border:1px solid #cfe2e0;border-radius:6px;background:#edf7f4;color:#17675f;font-size:10px;font-weight:700;letter-spacing:.7px}.account-content{padding-block:30px}.account-content h2{font-size:clamp(30px,3vw,40px)}.google-access{margin-top:20px}.google-help{font-size:12px}.account-tabs{margin-bottom:18px}.account-tabs button,.password-wrap button{cursor:pointer}.email-availability{font-size:12px;line-height:1.7;color:#63738a;margin-top:12px}.account-content .guest-note{color:#596b82}.form-field{margin-block:16px}.account-story{position:sticky;top:0;height:100vh;min-height:650px}.account-content .guest-divider{margin-block:20px}@media(max-width:700px){.account-story{position:relative;height:auto;min-height:0}.story-content h1{font-size:30px}.story-content>p{display:none}.story-content{padding-top:18px}.account-content{padding-top:25px}.account-panel{padding-inline:22px}}

/* Fit the story panel to the available desktop window height. */
@media(min-width:701px){
 .account-story{height:100svh;min-height:0;padding:clamp(20px,4svh,38px) clamp(24px,3.5vw,50px)}
 .account-story .brand{font-size:clamp(21px,2.1vw,26px);flex-shrink:0}
 .story-content{min-height:0;margin:auto 0;padding:clamp(16px,3svh,36px) 0 16px}
 .story-content h1{font-size:clamp(32px,min(4.3vw,7.2svh),64px);line-height:1.08;letter-spacing:-1.8px;margin:clamp(12px,2.5svh,24px) 0}
 .story-content>.eyebrow{font-size:clamp(9px,1vw,12px)}
 .story-content>p{font-size:clamp(14px,2.1svh,18px);line-height:1.65}
 .story-art{height:clamp(130px,25svh,235px);margin:clamp(12px,2svh,24px) 0;transform:scale(.85);transform-origin:left top}
 .story-benefits{font-size:11px;gap:8px 16px}
 .back-link{flex-shrink:0}
}
@media(min-width:701px) and (max-height:740px){
 .story-art{height:155px;transform:scale(.65);margin-block:12px 0}
 .story-content{padding-block:16px}
 .story-content h1{font-size:clamp(30px,min(4vw,7svh),48px);margin-block:14px}
 .story-benefits{font-size:10px}
}
@media(min-width:701px) and (max-height:560px){
 .story-art{display:none}
 .story-content h1{font-size:clamp(28px,7svh,40px)}
 .story-benefits{margin-top:16px}
}

/* Balance the story content within wide panels. */
@media(min-width:701px){
 .account-story{align-items:center}
 .account-story .brand,.account-story .back-link{align-self:center;width:100%;max-width:580px}
 .story-content{width:100%;max-width:580px;margin-block:auto;margin-inline:auto}
 .story-art{width:100%;max-width:420px;margin-inline:auto;transform-origin:center top}
 .story-benefits{position:relative;margin-top:18px;line-height:1.6}
}
@media(min-width:1400px) and (min-height:741px){
 .story-content h1{font-size:clamp(48px,min(4.3vw,7.2svh),72px)}
}

.account-content>.guest-button{margin-top:22px}

.guest-button{background:#ffd16b;border-color:#ffd16b;color:#142c50}.guest-button:hover{background:#ffe09a;border-color:#ffe09a;color:#142c50}

/* Shared alignment and predictable illustration bounds. */
@media(min-width:701px){
 .account-story{padding:clamp(22px,3.5svh,38px) clamp(28px,4vw,64px);gap:20px}
 .account-story .brand,.account-story .back-link,.story-content{width:100%;max-width:560px;margin-inline:auto}
 .story-content{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0;margin-block:auto}
 .story-content h1{width:100%;margin:22px 0;line-height:1.1}
 .story-content>p{margin:0;line-height:1.7}
 .story-art{align-self:center;flex:none;width:360px;max-width:100%;height:210px;margin:24px 0 18px;transform:none}
 .story-circle{width:210px;height:210px;right:0;top:0}
 .story-arrow{right:10px;top:10px;font-size:170px}
 .floating-study{left:24px;top:24px;width:265px;padding:20px 24px;transform:rotate(-4deg)}
 .story-star{left:0;bottom:30px;font-size:48px}
 .story-benefits{width:100%;margin:14px 0 0;gap:8px 20px;line-height:1.7}
 .back-link{margin-top:0;line-height:1.5}
}
@media(min-width:701px) and (max-height:740px){
 .account-story{gap:16px;padding-block:22px}
 .story-content h1{font-size:clamp(30px,min(4vw,6.6svh),46px);margin:16px 0}
 .story-art{height:165px;width:300px;margin:18px 0 12px}
 .story-circle{height:165px;width:165px}
 .story-arrow{font-size:135px}
 .floating-study{left:22px;top:14px;width:225px;padding:15px 18px}
 .floating-study strong{font-size:23px}.floating-study>span{font-size:9px}
 .floating-study small{font-size:10px}.study-bars{height:36px;margin:8px 0;gap:7px}
 .study-bars i{width:19px;max-height:36px}.story-star{font-size:38px;bottom:20px}
 .story-benefits{margin-top:12px}
}
@media(min-width:701px) and (max-height:560px){.story-art{display:none}.story-content h1{margin-block:12px;font-size:clamp(28px,6.5svh,36px)}}