.learner-login-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--v2-bg,#0e0e10);overflow-x:hidden;padding:clamp(5rem,10vh,7rem) clamp(1.25rem,4vw,2.5rem) clamp(2rem,4vh,3rem);z-index:2;overflow-y:hidden}@media (max-width:860px){.learner-login-page{align-items:flex-start;padding-top:clamp(5rem,10vh,7rem)}}.learner-login-dots{position:absolute;inset:-40px;background-image:radial-gradient(circle,#9ef6ca24 1px,#0000 0);background-size:32px 32px;animation:learnerDriftDots 18s linear infinite;pointer-events:none;z-index:0}@keyframes learnerDriftDots{0%{transform:translate(0)}to{transform:translate(32px,32px)}}.learner-login-glow{position:absolute;top:40%;left:50%;width:min(700px,90vw);height:min(700px,90vw);transform:translate(-50%,-50%);background:radial-gradient(circle,#9ef6ca0f 0,#0000 65%);pointer-events:none;z-index:0}.learner-auth-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center;justify-content:center;width:100%;max-width:960px;margin:0 auto}.learner-auth-hero{display:flex;flex-direction:column;gap:0;padding:4rem 2rem}.learner-auth-hero .v2-kicker{margin-bottom:.75rem}.learner-auth-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 1rem;color:var(--v2-text,#f5f5f7)}.learner-auth-gradient{background:linear-gradient(135deg,var(--accent,#9ef6ca) 0,var(--accent-strong,#f9d648) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.learner-auth-subtitle{font-size:clamp(.92rem,1.6vw,1.05rem);color:var(--v2-text-secondary,#b3b3b8);line-height:1.7;margin:0 0 2rem;max-width:440px}.learner-auth-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.learner-auth-features li{display:flex;gap:.85rem;align-items:flex-start}.learner-auth-feature-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#9ef6ca14;border:1px solid #9ef6ca26;color:var(--v2-accent,#9ef6ca)}.learner-auth-features li div:last-child{display:flex;flex-direction:column;gap:.15rem;padding-top:.15rem;text-align:left}.learner-auth-features strong{font-size:.9rem;font-weight:600;color:var(--v2-text,#f5f5f7)}.learner-auth-features span{font-size:.82rem;color:var(--v2-text-secondary,#b3b3b8);line-height:1.5}.learner-login-page .learner-auth-card{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 2.25rem 2rem;background:#0e0e10b3;border:1px solid var(--v2-border,#ffffff14);border-radius:var(--v2-radius-lg,24px);box-shadow:0 0 0 1px #ffffff08,0 24px 80px #00000080}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.learner-login-page .learner-auth-card{-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}}.learner-auth-card-header{margin-bottom:0}.learner-auth-card-header h2{margin:0 0 .35rem;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--v2-text,#f5f5f7)}.learner-auth-card-header p{margin:0;font-size:.88rem;color:var(--v2-text-secondary,#b3b3b8);line-height:1.5}.learner-auth-form-new{width:100%;display:flex;flex-direction:column;gap:1.25rem}.learner-input-group{display:flex;flex-direction:column;gap:.45rem}.learner-input-group label{font-size:.8rem;font-weight:500;color:#f7f7f7cc}.learner-input-wrapper{position:relative;display:flex;align-items:center}.learner-input-wrapper>svg{position:absolute;left:1rem;color:var(--muted);pointer-events:none;transition:color .16s ease}.learner-input-wrapper input{width:100%;padding:.85rem 1rem .85rem 2.75rem;background:#0c0c0c99;border:1px solid #ffffff1f;border-radius:12px;color:var(--text);font-size:.95rem;transition:border-color .16s ease,background .16s ease}.learner-input-wrapper input:focus{outline:none;border-color:#9ef6ca80;background:#0c0c0ccc}.learner-input-wrapper input:focus+svg,.learner-input-wrapper:focus-within>svg{color:#9ef6ca}.learner-input-wrapper input::placeholder{color:#f7f7f74d}.learner-auth-error-box{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:#ff64641a;border:1px solid #ff646440;border-radius:10px;color:#ffb3b3;font-size:.88rem}.learner-auth-error-box svg{flex-shrink:0}.learner-auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.75rem;background:var(--v2-accent,#9ef6ca);border:none;border-radius:999px;color:#0e0e10;font-size:.88rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;margin-top:.25rem;line-height:1}.learner-auth-btn:hover{background:#b8f9da;transform:translateY(-1px);box-shadow:0 8px 30px #9ef6ca40}.learner-auth-btn:active{transform:translateY(0)}.learner-auth-btn--secondary{background:#0000;color:var(--v2-text,#f5f5f7);border:1px solid #fff3}.learner-auth-btn--secondary:hover{background:#ffffff0a;border-color:#fff6;box-shadow:none}.learner-forgot-link{border:none;background:#0000;color:var(--v2-text-secondary,#b3b3b8);font-size:.82rem;cursor:pointer;padding:.35rem;margin:0;transition:color .2s ease;text-align:center}.learner-forgot-link:hover{color:var(--v2-accent,#9ef6ca)}.learner-auth-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.5rem 0}.learner-auth-success-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#9ef6ca1f;border:1px solid #9ef6ca2e;border-radius:14px;color:var(--v2-accent,#9ef6ca)}.learner-auth-success h3{margin:0;font-size:1.15rem;color:var(--v2-text,#f7f7f7)}.learner-auth-success p{margin:0;color:var(--v2-text-secondary,#b3b3b8);font-size:.88rem;line-height:1.55}.learner-auth-success strong{color:var(--v2-text,#f7f7f7)}.learner-auth-footer{margin-top:auto;padding-top:2rem;text-align:center}.learner-auth-footer p{margin:0;font-size:.82rem;color:var(--v2-text-secondary,#b3b3b8)}.learner-auth-footer a{color:var(--v2-accent,#9ef6ca);text-decoration:none;transition:color .2s ease}.learner-auth-footer a:hover{text-decoration:underline}.learner-auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center}.learner-auth-spinner{width:36px;height:36px;border:3px solid var(--v2-border,#ffffff14);border-top-color:var(--v2-accent,#9ef6ca);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.learner-auth-loading p{margin:0;color:var(--v2-text-secondary,#b3b3b8);font-size:.88rem}@media (max-width:860px){.learner-auth-layout{grid-template-columns:1fr;max-width:500px;margin-inline:auto;gap:2.25rem}.learner-auth-hero{text-align:center;align-items:center;padding-top:2rem}.learner-auth-features{align-items:center}.learner-auth-feature-icon{width:34px;height:34px;border-radius:10px}.learner-auth-feature-icon svg{width:16px;height:16px}.learner-auth-card{max-width:100%}.learner-login-glow{width:360px;height:360px;top:8%;left:50%;transform:translateX(-50%)}.learner-login-logo-img{width:150px}.learner-auth-title{font-size:1.65rem}.learner-auth-subtitle{margin-bottom:1.5rem}}@media (max-width:500px){.learner-login-page{padding:clamp(5rem,12vh,7rem) 1.15rem 1.25rem}.learner-auth-layout{gap:1.75rem;max-width:100%}.learner-auth-title{font-size:1.45rem}.learner-auth-subtitle{font-size:.88rem;margin-bottom:1.25rem}.learner-auth-feature-icon{width:32px;height:32px;border-radius:9px}.learner-auth-feature-icon svg{width:15px;height:15px}.learner-login-page .learner-auth-card{padding:1.75rem 1.25rem 1.5rem;border-radius:18px}.learner-login-logo-img{width:120px}.learner-auth-card-header h2{font-size:1.15rem}}