.login-page{overscroll-behavior:none;height:100dvh;min-height:0;color:var(--navy);background:#fff;padding:0 clamp(16px,1.35vw,24px) clamp(12px,1.7dvh,18px);overflow:hidden}.login-header{justify-content:space-between;align-items:center;width:min(1510px,100% - 56px);height:clamp(72px,10.55dvh,105px);margin-inline:auto;display:flex}.login-wordmark{align-items:center;display:inline-flex}.login-wordmark svg,.login-wordmark img{object-fit:contain;width:clamp(168px,13.25vw,210px);height:clamp(46px,5.8dvh,58px);overflow:visible;background:0 0!important}.back-home{color:var(--navy);align-items:center;gap:11px;font-size:16px;font-weight:600;transition:color .16s,transform .16s;display:inline-flex}.back-home:hover{color:var(--violet);transform:translate(-2px)}.back-home svg{width:22px;height:22px}.icon-left{transform:rotate(180deg)}.login-layout{grid-template-columns:minmax(0,1.33fr) minmax(0,1fr);gap:clamp(30px,4.75vw,76px);width:min(1550px,100%);height:calc(100dvh - clamp(72px,10.55dvh,105px) - clamp(12px,1.7dvh,18px));min-height:0;margin-inline:auto;display:grid}.login-welcome-panel{background:radial-gradient(at 73% 37%,#e9e5ff 0 15%,#0000 15.3%),linear-gradient(145deg,#f8f7ff 0%,#f3f1ff 48%,#eeebff 100%);border:1px solid #e7e2ff;border-radius:23px;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden;container-type:size}.login-welcome-panel:before{content:"";z-index:0;opacity:.82;background:#e5dfff;border-radius:50% 0 0;width:76%;height:39%;position:absolute;bottom:-17%;right:-10%;transform:rotate(-8deg)}.login-welcome-panel:after{content:"";z-index:0;opacity:.92;background:#fff;border-radius:50% 50% 0 0;width:76%;height:37%;position:absolute;bottom:-17%;left:-11%}.login-welcome-copy{z-index:5;padding:clamp(38px,8cqh,71px) 0 0 clamp(34px,6.55cqw,57px);position:relative}.login-welcome-copy h1{color:var(--navy);font-family:var(--font-display);letter-spacing:-.047em;margin:0;font-size:clamp(44px,min(8.25cqw,8.25cqh),66px);font-weight:700;line-height:1.105}.login-welcome-copy h1 span{color:var(--violet)}.login-welcome-copy p{color:#555d80;margin-top:clamp(10px,1.75cqh,17px);font-size:clamp(14px,min(2.2cqw,2.35cqh),19px);line-height:1.47}.login-visuals{position:absolute;inset:0}.login-quiz-preview{z-index:3;background:#fff;border:1px solid #d9d7ee;border-radius:18px;width:min(49%,404px);padding:clamp(13px,2.35cqw,20px);position:absolute;top:25.7%;right:8.2%;transform:rotate(5deg);box-shadow:0 22px 52px #4b37831a}.login-quiz-heading{justify-content:space-between;align-items:flex-start;height:clamp(40px,5.95cqh,53px);display:flex}.login-quiz-heading>strong{color:var(--ink);font-family:var(--font-display);font-size:clamp(12px,2.03cqw,17px);font-weight:700}.login-progress-ring{border:6px solid var(--violet);border-left-color:var(--cyan);border-bottom-color:#eceaf5;border-radius:50%;place-items:center;width:clamp(47px,7.2cqw,61px);height:clamp(47px,7.2cqw,61px);margin-top:-6px;line-height:1;display:grid}.login-progress-ring b{font-size:14px}.login-progress-ring small{color:var(--muted);margin-top:-8px;font-size:7px;font-weight:600}.login-quiz-preview>img{object-fit:cover;border-radius:8px;width:100%;height:clamp(108px,18.2cqh,158px)}.login-answer{color:#4b5275;border:1px solid #e4e6f1;border-radius:9px;align-items:center;gap:10px;height:clamp(33px,4.9cqh,43px);margin-top:clamp(5px,.9cqh,8px);padding:0 8px;font-size:clamp(9px,1.42cqw,12px);font-weight:600;display:flex}.login-answer i{width:25px;height:25px;color:var(--navy);background:#fff;border:1px solid #dfe2ee;border-radius:50%;flex:none;place-items:center;font-style:normal;font-weight:800;display:grid}.login-answer-selected{border-color:var(--cyan);background:var(--cyan);color:#fff}.login-answer-selected>svg{width:20px;height:20px;margin-left:auto}.login-xp-card{z-index:5;color:#fff;background:linear-gradient(135deg,#5d3df1,#7654fa);border-radius:13px;width:clamp(112px,15.7cqw,133px);height:clamp(76px,10.2cqh,91px);padding:clamp(16px,2.25cqh,20px) 12px 10px 15px;position:absolute;top:35.3%;left:28.2%;transform:rotate(-7deg);box-shadow:0 15px 30px #5d3df135}.login-xp-card strong,.login-xp-card small{display:block}.login-xp-card strong{font-size:clamp(15px,2.35cqw,20px)}.login-xp-card small{color:#e9e4ff;margin-top:2px;font-size:9px}.login-xp-card>span,.login-xp-card>b{font-size:15px;position:absolute;top:7px}.login-xp-card>span{left:9px}.login-xp-card>b{font-weight:400;right:10px}.login-streak-card{z-index:5;text-align:center;background:#fff;border:1px solid #e2e0ee;border-radius:11px;place-items:center;width:clamp(83px,12.45cqw,105px);height:clamp(99px,14.7cqh,128px);padding:10px;display:grid;position:absolute;top:43%;right:1.9%;transform:rotate(6deg);box-shadow:0 13px 28px #4b378315}.login-streak-card>span{color:#ffc22f;font-size:43px;line-height:.85}.login-streak-card>strong{color:var(--ink);font-size:10px}.login-streak-card>small{color:var(--muted);font-size:7px}.login-student{z-index:4;object-fit:contain;object-position:left bottom;pointer-events:none;width:min(62%,522px);height:auto;max-height:51.5%;position:absolute;bottom:14.8%;left:-.2%}.answer-cubes{z-index:6;align-items:flex-end;gap:clamp(10px,2cqw,17px);display:flex;position:absolute;bottom:14.1%;right:8.8%;transform:rotate(-7deg)}.answer-cubes span{width:clamp(40px,6.4cqw,54px);height:clamp(40px,6.4cqw,54px);color:var(--navy);background:#fff;border:1px solid #e2e0ee;border-radius:8px;place-items:center;font-size:26px;font-weight:800;display:grid;box-shadow:0 9px 20px #4431791b}.answer-cubes span:nth-child(2){background:var(--cyan);color:#fff;margin-bottom:13px}.login-learners{z-index:8;color:#4b5273;align-items:center;gap:clamp(17px,3.4cqw,29px);font-size:clamp(12px,1.8cqw,15px);font-weight:600;display:flex;position:absolute;bottom:4.8%;left:7%}.login-avatar-stack{display:flex}.login-avatar{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:clamp(37px,5.75cqw,49px);height:clamp(37px,5.75cqw,49px);margin-left:-7px;font-size:13px;font-weight:800;display:grid}.login-avatar:first-child{margin-left:0}.login-avatar.avatar-coral{background:#e98672}.login-avatar.avatar-gold{background:#caa05c}.login-avatar.avatar-teal{background:#389f98}.login-avatar.avatar-navy{background:#253463}.login-avatar.avatar-peach{background:#e8a17d}.login-avatar-photo{background-image:url(/images/login-learners-reference.png);background-position-y:-709px;background-repeat:no-repeat;background-size:1301px 814px;overflow:hidden}.login-avatar-photo:first-child{background-position-x:-66px}.login-avatar-photo:nth-child(2){background-position-x:-108px}.login-avatar-photo:nth-child(3){background-position-x:-151px}.login-avatar-photo:nth-child(4){background-position-x:-194px}.login-avatar-photo:nth-child(5){background-position-x:-237px}.login-dot-grid{z-index:1;background-image:radial-gradient(#d8d1ff 2px,#0000 2px);background-size:16px 16px;width:83px;height:67px;position:absolute;top:12.4%;right:13%}.login-orb,.login-spark{z-index:1;position:absolute}.login-orb{border-radius:50%;width:12px;height:12px}.login-orb-one{background:#a9c5ff;top:11%;left:68%}.login-orb-two{background:#ffae7c;top:8%;right:11%}.login-spark{background:#9ec1ff;border-radius:8px;width:15px;height:7px;transform:rotate(-42deg)}.login-spark-one{top:20.9%;right:5%}.login-spark-two{bottom:41%;left:3%}.login-form-area{place-items:center start;min-width:0;min-height:0;padding:26px 0;display:grid}.login-form-card{isolation:isolate;background:#fff;border:1px solid #dfe1ec;border-radius:20px;flex-direction:column;justify-content:center;width:min(100%,580px);min-height:min(652px,100dvh - 164px);max-height:100%;padding:clamp(31px,5.35dvh,54px) clamp(29px,3vw,48px) clamp(24px,4.1dvh,41px);display:flex}.login-form-heading{text-align:center}.login-form-heading h2{color:var(--navy);font-family:var(--font-display);letter-spacing:-1.6px;margin:0;font-size:clamp(29px,2.34vw,37px);font-weight:700}.login-form-heading p{color:#6c7396;margin-top:7px;font-size:clamp(13px,1.03vw,16px)}.login-form-card form{margin-top:clamp(27px,3.9dvh,39px)}.login-form-card label{color:var(--navy);margin-bottom:13px;font-size:14px;font-weight:700;display:block}.phone-control{background:#fff;border:1px solid #d9dce9;border-radius:11px;align-items:center;height:clamp(57px,7.05dvh,70px);padding:0 clamp(12px,1.1vw,17px);transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 3px 9px #19234a08}.phone-control:focus-within{border-color:#8c74f7;box-shadow:0 0 0 4px #6946f512}.phone-control-error{border-color:#e26565}.country-picker{flex:none;position:relative}.country-selector{cursor:pointer;background:0 0;border:0;align-items:center;min-height:38px;padding:0;font-family:inherit;display:inline-flex}.country-selector:focus-visible,.country-menu-option:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}.country-flag{object-fit:cover;border-radius:2px;flex:none;width:29px;height:20px}.country-code{color:var(--navy);margin-left:11px;font-size:16px;font-weight:700}.country-chevron{color:#737b9b;width:15px;height:15px;margin-left:9px;transition:transform .16s}.country-selector[aria-expanded=true] .country-chevron{transform:rotate(180deg)}.country-menu{z-index:30;background:#fff;border:1px solid #e1e3ef;border-radius:11px;width:225px;padding:6px;position:absolute;top:calc(100% + 14px);left:-12px;box-shadow:0 15px 32px #2422451c}.country-menu-option{width:100%;min-height:39px;color:var(--navy);cursor:pointer;background:#f7f5ff;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 9px;font-family:inherit;font-size:12px;display:flex}.country-menu-option>strong{margin-left:auto;font-size:12px}.phone-divider{background:#dfe1e9;width:1px;height:36px;margin:0 clamp(11px,1.14vw,18px)}.phone-control input{min-width:0;color:var(--navy);font-family:var(--font-body);letter-spacing:.4px;background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:500}.phone-control input::placeholder{color:#949ab5;opacity:1}.phone-control>svg:last-child{color:#7e86a7;width:23px;height:23px}.phone-error{color:#cf4c58;margin:7px 0 -10px;font-size:11px}.login-continue{color:#fff;cursor:pointer;width:100%;height:clamp(57px,7.05dvh,70px);font-family:var(--font-body);background:linear-gradient(120deg,#6840f7,#5839f1 56%,#6e45f8);border:0;border-radius:10px;justify-content:center;align-items:center;gap:24px;margin-top:clamp(19px,2.95dvh,29px);font-size:17px;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 12px 28px #6241f126}.login-continue:hover{transform:translateY(-2px);box-shadow:0 16px 31px #6241f136}.login-continue svg{width:20px;height:20px}.verification-note{color:#747b9c;text-align:center;justify-content:center;align-items:center;gap:10px;min-height:35px;margin-top:clamp(12px,2dvh,20px);font-size:13px;display:flex}.verification-note svg{width:26px;height:26px;color:var(--violet);flex:none}.verification-sent{color:#168a78}.verification-sent svg{color:#1aac94}.login-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-top:clamp(11px,1.9dvh,19px);display:grid}.login-divider span{background:#dfe1e8;height:1px}.login-divider small{color:#6e7597;font-size:12px}.create-account{color:#6f7697;text-align:center;margin-top:clamp(21px,3.55dvh,35px);font-size:14px}.create-account a,.login-terms a{color:#5336ed;font-weight:600}.create-account a:hover,.login-terms a:hover{text-decoration:underline}.login-terms{color:#747b9b;text-align:center;margin-top:clamp(23px,4.35dvh,43px);font-size:11px}@media (max-width:1280px){.login-layout{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);gap:clamp(22px,2.5vw,32px)}.login-welcome-copy{padding-left:clamp(30px,6.7cqw,42px)}.login-welcome-copy h1{font-size:clamp(41px,min(8.1cqw,8.2cqh),53px)}.login-welcome-copy p{font-size:clamp(14px,2.55cqw,16px)}.login-quiz-preview{width:min(50%,330px);right:5%}.login-student{width:min(65%,445px)}.login-xp-card{left:27%}.login-form-area{padding-inline:0}.login-form-card{padding-inline:clamp(24px,3.2vw,39px)}}@media (min-width:1021px) and (max-height:760px){.login-form-area{padding-block:12px}.login-form-card{min-height:min(557px,100dvh - 126px);padding-block:29px 22px}.login-form-card form{margin-top:25px}.login-form-card label{margin-bottom:9px}.phone-control,.login-continue{height:55px}.login-continue{margin-top:18px}.verification-note{margin-top:11px}.login-divider{margin-top:9px}.create-account,.login-terms{margin-top:19px}}@media (min-width:1021px) and (max-height:650px){.login-header{height:64px}.login-layout{height:calc(100dvh - 64px - clamp(12px,1.7dvh,18px))}.login-welcome-copy{padding-top:34px}.login-form-card{min-height:min(490px,100dvh - 108px);padding-block:22px 18px}.login-form-card form{margin-top:18px}.phone-control,.login-continue{height:50px}.login-continue{margin-top:14px}.verification-note{min-height:29px;margin-top:8px}.login-divider{margin-top:6px}.create-account,.login-terms{margin-top:14px}}@media (max-width:960px){.login-page{background:#fff;flex-direction:column;justify-content:space-between;height:auto;min-height:100dvh;padding:0 16px 20px;display:flex;overflow:hidden auto}.login-header{justify-content:space-between;align-items:center;width:min(100%,480px);height:64px;margin-inline:auto;padding:0;display:flex}.login-wordmark svg,.login-wordmark img{width:140px;height:auto}.back-home{gap:6px;font-size:13px}.back-home svg{width:16px;height:16px}.login-layout{flex-direction:column;flex:1;grid-template-columns:1fr;justify-content:center;align-items:center;gap:0;width:min(100%,480px);height:auto;margin:0 auto;display:flex}.login-welcome-panel{display:none!important}.login-form-area{justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:10px 0 16px;display:flex}.login-form-card{background:#fff;border:1px solid #edf0f7;border-radius:20px;width:100%;max-width:100%;min-height:auto;max-height:none;padding:28px 22px 24px;box-shadow:0 4px 20px #11164b0a}.login-form-heading h2{letter-spacing:-.03em;font-size:24px}.login-form-heading p{margin-top:4px;font-size:12px}.login-form-card form{margin-top:20px}.phone-control,.password-control{height:52px}.country-code,.phone-control input,.password-control input{font-size:13px}.login-continue{border-radius:12px;height:50px;margin-top:18px;font-size:14px}.login-terms{margin-top:16px;font-size:11px;line-height:1.5}.login-divider{margin-top:18px}.create-account{margin-top:14px;font-size:12px}}@media (max-width:480px){.login-page{padding:0 12px 16px}.login-header{height:56px}.login-wordmark svg,.login-wordmark img{width:125px}.login-form-card{border-radius:16px;padding:22px 16px 18px}.login-form-heading h2{font-size:22px}}@media (prefers-reduced-motion:reduce){.back-home,.login-continue{transition:none}}