/* Welcome-panel styling matched to the supplied IXL DOM and its component CSS.
   The login form replaces the marketing body; authentication hooks are preserved. */
@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/roboto-slab-light.woff') format('woff')}
@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/roboto-slab-regular.woff') format('woff')}
@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/roboto-slab-bold.woff') format('woff')}
.ix-login{--font-roboto-slab:'Roboto Slab',Georgia,serif;--font-verdana:Verdana,Arial,sans-serif;margin:0;min-height:100dvh;background:#e9eef3;color:#545454;font:14px/1.6 var(--font-verdana)}
.ix-login *{box-sizing:border-box}.ix-login a{text-decoration:none;color:#087e81}.ix-login>header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;border-bottom:1px solid #cbd5df;box-shadow:0 2px 7px #1b334a08}.ix-login-brand{font:800 27px/1.2 Arial,sans-serif;letter-spacing:-1px;color:#277e6f!important}.ix-login-brand span{color:#357bb0}.ix-login>header>a:last-child{font-size:12px}
.ix-login-stage{min-height:calc(100dvh - 121px);padding:44px 105px;display:flex;align-items:center;justify-content:center}.ix-login footer{text-align:center;font-size:11px;color:#617586;padding:12px}
.first-time-popover{position:relative}.first-time-popover .ixl-modal{position:relative;margin:0;padding:0;border:0;background:none}.first-time-popover .ixl-modal-container,.first-time-popover .ixl-modal-inside{border-radius:8px;overflow:visible}.first-time-popover .ixl-modal-content{position:relative}
.first-time-popover .first-time-bg-img{position:absolute;z-index:0;pointer-events:none}.first-time-popover .first-time-bg-img-left,.first-time-popover .first-time-bg-img-right{display:none}
.first-time-popover .first-time-popover-content{position:relative;z-index:1;display:flex;flex-direction:column;width:280px;height:auto;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 14px #2727277a}
.first-time-popover .header-section{position:relative;flex:none;height:70px}.first-time-popover .header-section .first-time-bg-img{top:-1px;left:0;width:280px;height:71px}.first-time-popover .first-time-popover-title{position:relative;z-index:1;margin:0;text-align:center;padding:15px 0 0;color:#fff;font:400 25px/1 var(--font-roboto-slab)}
.first-time-popover .body-section{padding:15px 20px 18px}.first-time-popover .one-in-section{margin:0 0 15px;text-align:center;color:#545454;font:300 13px/1.8 var(--font-roboto-slab)}.first-time-popover .one-in-section strong{font-size:17px;font-weight:700;color:#f27463}
.first-time-popover .divider-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.first-time-popover .dividing-line{width:100%;height:1px;background:#aaa;flex-shrink:2}.first-time-popover .grade-range{flex-shrink:0;padding:0 8px;color:#666;font:300 14px/1 var(--font-roboto-slab);text-align:center}
.ix-login form>label{display:block;font-size:12px;font-weight:700;margin:13px 0 6px}.ix-login input[type=email],.ix-login input[type=password],.ix-login input[type=text]{display:block;width:100%;min-height:44px;border:1px solid #b5c5cc;border-radius:5px;padding:10px 11px;background:#fff;box-shadow:inset 0 1px 2px #2737480a;color:#273d49;font:14px/1.5 var(--font-verdana)}.ix-login input::placeholder{font-size:11px;color:#71818d}.ix-password-field{position:relative}.ix-password-field input{padding-right:56px!important}.ix-password-field button{position:absolute;right:4px;top:5px;height:34px;padding:0 8px;border:0;background:none;color:#087e81;font:11px var(--font-verdana);cursor:pointer}
.ix-login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 18px;font-size:10px}.ix-login-options label{display:flex;align-items:center;gap:5px}.ix-login-options input{width:15px;height:15px;accent-color:#0bc1b6;margin:0}
.first-time-popover .sign-up-btn,.first-time-popover .explore-btn{display:block;width:100%;min-height:44px;border-radius:5px;text-align:center;text-decoration:none;font:400 15px/42px var(--font-verdana);cursor:pointer}.first-time-popover .sign-up-btn{background:#0bc1b6;color:#fff;border:0}.first-time-popover .sign-up-btn:hover{background:#0fd0c4}.first-time-popover .explore-btn{border:1px solid #0bc1b6;background:transparent;color:#0bc1b6}.first-time-popover .explore-btn:hover{color:#fff;background:#0fd0c4;border-color:#0fd0c4}
.ix-login-submit:disabled{opacity:.65;cursor:wait}.ix-login-help{font-size:10px;line-height:1.7;text-align:center;color:#657885;margin:15px 0 12px}.ix-login-status{padding:10px;border:1px solid #e5b6a8;border-radius:5px;background:#fff6f1;color:#7b3928;font-size:12px}.ix-login-status p{margin:3px 0}.ix-or{text-align:center;font-size:11px;margin:12px}.ix-google{display:block;border:1px solid #b5c5cc;border-radius:5px;text-align:center;padding:10px;font-size:12px}.ix-login :focus-visible{outline:3px solid #138daa;outline-offset:3px}
@media(min-width:481px){.first-time-popover .first-time-bg-img-left{display:block;width:92px;height:144px;top:50%;left:-50px;transform:translateY(-50%)}.first-time-popover .first-time-bg-img-right{display:block;width:92px;height:154px;top:50%;right:-50px;transform:translateY(-50%)}.first-time-popover .first-time-popover-content{width:363px}.first-time-popover .header-section{height:91px}.first-time-popover .header-section .first-time-bg-img{width:363px;height:92px}.first-time-popover .first-time-popover-title{font-size:35px;padding-top:24px}.first-time-popover .body-section{padding:15px 25px 20px}.first-time-popover .one-in-section{font-size:17px}.first-time-popover .one-in-section strong{font-size:21px}.first-time-popover .grade-range{font-size:15px;padding:0 15px}.first-time-popover .sign-up-btn,.first-time-popover .explore-btn{font-size:16px}.ix-login form>label{font-size:12px}.ix-login-options{font-size:11px}}
@media(min-width:661px){.first-time-popover .first-time-bg-img-left{width:158px;height:245px;left:-93px}.first-time-popover .first-time-bg-img-right{width:138px;height:229px;right:-67px}.first-time-popover .first-time-popover-content{width:410px}.first-time-popover .header-section{height:103px}.first-time-popover .header-section .first-time-bg-img{width:410px;height:104px}.first-time-popover .body-section{padding:15px 30px 22px}.first-time-popover .one-in-section{font-size:18px}.first-time-popover .one-in-section strong{font-size:22px}.first-time-popover .sign-up-btn,.first-time-popover .explore-btn{font-size:18px}}
@media(max-width:480px){.ix-login-stage{padding:30px 18px}.ix-login>header{height:68px;padding:0 20px}.ix-login-brand{font-size:23px}.ix-login>header>a:last-child{font-size:10px}.ix-login-stage{min-height:calc(100dvh - 112px)}}

/* Only the provider row is new; preserve the original IXL login card, size, and fields. */
.ix-login .ix-or{margin:17px 0 9px;color:#6b7d84;font:11px/1.3 var(--font-verdana)}
.ix-login .ix-login-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 5px}
.ix-login .ix-provider{display:flex;min-width:0;min-height:73px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #c9d9da;border-radius:11px;background:#fff;color:#314b56;text-align:center;text-decoration:none;font:700 11px/1.2 var(--font-verdana);box-shadow:0 2px 0 #dce9e8;transition:box-shadow .2s,transform .2s,border-color .2s}
.ix-login .ix-provider-google:hover{border-color:#5bb7ac;transform:translateY(-2px);box-shadow:0 5px 0 #ceeae2}
.ix-login .ix-provider-icon{width:23px;height:23px;display:block;object-fit:contain}
.ix-login .ix-canvas-icon{filter:invert(26%) sepia(86%) saturate(1322%) hue-rotate(325deg) brightness(95%)}
.ix-login .ix-provider-mark{display:grid;place-items:center;width:24px;height:24px;line-height:1;border-radius:50%;font:bold 18px/1 var(--font-verdana)}
.ix-login .ix-provider-mark-google{color:#4285f4}
.ix-login .ix-provider-mark-clever{color:#3c9e62;background:#dff2e6}
.ix-login .ix-provider-disabled{opacity:.62;cursor:not-allowed;border-style:dashed;background:#f5f7f7;box-shadow:none}
.ix-login .ix-provider small{font-size:8px;line-height:1.2;font-weight:400;color:#72868b}
@media(max-width:480px){.ix-login .ix-login-providers{gap:6px}.ix-login .ix-provider{min-height:67px;font-size:10px;border-radius:9px}.ix-login .ix-provider small{font-size:7px}}