.student-login-page{--student-login-blue:#174cff;--student-login-blue-dark:#0b2e63;--student-login-text:#102b4e;--student-login-muted:#5f718c;--student-login-border:#dbe4f0;--student-login-gutter:44px;--student-login-shell-width:560px;color:var(--student-login-text);font-family:var(--ikala-font-family,inherit);background:linear-gradient(130deg,#e7edf880 0 34%,#0000 34% 100%),radial-gradient(circle at 31% 29%,#688aff57 0 34px,#0000 35px),linear-gradient(160deg,#fbfdff,#f4f8fd 52%,#fff);min-height:100vh;position:relative;overflow-x:hidden}.student-login-page:before{content:"";filter:blur(18px);pointer-events:none;background:#e3eaf53d;border:1px solid #e5ebf559;border-radius:42% 58% 52% 48%;width:360px;height:360px;position:absolute;top:174px;left:42px}.student-login-header{min-height:86px;width:min(calc(100% - var(--student-login-gutter)),var(--student-login-shell-width));z-index:3;justify-content:space-between;align-items:end;gap:20px;margin:0 auto;padding-top:18px;display:flex;position:relative}.student-login-header__logo{align-items:center;text-decoration:none;display:inline-flex}.student-login-header__logo img{width:112px;height:auto;display:block}.student-login-shell{box-sizing:border-box;min-height:auto;width:min(calc(100% - var(--student-login-gutter)),var(--student-login-shell-width));z-index:2;flex-direction:column;gap:0;margin:0 auto;padding:10px 0 30px;display:flex;position:relative}.student-login-title{color:var(--student-login-blue-dark);letter-spacing:0;margin:0;font-size:clamp(2rem,3.4vw,3rem);font-weight:800;line-height:1.05}.student-login-description{color:var(--student-login-muted);margin:14px 0 0;font-size:1rem;font-weight:500;line-height:1.55}.student-login-visual{height:300px;max-width:var(--student-login-shell-width);opacity:.22;z-index:1;width:100%;margin:0 auto -128px;position:relative;transform:none}.student-login-visual__dots{opacity:.34;background-image:radial-gradient(circle,#7fa4ff9e 1.5px,#0000 1.8px);background-size:13px 13px;width:92px;height:98px;position:absolute;top:48px;left:32px}.student-login-visual__orb{filter:blur(3px);opacity:.78;border-radius:999px;position:absolute}.student-login-visual__orb--orange{background:linear-gradient(145deg,#ff8e3c,#ffc79b 70%);border-radius:24px 28px 24px 32px;width:64px;height:56px;top:16px;left:38%;transform:rotate(22deg);box-shadow:0 18px 34px #ff83313d}.student-login-visual__orb--blue{background:linear-gradient(145deg,#7897ff,#c1d1ff);width:96px;height:96px;top:124px;left:14%;box-shadow:0 18px 34px #5880ff38}.student-login-class-badge{transform-origin:0 0;z-index:3;width:238px;position:absolute;top:24px;left:50%;transform:rotate(-7deg)scale(.92)}.student-login-class-badge .sv-card{background:#fffffff2;border:1px solid #e4eaf4eb;border-radius:32px;box-shadow:0 24px 46px #23375a29}.student-login-class-badge .sv-card__text{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.student-login-class-badge strong{color:#111d31;font-size:.76rem;font-weight:600;line-height:1.1;display:block}.student-login-class-badge span{color:#75839b;font-size:.68rem;font-weight:500;line-height:1.35;display:block}.student-login-class-badge__button.sv-button{border-radius:999px;min-width:70px;min-height:34px}.student-login-class-badge__button .sv-button__content{padding:0 14px;font-size:.68rem;font-weight:600}.student-login-course-card{transform-origin:0 0;z-index:2;width:248px;position:absolute;top:94px;left:30%;transform:rotate(-8deg)scale(.92)}.student-login-course-card .sv-card{background:#fffffffa;border:1px solid #e3e9f2f2;border-radius:22px;overflow:hidden;box-shadow:0 28px 60px #1f33542e}.student-login-course-card .sv-card__text{padding:14px}.student-login-course-card__media{background:linear-gradient(140deg,#ffffff3d,#fff0),linear-gradient(135deg,#eef5e8,#dbeacc);border-radius:13px;height:136px;position:relative;overflow:hidden}.student-login-course-card__leaf{opacity:.94;transform-origin:12%;background:linear-gradient(90deg,#2f6a26,#90b96a);border-radius:999px 0;width:190px;height:34px;position:absolute}.student-login-course-card__leaf--one{top:34px;left:20px;transform:rotate(22deg)}.student-login-course-card__leaf--two{top:66px;left:-10px;transform:rotate(-14deg)}.student-login-course-card__leaf--three{opacity:.8;width:150px;top:78px;left:56px;transform:rotate(18deg)}.student-login-course-card__play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffffff2;background:#ffffffa3;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(14deg);box-shadow:0 16px 32px #2a3d6033}.student-login-course-card__play i{color:#fff;text-shadow:0 2px 14px #21304d42;margin-left:4px;font-size:2rem}.student-login-course-card__body{gap:6px;padding:12px 2px 0;display:grid}.student-login-course-card__body>strong{color:#15233a;font-size:.82rem;font-weight:600}.student-login-course-card__meta{color:#75839b;justify-content:space-between;align-items:center;font-size:.69rem;font-weight:500;display:flex}.student-login-course-card__meta strong{color:#111d31;font-size:.7rem;font-weight:600}.student-login-course-card__progress{background:#dbe5f5;border-radius:999px;height:5px;overflow:hidden}.student-login-course-card__progress span{border-radius:inherit;background:#4f79ff;width:60%;height:100%;display:block}.student-login-floating-icon{z-index:4;background:#ffffffe6;border-radius:22px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:absolute;box-shadow:0 22px 42px #1f335429}.student-login-floating-icon--mark{top:96px;right:38px;transform:rotate(-18deg)}.student-login-floating-icon--mark i{color:#111;font-size:2rem;transform:rotate(18deg)}.student-login-floating-icon--heart{border-radius:22px;top:188px;right:28px;transform:rotate(-12deg)}.student-login-floating-icon--heart i{color:#ef4056;filter:drop-shadow(0 8px 16px #ef405640);font-size:1.55rem;transform:rotate(12deg)}.student-login-panel{--student-login-panel-height:586px;--student-login-panel-content-gap:24px;--student-login-field-height:36px;--student-login-submit-height:38px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;height:var(--student-login-panel-height);z-index:2;background:0 0;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);align-content:stretch;margin-top:-108px;padding:0;display:grid;position:relative;overflow:visible}.student-login-panel,.student-login-panel__content{gap:var(--student-login-panel-content-gap);width:100%}.student-login-panel__content{flex-direction:column;justify-content:flex-start;height:100%;display:flex}.student-login-panel__content--activate{gap:calc(var(--student-login-panel-content-gap) - 2px)}.student-login-slide-back-enter-active,.student-login-slide-back-leave-active,.student-login-slide-forward-enter-active,.student-login-slide-forward-leave-active{transition:opacity .24s,transform .28s}.student-login-slide-back-leave-to,.student-login-slide-forward-enter-from{opacity:0;transform:translate(34px)}.student-login-slide-back-enter-from,.student-login-slide-forward-leave-to{opacity:0;transform:translate(-34px)}.student-login-intro{gap:7px;margin-top:0;display:grid}.student-login-eyebrow{color:#ff7a1a;letter-spacing:.1em;margin:0;font-size:.76rem;font-weight:600}.student-login-intro .student-login-title{font-size:clamp(1.52rem,6.4vw,2.05rem);line-height:1.08}.student-login-intro .student-login-description{max-width:410px;margin:0;font-size:.9rem;line-height:1.38}.student-login-auth-card,.student-login-new-card{width:100%}.student-login-auth-card{margin-top:4px}.student-login-auth-card .sv-card,.student-login-card-shell,.student-login-new-card .sv-card{border:1px solid var(--student-login-border);background:#ffffffed;border-radius:18px;box-shadow:0 14px 34px #1f33541b}.student-login-auth-card .sv-card__text,.student-login-card-shell,.student-login-new-card .sv-card__text{padding:12px 14px}.student-login-card-shell,.student-login-new-card .sv-card__text{padding-top:14px}.student-login-card-heading{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;margin-bottom:8px;display:grid}.student-login-card-heading__icon{border-radius:14px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.student-login-card-heading__icon i{font-size:clamp(1.12rem,2.1vh,1.35rem)}.student-login-card-heading__icon--user{color:var(--student-login-blue);background:linear-gradient(145deg,#edf3ff,#dfe9ff)}.student-login-card-heading__icon--new{color:#ff7a1a;background:linear-gradient(145deg,#fff2e7,#ffe3cd)}.student-login-card-heading h3{color:var(--student-login-blue-dark);margin:0;font-size:.88rem;font-weight:600;line-height:1.15}.student-login-card-heading p{color:var(--student-login-muted);margin:3px 0 0;font-size:.74rem;font-weight:500;line-height:1.3}.student-login-form{gap:7px;display:grid}.student-login-activation-form{gap:6px}.student-login-field-group{gap:5px;margin:0;display:grid}.student-login-field-label{color:var(--student-login-blue-dark);font-size:clamp(.74rem,1vw,.82rem);font-weight:600;line-height:1.2}.student-login-field .sv-input-content{min-height:var(--student-login-field-height);background:#ffffffb8;border:1px solid #d7e1ef;border-radius:12px;box-shadow:inset 0 1px #ffffffb8}.student-login-field .sv-input{color:var(--student-login-text);min-height:var(--student-login-field-height);background:0 0;border:0;padding-left:54px;padding-right:18px;font-size:clamp(.82rem,1.15vw,.92rem);font-weight:500}.student-login-field .sv-input:focus{background:#ffffffb3;padding-left:54px}.student-login-field .sv-input__icon{box-shadow:none;color:#8290a8;background:0 0;width:24px;height:24px;left:13px}.student-login-field .sv-input:focus~.sv-input__icon{box-shadow:none;color:var(--student-login-blue);background:0 0;transform:none}.student-login-field .sv-input__label{color:#8290a8;opacity:1;font-size:clamp(.82rem,1.15vw,.92rem);font-weight:500;left:54px}.student-login-field .sv-input__label--hidden:not(.sv-input__label--placeholder){opacity:0}.student-login-field .sv-input:focus~.sv-input__label:not(.sv-input__label--placeholder){opacity:0;left:54px}.student-login-field .sv-input__affects{display:none}.student-login-password-field{position:relative}.student-login-password-field .student-login-field .sv-input{padding-right:54px}.student-login-password-field__toggle{color:#8290a8;cursor:pointer;z-index:2;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:clamp(24px,3.8vh,28px);height:clamp(24px,3.8vh,28px);padding:0;display:inline-flex;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.student-login-password-field__toggle:focus-visible,.student-login-password-field__toggle:hover{color:var(--student-login-blue);outline:none}.student-login-alert{margin-top:0}.student-login-submit.sv-button{min-height:var(--student-login-submit-height);border-radius:999px;margin:2px 0 0;box-shadow:0 14px 26px #174cff57}.student-login-submit .sv-button__content{padding:0 18px;font-size:.78rem;font-weight:600;position:relative}.student-login-submit i{font-size:clamp(1.2rem,2.2vh,1.45rem);position:absolute;right:20px}.student-login-forgot{color:var(--student-login-blue);cursor:pointer;background:0 0;border:0;justify-self:center;padding:2px 0 0;font-size:.76rem;font-weight:600}.student-login-forgot:focus-visible,.student-login-forgot:hover{outline:none;text-decoration:underline}.student-login-separator{color:#8b98ad;background:#fff;border:1px solid #dbe4f0;border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:20px;height:20px;margin-inline:auto;font-size:.68rem;font-weight:600;display:flex;position:relative;box-shadow:0 8px 20px #1f335414}.student-login-create.sv-button{color:var(--student-login-text);min-height:var(--student-login-submit-height);background:#ffffffb8;border:1px solid #cfdaea;border-radius:999px;margin:4px 0 0}.student-login-create .sv-button__content{padding:0 18px;font-size:.78rem;font-weight:600;position:relative}.student-login-create i{color:#6d7b92;font-size:clamp(1.2rem,2.2vh,1.45rem);position:absolute;right:18px}.student-login-return{color:var(--student-login-blue);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:7px;padding:0;font-size:clamp(.8rem,1.15vw,.9rem);font-weight:600;line-height:1.2;display:inline-flex}.student-login-return i{font-size:clamp(1rem,1.8vh,1.2rem)}.student-login-activated button:focus-visible,.student-login-activated button:hover,.student-login-return:focus-visible,.student-login-return:hover{outline:none;text-decoration:underline}.student-login-info{color:var(--student-login-muted);background:#f1f5fb;border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;margin:4px 0 0;padding:clamp(10px,1.8vh,14px) 18px;font-size:clamp(.76rem,1.12vw,.86rem);font-weight:500;line-height:1.35;display:grid}.student-login-info i{color:var(--student-login-blue);font-size:clamp(1.1rem,2vh,1.35rem)}.student-login-activated{color:var(--student-login-muted);text-align:center;border-top:1px solid #dbe4f0;justify-items:center;gap:4px;margin-top:2px;padding-top:clamp(10px,1.8vh,14px);font-size:clamp(.76rem,1.12vw,.86rem);font-weight:500;line-height:1.25;display:grid}.student-login-activated button{color:var(--student-login-blue);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700}.student-login-create.sv-button,.student-login-submit.sv-button{min-height:var(--student-login-submit-height)}@media (width>=561px){.student-login-panel,.student-login-panel--activate{margin-top:-120px}}@media (width<=560px){.student-login-page{--student-login-gutter:34px}.student-login-header{gap:10px}.student-login-shell{padding-top:4px}.student-login-visual{height:232px;margin-bottom:-62px}.student-login-panel{--student-login-panel-height:600px}}@media (width<=420px){.student-login-page{--student-login-gutter:28px;background:linear-gradient(130deg,#e7edf87a 0 32%,#0000 32% 100%),radial-gradient(circle at 31% 28%,#688aff4d 0 30px,#0000 31px),linear-gradient(160deg,#fbfdff,#f4f8fd 52%,#fff)}.student-login-header{min-height:78px;padding-top:12px}.student-login-header__logo img{width:96px}.student-login-visual{height:208px;margin-bottom:-54px}.student-login-class-badge{top:6px;left:42%;transform:rotate(-7deg)scale(.72)}.student-login-course-card{top:54px;left:40%;transform:rotate(-8deg)scale(.72)}.student-login-floating-icon--mark{top:66px;right:14px}.student-login-floating-icon--heart{top:138px;right:14px}.student-login-intro .student-login-title{font-size:1.46rem}.student-login-intro .student-login-description{font-size:.82rem}.student-login-auth-card .sv-card__text,.student-login-card-shell,.student-login-new-card .sv-card__text{padding:11px 13px}.student-login-card-heading{grid-template-columns:32px minmax(0,1fr);gap:8px}.student-login-card-heading__icon{border-radius:14px;width:32px;height:32px}.student-login-field{--student-login-field-height:35px}.student-login-create.sv-button,.student-login-submit.sv-button{min-height:36px}}