@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap");:root{color-scheme:light;--bg:#f7f7f2;--ink:#18212f;--muted:#667085;--line:#d9ded6;--panel:#fff;--green:#147d64;--red:#d14343;--blue:#2251a4;--yellow:#f1b928}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-family-main,"Be Vietnam Pro","Segoe UI","Noto Sans",Arial,Helvetica,sans-serif);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:24px}.actions,.layout,.play-header,.section-title,.signup-prompt,.timer,.topbar{display:flex;gap:12px}.topbar{align-items:end;justify-content:space-between;margin:0 auto 20px;max-width:1320px}.play-header h2,.result-panel h2,.section-title h2,.topbar h1{margin:0}.topbar h1{font-size:clamp(32px,5vw,56px);line-height:1;max-width:760px}.eyebrow{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.timer{align-items:center;background:var(--ink);border-radius:8px;color:#fff;font-weight:800;padding:12px 16px;white-space:nowrap}.layout{align-items:stretch;margin:0 auto;max-width:1320px}.leaderboard,.play-area,.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:8px}.leaderboard,.sidebar{flex:0 0 280px;padding:16px}.play-area{flex:1 1;min-width:0;padding:18px}.section-title{align-items:center;margin-bottom:12px}.section-title h2{font-size:18px}.topic-list{display:grid;grid-gap:8px;gap:8px}.topic{background:#fbfcf8;border:1px solid var(--line);border-left:5px solid;border-radius:8px;color:var(--ink);display:grid;grid-gap:4px;gap:4px;padding:12px;text-align:left}.topic.active{border-color:var(--ink)}.topic span{font-weight:800}.empty,.flashcard small,.progress,.question small,.topic small{color:var(--muted)}.play-header{align-items:start;justify-content:space-between;margin-bottom:18px}.name-input{border:1px solid var(--line);border-radius:8px;min-width:150px;padding:10px 12px}.quiz-panel,.result-panel,.study-panel{display:grid;grid-gap:16px;gap:16px}.flashcard{align-items:center;aspect-ratio:16/8;background:#fff7df;border:2px solid #f2c94c;border-radius:8px;color:var(--ink);display:grid;justify-items:center;min-height:260px;padding:24px;text-align:center;width:100%}.flashcard.flipped{background:#e8f7f1;border-color:#43b88a}.flashcard span{font-size:clamp(34px,6vw,80px);font-weight:900;line-height:1}.flashcard small{font-size:18px}.actions{flex-wrap:wrap}.choices button,.finish,.primary,.secondary{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:46px;padding:11px 16px}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.progress{margin:0}.question{background:#eef4ff;border:1px solid #bdd2ff;border-radius:8px;padding:18px}.question h3{font-size:clamp(28px,4vw,54px);margin:0 0 10px}.choices{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.choices button{background:#fff;border:1px solid var(--line);color:var(--ink);min-height:72px}.choices button:hover,.secondary:hover,.topic:hover{border-color:var(--blue)}.finish{width:-moz-fit-content;width:fit-content}.result-panel{align-content:center;justify-items:center;min-height:420px;text-align:center}.result-panel h2{color:var(--green);font-size:clamp(46px,7vw,88px);line-height:1}.result-panel p{margin:0}.signup-prompt{align-items:center;background:#fff7df;border:1px solid #f1c232;border-radius:8px;max-width:560px;padding:12px;text-align:left}.leaderboard ol{display:grid;grid-gap:8px;gap:8px;list-style:none;margin:0;padding:0}.leaderboard li{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 0}.leaderboard strong{color:var(--red)}@media (max-width:980px){.layout,.topbar{flex-direction:column}.leaderboard,.sidebar{flex:auto}.topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.shell{padding:14px}.play-header{flex-direction:column}.name-input{width:100%}.choices,.topic-list{grid-template-columns:1fr}.flashcard{aspect-ratio:auto}}:root{--font-body:var(--font-family-main,Inter,Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--font-heading:var(--font-family-main,Sora,Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}body{color:#0f172a;font-family:var(--font-body);font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}a,button,input,label,p,select,span{letter-spacing:0}.app-header-auth-link,.app-login-link,.app-start-link,.app-user-menu a,.app-user-menu button{font-weight:600}.auth-card p,.auth-field,.pd-panel p,.pd-panel span,.pd-user-info p,.signup-card p,.signup-field{font-weight:400}.auth-message.success{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.app-header{color:#0f172a;font-family:var(--font-sans,Inter,Arial,sans-serif);letter-spacing:0}.app-header,.app-header *,.app-header :after,.app-header :before,.app-mobile-bottom-nav,.app-mobile-bottom-nav *{box-sizing:border-box}.app-header-learning,.app-header-main,.app-header-minimal{align-items:center;background:hsla(0,0%,100%,.96);border-bottom:1px solid #e5edf8;display:flex;gap:18px;min-height:72px;padding:12px clamp(18px,4vw,56px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-header-main{justify-content:space-between}.app-avatar-link,.app-header-actions a,.app-header-auth-link,.app-learning-back,.app-logo,.app-main-nav a,.app-mobile-bottom-nav a{align-items:center;color:#0f172a;display:inline-flex;text-decoration:none}.app-logo{flex:0 0 auto;min-width:0}.uclass-logo{align-items:center;display:inline-flex;flex:0 0 auto;height:var(--uclass-logo-height);position:relative;width:var(--uclass-logo-width)}.uclass-logo-image{object-fit:contain;object-position:left center}.app-logo-mobile{display:none}.app-main-nav{align-items:center;display:flex;gap:8px;justify-content:center}.app-main-nav a{border-radius:999px;font-size:15px;font-weight:700;gap:8px;line-height:1;padding:12px 16px;transition:background-color .18s ease,color .18s ease}.app-main-nav a:focus-visible,.app-main-nav a:hover{background:#f7faff}.app-main-nav a.active{background:#2563eb;color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.18)}.app-mobile-bottom-nav a.active{background:#e6f0ff;color:#2563eb}.app-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.app-header-auth-link,.app-login-link,.app-start-link{border-radius:999px;font-size:14px;font-weight:800;gap:8px;padding:11px 15px}.app-header-auth-link,.app-login-link{background:#f8fafc;border:1px solid #dbe7f5}.app-start-link{background:#2563eb;color:#fff!important}.app-user-cluster{align-items:center;display:flex;gap:16px}.app-notification-button{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;position:relative;width:44px}.app-notification-button:after{background:#ef4444;border:2px solid #fff;border-radius:999px;content:"";height:10px;position:absolute;right:9px;top:8px;width:10px}.app-avatar-link{border:0;border-radius:999px;gap:10px;max-width:46px;padding:3px}.app-avatar-link img,.app-avatar-link>span{border-radius:999px;height:38px;width:38px}.app-avatar-link img{object-fit:cover}.app-avatar-link span{align-items:center;background:#e6f0ff;color:#2563eb;display:inline-flex;font-size:13px;font-weight:900;justify-content:center}.app-avatar-link b{display:none;font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-minimal{justify-content:space-between}.app-header-learning{align-items:stretch;flex-direction:column;gap:8px}.app-learning-row{align-items:center;display:flex;gap:16px;width:100%}.app-learning-back{border:1px solid #dbe7f5;border-radius:999px;flex:0 0 auto;font-size:14px;font-weight:800;gap:8px;padding:10px 13px}.app-learning-back:hover{background:#f7faff}.app-learning-title{display:grid;grid-gap:3px;gap:3px;min-width:0}.app-learning-title strong{font-size:18px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-learning-title span{color:#64748b;font-size:13px;font-weight:700}.app-learning-mobile-meta,.app-learning-tools{align-items:center;display:flex;gap:10px;margin-left:auto}.app-learning-progress,.app-learning-timer{align-items:center;border-radius:999px;display:inline-flex;font-size:14px;font-weight:900;gap:7px;min-height:38px;padding:9px 13px}.app-learning-progress{background:#e6f0ff;color:#2563eb}.app-learning-timer{background:#fff7ed;color:#c2410c}.app-learning-action{align-items:center;display:flex;gap:8px}.app-learning-action-mobile{display:none}.app-learning-mobile-meta{display:none;margin-left:0}.app-mobile-bottom-nav{background:hsla(0,0%,100%,.98);border-top:1px solid #dbe7f5;bottom:0;display:none;gap:8px;left:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:60}.app-mobile-bottom-nav a{border-radius:999px;flex:1 1;flex-direction:column;font-size:12px;font-weight:900;gap:4px;min-height:52px;justify-content:center}.app-mobile-bottom-nav a:focus-visible,.app-mobile-bottom-nav a:hover{background:#f7faff}@media (max-width:820px){body:has(.app-mobile-bottom-nav){padding-bottom:74px}.app-header-learning,.app-header-main,.app-header-minimal{min-height:62px;padding:9px 14px}.app-avatar-link b,.app-header-actions,.app-logo-desktop,.app-main-nav{display:none}.app-logo-mobile{display:inline-flex}.app-header-main .app-avatar-link{display:inline-flex;padding:4px}.app-user-cluster{gap:8px}.app-notification-button{display:none}.app-header-main:after{content:"";display:none}.app-mobile-bottom-nav{display:flex}.app-learning-row{gap:10px}.app-learning-back{border-radius:12px;padding:9px}.app-learning-back span{display:none}.app-learning-title strong{font-size:16px}.app-learning-row>.app-learning-tools,.app-learning-title span{display:none}.app-learning-mobile-meta{display:flex;flex-wrap:wrap}.app-learning-action-mobile{display:flex;flex-basis:100%}}.app-mobile-menu-wrap{display:none;position:relative}.app-mobile-menu-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#0f172a;cursor:pointer;display:inline-flex;height:44px;justify-content:center;width:44px}.app-mobile-menu-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 40px rgba(15,23,42,.14);display:grid;grid-gap:4px;gap:4px;padding:8px;position:absolute;right:0;top:calc(100% + 10px);width:230px;z-index:120}.app-mobile-menu-panel a{border-radius:10px;color:#0f172a;font-weight:600;min-height:42px;padding:11px 12px;text-decoration:none}.app-mobile-menu-panel a.active,.app-mobile-menu-panel a:hover{background:#f7faff;color:#2563eb}.app-mobile-menu-panel span{border-top:1px solid #e5e7eb;margin:4px 0}@media (max-width:820px){.app-mobile-menu-wrap{display:block}}.app-user-menu-wrap{position:relative}.app-avatar-button{align-items:center;background:transparent;border:0;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;gap:10px;max-width:46px;padding:3px}.app-avatar-button:focus-visible,.app-avatar-button:hover{background:#f7faff;outline:0}.app-avatar-button img,.app-avatar-button>span{border-radius:999px;height:38px;width:38px}.app-avatar-button img{object-fit:cover}.app-avatar-button>span{align-items:center;background:#e6f0ff;color:#2563eb;display:inline-flex;font-size:13px;font-weight:900;justify-content:center}.app-avatar-button b{display:none;font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 36px rgba(15,23,42,.12);display:grid;grid-gap:2px;gap:2px;padding:8px;position:absolute;right:0;top:calc(100% + 10px);width:240px;z-index:100}.app-user-menu a,.app-user-menu button{align-items:center;background:transparent;border:0;border-radius:10px;color:#0f172a;cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:600;gap:10px;min-height:42px;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.app-user-menu a:focus-visible,.app-user-menu a:hover,.app-user-menu button:focus-visible,.app-user-menu button:hover{background:#f7faff;outline:0}.app-user-menu a .plan-badge{margin-left:auto}.app-user-menu-logout{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:6px}.app-user-menu .app-user-menu-danger{color:#ef4444}.app-user-menu-error{color:#ef4444;font-size:12px;font-weight:700;margin:4px 8px 2px}@media (max-width:820px){.app-avatar-button{display:inline-flex;padding:4px}.app-user-menu{position:fixed;right:12px;top:58px;width:min(260px,calc(100vw - 24px))}}.app-footer{background:#f7faff;border-top:1px solid #e5e7eb;color:#0f172a}.app-footer-inner{display:grid;grid-gap:clamp(32px,4vw,64px);gap:clamp(32px,4vw,64px);grid-template-columns:1.1fr 1fr 1fr;margin:0 auto;max-width:1440px;padding:56px clamp(18px,4vw,56px) 44px}.app-footer-brand,.app-footer-column,.app-footer-links{display:grid;grid-gap:14px;gap:14px}.app-footer-logo{align-items:center;color:#0f172a;display:inline-flex;text-decoration:none}.app-footer-slogan{font-size:20px;font-weight:900;line-height:1.35;margin:4px 0 0}.app-footer-bottom,.app-footer-description,.app-footer-social-block span{color:#64748b}.app-footer-description{font-size:15px;line-height:1.7;margin:0;max-width:430px}.app-footer-social-block{display:grid;grid-gap:10px;gap:10px;margin-top:4px}.app-footer-social-block span{font-size:13px;font-weight:800}.app-footer-social-links{display:flex;gap:10px}.app-footer-social{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:inline-flex;height:42px;justify-content:center;transition:background-color .18s ease,border-color .18s ease;width:42px}.app-footer-social:focus-visible,.app-footer-social:hover{background:#e6f0ff;border-color:#bfdbfe;outline:0}.app-footer-column h2{font-size:18px;font-weight:900;margin:0 0 2px}.app-footer-hotline{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;color:#0f172a;display:flex;gap:14px;padding:16px;text-decoration:none}.app-footer-hotline:focus-visible,.app-footer-hotline:hover{border-color:#bfdbfe;outline:0}.app-footer-hotline-icon{align-items:center;background:#e6f0ff;border-radius:999px;display:inline-flex;height:44px;justify-content:center;width:44px}.app-footer-hotline span:last-child{display:grid;grid-gap:3px;gap:3px}.app-footer-hotline em{color:#64748b;font-size:13px;font-style:normal;font-weight:800}.app-footer-hotline strong{color:#2563eb;font-size:22px;line-height:1.1}.app-footer-hotline small{color:#64748b;font-size:12px;font-weight:700}.app-footer-links a{align-items:center;border-radius:12px;color:#0f172a;display:grid;font-size:14px;font-weight:800;grid-gap:10px;gap:10px;grid-template-columns:20px 1fr 16px;min-height:44px;padding:8px 10px;text-decoration:none}.app-footer-links a:focus-visible,.app-footer-links a:hover{background:#fff;color:#2563eb;outline:0}.app-footer-bottom{border-top:1px solid #e5e7eb;font-size:14px;font-weight:700;margin:0 auto;max-width:1440px;padding:18px clamp(18px,4vw,56px) 22px;text-align:center}@media (max-width:820px){.app-footer-inner{grid-template-columns:1fr;padding:32px 24px 28px}.app-footer-description{max-width:none}.app-footer-hotline{width:100%}.app-footer-bottom{padding-bottom:calc(22px + env(safe-area-inset-bottom))}}.uclass-user-avatar{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#e6f0ff,#f7faff);border:1px solid #dbeafe;border-radius:999px;color:#2563eb;display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center;object-fit:cover;overflow:hidden}.uclass-user-avatar-sm{font-size:12px;width:32px}.uclass-user-avatar-md{font-size:14px;width:40px}.uclass-user-avatar-lg{font-size:22px;width:72px}.uclass-user-avatar-xl{font-size:28px;width:96px}.plan-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:6px;line-height:1;padding:7px 11px}.plan-badge.free{background:#eef6ff;color:#2563eb}.plan-badge.premium{background:#fff7d6;color:#b45309}.premium-lock-card{align-items:center;background:linear-gradient(135deg,#fff,#f7faff);border:1px solid #dbeafe;border-radius:18px;box-shadow:0 12px 34px rgba(37,99,235,.08);display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto 1fr auto;padding:18px}.premium-lock-card>span{align-items:center;background:#e6f0ff;border-radius:16px;color:#2563eb;display:inline-flex;height:48px;justify-content:center;width:48px}.premium-lock-card h3{color:#0f172a;font-size:18px;margin:0 0 5px}.premium-lock-card p{color:#64748b;font-size:14px;line-height:1.55;margin:0}.premium-lock-card a,.upgrade-modal a{align-items:center;background:#2563eb;border-radius:12px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none}.upgrade-modal-backdrop{align-items:center;background:rgba(15,23,42,.42);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:80}.upgrade-modal{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.2);max-width:440px;padding:26px;position:relative;width:100%}.upgrade-modal-close{background:#f7faff;border:1px solid #e5e7eb;border-radius:999px;color:#0f172a;height:34px;position:absolute;right:16px;top:16px;width:34px}.upgrade-modal-close,.upgrade-modal>span{align-items:center;display:inline-flex;justify-content:center}.upgrade-modal>span{background:#fff7d6;border-radius:16px;color:#f59e0b;height:48px;width:48px}.upgrade-modal h2{color:#0f172a;font-size:24px;margin:18px 0 10px}.upgrade-modal p{color:#475569;line-height:1.65;margin:0}.upgrade-modal div{display:flex;gap:12px;margin-top:22px}.upgrade-modal div button{background:#fff;border:1px solid #dbeafe;border-radius:12px;color:#2563eb;font-weight:800;padding:0 16px}@media (max-width:640px){.premium-lock-card{grid-template-columns:1fr}.premium-lock-card a,.upgrade-modal a,.upgrade-modal div,.upgrade-modal div button{width:100%}.upgrade-modal div{flex-direction:column}}.uclass-placeholder-page{background:#f7faff;color:#0f172a;min-height:100vh}.uclass-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin:48px auto;max-width:760px;padding:36px;text-align:center}.uclass-placeholder h1{font-size:32px;line-height:1.2;margin:0 0 12px}.uclass-placeholder p{color:#64748b;font-size:17px;line-height:1.6;margin:0}@media (max-width:820px){.uclass-placeholder{margin:24px 14px;padding:28px 18px}.uclass-placeholder h1{font-size:26px}}.billing-page{background:#f7faff;color:#0f172a;min-height:100vh}.billing-hero{align-items:stretch;background:linear-gradient(135deg,#fff,#e6f0ff);border-bottom:1px solid #e5e7eb;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 340px;padding:58px max(28px,calc((100vw - 1180px) / 2)) 44px}.billing-hero>div:first-child>span{color:#2563eb;font-size:13px;font-weight:800;text-transform:uppercase}.billing-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.05;margin:12px 0 14px}.billing-hero p{color:#475569;font-size:17px;line-height:1.7;margin:0;max-width:660px}.billing-hero strong{align-items:center;display:flex;gap:10px;margin-top:22px}.billing-hero-card{background:#fff;border:1px solid #dbeafe;border-radius:24px;box-shadow:0 18px 45px rgba(37,99,235,.12);padding:28px}.billing-hero-card svg{color:#f59e0b}.billing-hero-card h2{font-size:26px;margin:18px 0 8px}.billing-entitlements,.billing-faq,.billing-grid{margin:0 auto;max-width:1180px;padding:28px}.billing-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.billing-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 14px 36px rgba(15,23,42,.06);color:inherit;display:flex;flex-direction:column;gap:22px;min-height:100%;padding:26px;position:relative;text-decoration:none}.billing-card.premium{border-color:#bfdbfe;box-shadow:0 18px 46px rgba(37,99,235,.12)}.billing-card h2{font-size:28px;margin:18px 0 8px}.billing-card header>strong{display:block;font-size:36px;line-height:1}.billing-card header>small{color:#2563eb;display:block;font-weight:800;margin-top:8px}.billing-card li,.billing-card p{color:#475569;line-height:1.6}.billing-card ul{display:grid;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.billing-card li{align-items:flex-start;display:flex;gap:10px}.billing-card li svg{color:#10b981;flex:0 0 auto;margin-top:3px}.billing-card>span:last-child{align-items:center;background:#2563eb;border-radius:14px;color:#fff;display:flex;font-weight:800;justify-content:center;margin-top:auto;min-height:48px}.billing-card>span.disabled{background:#eef6ff;color:#2563eb}.billing-entitlements h2,.billing-faq h2{font-size:24px;margin:0 0 18px}.billing-entitlements>div{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.billing-entitlements article,.billing-faq details{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.billing-entitlements h3{margin:0 0 12px}.billing-entitlements p{align-items:flex-start;color:#475569;display:flex;gap:8px;line-height:1.55;margin:10px 0 0}.billing-entitlements svg{color:#2563eb;flex:0 0 auto;margin-top:3px}.billing-faq{display:grid;grid-gap:12px;gap:12px;padding-bottom:52px}.billing-faq summary{align-items:center;color:#0f172a;cursor:pointer;display:flex;font-weight:800;justify-content:space-between}.billing-faq p{color:#475569;line-height:1.6;margin:12px 0 0}@media (max-width:820px){.billing-entitlements>div,.billing-grid,.billing-hero{grid-template-columns:1fr}.billing-hero{padding:32px 20px 24px}.billing-entitlements,.billing-faq,.billing-grid{padding:20px}}.guest-signup-backdrop{align-items:center;background:rgba(15,23,42,.28);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:200}.guest-signup-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.2);color:#0f172a;max-width:420px;padding:24px;position:relative;width:100%}.guest-signup-close{background:transparent;border:0;color:#64748b;cursor:pointer;position:absolute;right:14px;top:14px}.guest-signup-icon{align-items:center;background:#eef5ff;border-radius:14px;color:#2563eb;display:inline-flex;height:52px;justify-content:center;width:52px}.guest-signup-modal h2{font-family:var(--font-heading);font-size:24px;margin:16px 0 8px}.guest-signup-modal p{color:#64748b;line-height:1.6;margin:0}.guest-signup-actions{display:flex;gap:10px;margin-top:20px}.guest-signup-actions a,.guest-signup-actions button{border-radius:12px;cursor:pointer;flex:1 1;font-weight:700;padding:12px 16px;text-align:center;text-decoration:none}.guest-signup-actions a{background:#2563eb;color:#fff}.guest-signup-actions button{background:#fff;border:1px solid #e5e7eb;color:#0f172a}.policy-page{background:#f7faff;color:#0f172a;min-height:100vh}.policy-hero{align-items:center;background:radial-gradient(circle at 82% 28%,rgba(37,99,235,.16),transparent 30%),linear-gradient(105deg,#f8fbff,#edf5ff);border-bottom:1px solid #e5e7eb;display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 320px;min-height:218px;overflow:hidden;padding:38px clamp(24px,5vw,72px)}.policy-hero h1{font-size:clamp(36px,4vw,48px);line-height:1.05;margin:8px 0 12px}.policy-hero p{color:#334155;font-size:18px;line-height:1.6;margin:0;max-width:720px}.policy-breadcrumb,.policy-breadcrumb a,.policy-hero small,.policy-hero-kicker{align-items:center;display:inline-flex;gap:8px}.policy-hero small{color:#64748b;font-size:15px;margin-top:20px}.policy-hero-kicker{color:#2563eb;font-weight:700}.policy-hero-art{display:flex;height:170px;position:relative}.policy-hero-art,.policy-hero-art span{align-items:center;justify-content:center}.policy-hero-art span{background:#fff;border-radius:30px;box-shadow:0 24px 60px rgba(37,99,235,.18);color:#2563eb;display:inline-flex;height:128px;transform:rotate(4deg);width:128px;z-index:1}.policy-hero-art b,.policy-hero-art i{background:#dbeafe;border-radius:999px;display:block;position:absolute}.policy-hero-art i{height:72px;right:54px;top:12px;width:72px}.policy-hero-art b{bottom:16px;height:44px;left:58px;width:44px}.policy-shell{margin:0 auto;max-width:1280px;padding:22px 28px 48px}.policy-breadcrumb{color:#64748b;font-size:14px;margin-bottom:18px}.policy-breadcrumb a,.policy-breadcrumb strong{color:#2563eb;text-decoration:none}.policy-grid{align-items:start;display:grid;grid-gap:24px;gap:24px;grid-template-columns:290px 1fr}.policy-sidebar{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:86px}.billing-plan-grid article,.contact-faq,.contact-form-card,.contact-info-card,.policy-article-card,.policy-nav-card,.policy-related,.policy-support-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 16px 36px rgba(15,23,42,.05)}.policy-nav-card{display:grid;grid-gap:18px;gap:18px;padding:20px}.policy-nav-card section{display:grid;grid-gap:6px;gap:6px}.policy-nav-card section+section{border-top:1px solid #e5e7eb;padding-top:16px}.policy-nav-card h2{align-items:center;display:flex;font-size:20px;gap:10px;margin:0 0 6px}.policy-nav-card a{align-items:center;border-radius:12px;color:#0f172a;display:grid;font-size:15px;font-weight:500;grid-gap:10px;gap:10px;grid-template-columns:20px 1fr;min-height:42px;padding:9px 10px;text-decoration:none}.policy-nav-card a.active,.policy-nav-card a:hover{background:#e6f0ff;color:#2563eb}.policy-content{display:grid;grid-gap:18px;gap:18px}.policy-article-card{padding:28px}.policy-article-card header h2{font-size:30px;margin:0 0 10px}.policy-article-card header span{align-items:center;color:#64748b;display:inline-flex;gap:8px;margin-bottom:12px}.policy-article-card header p,.policy-mobile-accordion p,.policy-section li,.policy-section p{color:#334155;font-size:15px;line-height:1.75}.policy-section{padding:8px 0}.policy-section h3{font-size:19px;margin:0 0 8px}.policy-section p,.policy-section ul{margin:0}.policy-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.contact-submit,.policy-ctas a,.policy-support-card>a{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:14px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:46px;padding:0 18px;text-decoration:none}.policy-ctas a.secondary{background:#fff;color:#2563eb}.policy-mobile-accordion{display:none}.policy-support-card{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:auto 1fr auto;padding:22px}.policy-support-card.compact{grid-template-columns:auto 1fr}.policy-support-card.compact>a{grid-column:1/-1;width:100%}.policy-support-icon{align-items:center;background:#e6f0ff;border-radius:999px;color:#2563eb;display:inline-flex;height:72px;justify-content:center;width:72px}.policy-support-card h2,.policy-support-card p{margin:0}.policy-support-card p,.policy-support-card span{color:#64748b}.policy-support-card a[href^=tel]{color:#2563eb;display:block;font-size:24px;font-weight:800;text-decoration:none}.policy-support-card.compact a[href^=tel]{font-size:21px}.policy-related{padding:22px}.contact-faq h2,.policy-related h2{font-size:22px;margin:0 0 14px}.policy-related>div{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.policy-related a{align-items:center;border:1px solid #e5e7eb;border-radius:16px;color:#0f172a;display:grid;grid-gap:12px;gap:12px;grid-template-columns:36px 1fr 20px;padding:16px;text-decoration:none}.policy-related small{color:#64748b;display:block;margin-top:4px}.billing-plan-grid,.contact-layout{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.billing-plan-grid article{padding:22px}.billing-plan-grid span{color:#2563eb;font-weight:800}.billing-plan-grid h2{margin:8px 0}.billing-plan-grid p{color:#64748b;line-height:1.7;margin:0}.contact-faq,.contact-form-card,.contact-info-card{padding:24px}.contact-form-card h2,.contact-info-card h2{font-size:24px;margin:0 0 12px}.contact-info-card p{color:#334155;line-height:1.7}.contact-hotline,.contact-socials a{align-items:center;border:1px solid #e5e7eb;border-radius:16px;color:#0f172a;display:grid;grid-gap:12px;gap:12px;grid-template-columns:42px 1fr 18px;padding:14px;text-decoration:none}.contact-hotline{background:#f7faff;grid-template-columns:42px 1fr}.contact-hotline strong{color:#2563eb;display:block;font-size:24px}.contact-hotline small,.contact-note,.contact-socials small{color:#64748b}.contact-socials{display:grid;grid-gap:10px;gap:10px}.contact-socials img{height:34px;width:34px}.contact-socials span{display:grid;grid-gap:2px;gap:2px}.contact-socials small,.contact-socials strong{display:block}.contact-form-card,.contact-form-grid{display:grid;grid-gap:16px;gap:16px}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form-card label{color:#0f172a;display:grid;font-weight:600;grid-gap:8px;gap:8px}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{border:1px solid #dbe3ef;border-radius:12px;color:#0f172a;font:inherit;min-height:48px;padding:0 14px}.contact-form-card textarea{min-height:150px;padding-top:14px;resize:vertical}.contact-form-card label small{color:#64748b;justify-self:end}.contact-submit{cursor:pointer;gap:8px}.contact-note,.contact-success{align-items:center;display:flex;gap:8px;margin:0}.contact-success{display:none;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;color:#047857;padding:12px}.contact-success:target{display:flex}.contact-faq>div{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-faq details{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}.contact-faq summary{align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:space-between}@media (max-width:900px){.policy-hero{grid-template-columns:1fr;padding:28px 24px 34px}.policy-hero-art{display:none}.policy-shell{padding:18px 18px 34px}.billing-plan-grid,.contact-faq>div,.contact-form-grid,.contact-layout,.policy-grid,.policy-related>div{grid-template-columns:1fr}.policy-desktop-sections,.policy-sidebar{display:none}.policy-mobile-accordion{display:grid;grid-gap:14px;gap:14px}.policy-mobile-accordion article{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.policy-mobile-accordion button{background:#fff;border:0;color:#0f172a;cursor:pointer;display:grid;grid-gap:8px;gap:8px;grid-template-columns:42px 1fr 24px;padding:18px;text-align:left;width:100%}.policy-mobile-accordion button span{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;height:36px;justify-content:center;width:36px}.policy-mobile-accordion button p{grid-column:2/3;margin:0}.policy-mobile-accordion article>div{border-top:1px solid #e5e7eb;padding:0 18px 18px 60px}.contact-faq,.contact-form-card,.contact-info-card,.policy-article-card{padding:20px}.policy-support-card{grid-template-columns:auto 1fr}.policy-support-card>a{grid-column:1/-1;width:100%}}.account-panel,.progress-panel{background:#fbfcf8;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;margin-top:16px;padding:14px}.account-panel h2,.history-list h3,.progress-panel h2{margin:0}.account-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.icon-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;height:38px;justify-content:center;width:38px}.auth-grid{display:grid;grid-gap:8px;gap:8px}.auth-grid input,.auth-grid select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%}.stats-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px;gap:4px;min-width:0;padding:10px}.stat span{color:var(--muted);font-size:12px}.stat strong{color:var(--green);font-size:18px}.retention-note{background:#eef4ff;border:1px solid #bdd2ff;border-radius:8px;color:var(--ink);margin:0;padding:10px}.progress-panel{margin-bottom:16px;margin-top:0}.section-title.compact{margin:8px 0}.section-title.compact h3{font-size:15px}.history-list{display:grid;grid-gap:8px;gap:8px}.history-item{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding-bottom:8px}.history-item span{color:var(--muted);min-width:0}.history-item strong{color:var(--red)}.board-tabs{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.board-tabs button{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:800;min-height:38px}.board-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.empty svg{vertical-align:text-bottom}@media (max-width:980px){.account-panel{margin-top:12px}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.home{background:linear-gradient(180deg,#f8fbff,#fff 52%,#f6f9ff);color:var(--ink);min-height:100vh}.home-nav{align-items:center;background:hsla(0,0%,100%,.9);border-bottom:1px solid #e6ebf5;display:grid;grid-gap:20px;gap:20px;grid-template-columns:auto auto minmax(260px,580px) auto;min-height:64px;padding:0 34px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.brand{color:#1455f4;font-size:28px;font-weight:900;text-decoration:none}.bottom-cta,.hero-actions,.home-nav nav,.nav-actions,.trust-row{align-items:center;display:flex}.home-nav nav{gap:28px}.home-nav a{color:var(--ink);font-weight:800;text-decoration:none}.searchbox{align-items:center;background:#f7f9fd;border:1px solid #dfe6f3;border-radius:8px;color:#718096;display:flex;gap:10px;height:40px;padding:0 14px}.searchbox input{background:transparent;border:0;color:var(--ink);outline:0;width:100%}.nav-actions{gap:18px;justify-content:end}.home-user-name{color:#071433;font-weight:800;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-avatar-link{align-items:center;background:linear-gradient(135deg,#ffd6cc,#ffd6ee);border-radius:999px;color:#9a3412!important;display:inline-flex;font-weight:900;height:42px;justify-content:center;width:42px}.cta-primary,.login-button{background:#1455f4;border-radius:8px;color:#fff!important;box-shadow:0 12px 28px rgba(20,85,244,.25);padding:12px 22px}.home-hero{margin:0 auto;max-width:850px;padding:48px 20px 24px;text-align:center}.home-hero h1{font-size:clamp(36px,5vw,52px);line-height:1.05;margin:0 0 16px}.home-hero p{color:#334155;font-size:18px;line-height:1.55;margin:0 auto;max-width:700px}.hero-actions{flex-direction:column;gap:12px;justify-content:center;margin-top:20px}.cta-link{color:#1455f4;font-weight:900;text-decoration:none}.module-grid{display:grid;grid-gap:28px;gap:28px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1350px;padding:0 28px 34px}.module-card{border-radius:18px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;min-height:330px;padding:16px;text-align:center;text-decoration:none}.module-card h2{font-size:23px;margin:0}.module-card p{margin:0 0 8px}.module-card.blue{background:#cfe3ff}.module-card.violet{background:#d9d1ff}.module-card.yellow{background:#ffe08a}.module-card.pink{background:#ffd4de}.preview{background:#fff;border:1px solid #e4e9f4;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.08);display:grid;grid-gap:9px;gap:9px;min-height:210px;padding:18px;text-align:left}.choice{border:1px solid #dbe3ef;border-radius:7px;padding:7px 10px}.choice.selected{background:#5b9df5;color:#fff}.battle-preview,.score-preview{justify-items:center;text-align:center}.battle-preview button,.class-preview button,.score-preview button{background:#f8faff;border:1px solid #dfe6f3;border-radius:8px;color:#1455f4;font-weight:900;min-height:38px}.podium{align-items:end;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto 1fr;width:100%}.podium strong{background:#fff0bf;border-radius:10px 10px 4px 4px;padding:28px 16px 12px}.score-preview strong{align-items:center;border:10px solid #45c28b;border-left-color:#dce6f2;border-radius:999px;display:flex;font-size:32px;height:104px;justify-content:center;width:104px}.class-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.class-grid span{background:#f9fbff;border:1px solid #e4e9f4;border-radius:8px;padding:12px 8px}.platform-section{align-items:center;border-top:1px solid #e6ebf5;display:grid;grid-gap:34px;gap:34px;grid-template-columns:.85fr 1.15fr;margin:0 auto;max-width:1120px;padding:34px 24px 26px}.platform-copy h2{font-size:34px;line-height:1.15;margin:0 0 16px}.platform-copy p{color:#334155;line-height:1.55;margin:0 0 20px}.trust-row{flex-wrap:wrap;gap:12px}.trust-row span{align-items:center;border:1px solid #dfe6f3;border-radius:8px;display:inline-flex;gap:8px;padding:12px}.dashboard-preview{background:#fff;border:1px solid #dfe6f3;border-radius:18px;box-shadow:0 22px 52px rgba(15,23,42,.12);display:grid;grid-gap:18px;gap:18px;grid-template-columns:140px 1fr 1.4fr;min-height:230px;padding:16px}.dashboard-preview aside,.progress-card,.word-card{background:#fbfcff;border:1px solid #e6ebf5;border-radius:12px;display:grid;grid-gap:10px;gap:10px;padding:14px}.dashboard-preview aside span.active{background:#eaf1ff;border-radius:8px;color:#1455f4;font-weight:900;padding:8px}.word-card{align-content:center;justify-items:center;text-align:center}.word-card strong{font-size:20px}.progress-card strong{color:#1455f4;font-size:34px}.audience-row{border-top:1px solid #e6ebf5;display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1350px;padding:28px}.audience-item{align-items:center;border-right:1px solid #e6ebf5;display:flex;gap:16px;padding:0 22px}.audience-item:last-child{border-right:0}.audience-icon{align-items:center;background:#eaf1ff;border-radius:999px;color:#1455f4;display:flex;flex:0 0 58px;height:58px;justify-content:center}.audience-item h3,.audience-item p,.bottom-cta h2,.bottom-cta p{margin:0}.audience-item p,.bottom-cta p{color:#475569}.bottom-cta{background:#eef4ff;border-radius:20px;gap:24px;justify-content:center;margin:0 auto 28px;max-width:1160px;padding:18px 26px}@media (max-width:1100px){.home-nav{grid-template-columns:1fr auto}.home-nav nav,.searchbox{display:none}.audience-row,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-preview,.platform-section{grid-template-columns:1fr}}@media (max-width:680px){.home-nav{padding:0 16px}.audience-row,.module-grid{grid-template-columns:1fr}.audience-item{border-right:0;border-bottom:1px solid #e6ebf5;padding:18px 0}.bottom-cta{align-items:stretch;flex-direction:column;margin:0 16px 24px}}.auth-page{background:radial-gradient(circle at -4% 4%,rgba(20,85,244,.08) 0 130px,transparent 132px),radial-gradient(circle at 100% 100%,rgba(20,85,244,.08) 0 180px,transparent 182px),linear-gradient(135deg,#f7fbff,#fff 52%,#f5f9ff);color:var(--ink);min-height:100vh}.auth-nav{align-items:center;background:hsla(0,0%,100%,.92);border-bottom:1px solid #e1e8f4;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto auto minmax(300px,560px) auto auto;min-height:68px;padding:0 38px}.auth-nav nav{display:flex;gap:34px}.auth-nav a{color:var(--ink);font-weight:500;text-decoration:none}.auth-search{align-items:center;background:#f8faff;border:1px solid #dce4f1;border-radius:10px;color:#7b88a4;display:flex;gap:12px;height:44px;padding:0 16px}.auth-search input{background:transparent;border:0;outline:0;width:100%}.auth-login,.auth-submit{background:#0956ff;border:0;border-radius:9px;color:#fff!important;box-shadow:0 16px 34px rgba(9,86,255,.28);font-weight:600;padding:13px 24px}.auth-grid-page{align-items:center;display:grid;grid-gap:70px;gap:70px;margin:0 auto;max-width:1260px;min-height:calc(100vh - 68px);padding:54px 34px}.register-grid{grid-template-columns:520px 1fr}.login-grid{grid-template-columns:1fr 540px}.auth-card{background:#fff;border:1px solid #e3e9f4;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.08);padding:48px 46px}.auth-card h1,.auth-showcase h1,.login-copy h1{font-size:clamp(38px,4vw,56px);line-height:1.08;margin:0;font-weight:500}.auth-card>p,.auth-showcase>p,.login-copy>p{color:#52607a;font-size:20px;line-height:1.6;margin:14px 0 34px}.auth-card{text-align:center}.auth-field,.auth-form,.role-section{display:grid;grid-gap:12px;gap:12px;text-align:left}.role-section{margin-bottom:24px}.role-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.role-card{align-content:center;background:#fff;border:1px solid #dce4f1;border-radius:10px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;min-height:110px;padding:12px;position:relative}.role-card.active{border-color:#0956ff;box-shadow:inset 0 0 0 1px #0956ff;color:#0956ff}.check-dot{align-items:center;background:#0956ff;border-radius:999px;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.auth-field span{font-weight:500}.field-box{align-items:center;border:1px solid #dce4f1;border-radius:10px;display:flex;gap:12px;min-height:54px;padding:0 14px}.field-box svg{color:#7b88a4;flex:0 0 auto}.field-box input,.field-box select{background:transparent;border:0;color:var(--ink);flex:1 1;min-width:0;outline:0}.field-box button{background:transparent;border:0;color:#7b88a4;display:inline-flex}.forgot-link{color:#0956ff;font-weight:500;justify-self:end;text-decoration:none}.auth-submit{min-height:58px;width:100%}.divider{align-items:center;color:#7b88a4;display:flex;gap:16px;margin:22px 0}.divider:after,.divider:before{background:#dce4f1;content:"";flex:1 1;height:1px}.google-button{align-items:center;background:#fff;border:1px solid #0956ff;border-radius:10px;color:var(--ink);display:flex;font-weight:500;gap:16px;justify-content:center;min-height:56px;width:100%}.admin-dev-button{background:#0f172a;border:1px solid #0f172a;border-radius:10px;color:#fff;font-weight:600;margin-top:12px;min-height:52px;width:100%}.admin-dev-button:disabled{cursor:wait;opacity:.75}.google-mark{color:#e94235;font-size:26px;font-weight:600}.switch-auth{color:#52607a;font-size:18px;margin:24px 0 0}.policy-note a,.switch-auth a{color:#0956ff;font-weight:500;text-decoration:none}.auth-showcase,.login-copy{min-width:0}.path-card{background:hsla(0,0%,100%,.86);border:1px solid #e3e9f4;border-radius:20px;box-shadow:0 26px 70px rgba(15,23,42,.1);display:grid;grid-gap:20px;gap:20px;margin-top:34px;padding:28px}.course-strip{align-items:center;background:#f8fbff;border:1px solid #e3e9f4;border-radius:14px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:auto 1fr auto;padding:16px}.book-badge{align-items:center;background:#e7f0ff;border-radius:999px;color:#1f6bff;display:flex;height:86px;justify-content:center;width:86px}.course-strip h2,.course-strip p,.metric-card span,.metric-card strong,.momentum h3,.momentum p{margin:0}.course-strip strong{align-items:center;border:8px solid #2bc58f;border-left-color:#e0e8f4;border-radius:999px;display:grid;height:92px;justify-items:center;padding-top:18px;width:92px}.course-strip small{color:#52607a;font-size:10px}.mini-progress{background:#dfe7f2;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.mini-progress span{background:#0956ff;display:block;height:100%;width:72%}.metric-row{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid #e3e9f4;border-radius:12px;display:grid;grid-gap:10px;gap:10px;padding:18px}.metric-card strong{font-size:26px}.metric-card small{color:#52607a;font-size:14px}.momentum{align-items:center;background:#eaf3ff;border-radius:12px;display:flex;gap:18px;padding:18px}.momentum svg{color:#f5b51b;flex:0 0 auto}.benefit-row{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.benefit-item{display:grid;grid-gap:8px;gap:8px;grid-template-columns:58px 1fr}.benefit-item div{align-items:center;background:#eaf3ff;border-radius:999px;color:#0956ff;display:flex;grid-row:span 2;height:58px;justify-content:center;width:58px}.benefit-item:nth-child(2) div{background:#f1eaff;color:#7c4dff}.benefit-item:nth-child(3) div{background:#ffeaf1;color:#f0447a}.benefit-item h3,.benefit-item p{margin:0}.benefit-item p{color:#52607a;line-height:1.5}.login-copy h1{max-width:560px}.feature-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px;max-width:620px}.login-feature{align-items:center;border-radius:16px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:82px 1fr;min-height:154px;padding:22px}.login-feature.blue{background:#eaf3ff}.login-feature.violet{background:#f1eaff}.login-feature.yellow{background:#fff4d9}.login-feature.pink{background:#ffeaf1}.login-feature svg{background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(15,23,42,.12);color:#0956ff;height:78px;padding:14px;width:78px}.login-feature h2,.login-feature p{margin:0}.login-feature h2{color:#0956ff;font-size:20px}.login-feature p{color:#52607a;line-height:1.45}.policy-note{color:#52607a;font-size:16px;line-height:1.7;margin:26px auto 0;max-width:480px;text-align:center}.auth-message{background:#fff2f2;border:1px solid #ffc9c9;border-radius:10px;color:#d92d20;font-size:14px;font-weight:700;margin:0;padding:10px 12px}.auth-submit:disabled{cursor:wait;opacity:.72}@media (max-width:980px){.auth-nav{grid-template-columns:1fr auto auto}.auth-nav nav,.auth-search{display:none}.login-grid,.register-grid{gap:34px;grid-template-columns:1fr}.auth-card{justify-self:center;max-width:560px;width:100%}}@media (max-width:760px){.auth-nav{gap:14px;padding:0 16px}.auth-login{padding:11px 14px}.auth-grid-page{padding:30px 16px}.auth-card{padding:30px 22px}.benefit-row,.course-strip,.feature-grid,.metric-row,.role-grid{grid-template-columns:1fr}.login-feature{grid-template-columns:70px 1fr}}.signup-layout{align-items:stretch;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(390px,500px) minmax(420px,1fr);margin:0 auto;max-width:1320px;min-height:calc(100vh - 68px);padding:28px 24px 44px}.signup-card,.signup-hero{background:hsla(0,0%,100%,.94);border:1px solid #e2e9f4;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.08)}.signup-card{align-self:center;padding:34px 42px 26px}.signup-card h1,.signup-hero h1{color:#071433;font-size:clamp(34px,3.6vw,48px);font-weight:500;line-height:1.08;margin:0;text-align:center}.signup-card>p,.signup-hero>p{color:#52607a;font-size:16px;line-height:1.6;margin:12px 0 24px;text-align:center}.signup-form{display:grid;grid-gap:14px;gap:14px}.signup-field{color:#071433;display:grid;font-weight:500;grid-gap:8px;gap:8px}.signup-field div{align-items:center;border:1px solid #d8e1ef;border-radius:9px;display:flex;gap:12px;min-height:44px;padding:0 13px}.signup-field div.invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.signup-field input,.signup-field select{background:transparent;border:0;color:#071433;flex:1 1;min-width:0;outline:0}.signup-field select{cursor:pointer}.signup-field div>button{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;padding:0}.birth-field{position:relative}.birth-selects{gap:8px}.birth-field div button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;padding:0}.birth-field input[type=date]::-webkit-calendar-picker-indicator{display:none}.field-error{color:#dc2626;font-size:12px;font-weight:600}.signup-submit{background:#0956ff;border:0;border-radius:9px;box-shadow:0 14px 34px rgba(9,86,255,.25);color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px}.signup-submit:disabled{cursor:wait;opacity:.72}.signup-divider{align-items:center;color:#7b88a4;display:flex;gap:20px;margin:18px 0 12px}.signup-divider:after,.signup-divider:before{background:#dce4f1;content:"";flex:1 1;height:1px}.signup-social{align-items:center;background:#fff;border:1px solid #d8e1ef;border-radius:9px;color:#071433;display:flex;font-weight:500;gap:14px;justify-content:center;margin-top:10px;min-height:45px;width:100%}.signup-social.facebook{border-color:#0956ff}.signup-switch{color:#52607a;font-size:17px;margin:20px 0 0;text-align:center}.signup-switch a{color:#0956ff;font-weight:500;text-decoration:none}.signup-hero{overflow:hidden;padding:36px 12px 14px;position:relative}.signup-hero h1{margin:0 auto;max-width:650px}.signup-hero h1 span{color:#0956ff}.signup-hero>p{font-size:19px;margin-left:auto;margin-right:auto;max-width:620px}.signup-illustration{background:linear-gradient(180deg,#fff,#f0f6ff);min-height:410px;position:relative}.hero-card,.hero-main,.sparkles{position:absolute;z-index:2}.sparkles{left:46%;opacity:.8;top:22px;transform:translateX(-50%);z-index:1}.hero-card.vocab{left:8%;top:42px;transform:rotate(-5deg)}.hero-card.progress{right:6%;top:78px;transform:rotate(5deg)}.hero-main.laptop{bottom:56px;left:42%;transform:translateX(-50%);width:min(220px,32vw)}.hero-main.books{bottom:36px;left:10%}.hero-main.trophy{bottom:78px;right:11%}.hero-main.shield{bottom:50px;right:23%}.hero-main.mug{bottom:38px;right:8%}.hero-main.plant{bottom:72px;left:8%}.signup-benefits{background:hsla(0,0%,100%,.92);border-radius:20px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:-10px 10px 0;padding:22px 18px;position:relative;z-index:3}.signup-benefits article{display:grid;grid-gap:8px;gap:8px;justify-items:center;text-align:center}.signup-benefits h2,.signup-benefits p{margin:0}.signup-benefits h2{font-size:13px;font-weight:600}.signup-benefits p{color:#52607a;font-size:12px;line-height:1.45}@media (max-width:980px){.signup-layout{grid-template-columns:1fr}.signup-card{justify-self:center;max-width:560px;width:100%}}@media (max-width:720px){.signup-layout{padding:24px 14px}.signup-card{padding:28px 20px}.signup-benefits{grid-template-columns:1fr 1fr}.signup-illustration{min-height:330px}}.arena-page{background:radial-gradient(circle at 2% 13%,rgba(65,135,255,.08) 0 90px,transparent 92px),radial-gradient(circle at 98% 20%,rgba(65,135,255,.08) 0 70px,transparent 72px),linear-gradient(180deg,#f7fbff,#fff 52%,#f7fbff);color:#071433;min-height:100vh}.arena-nav{align-items:center;background:hsla(0,0%,100%,.94);border-bottom:1px solid #e2e9f5;display:grid;grid-gap:28px;gap:28px;grid-template-columns:auto auto minmax(320px,540px) auto auto;min-height:66px;padding:0 32px}.arena-nav nav{align-items:center;display:flex;gap:34px;height:66px}.arena-nav a{color:#071433;font-weight:700;text-decoration:none}.arena-nav nav a{align-items:center;display:flex;height:100%}.arena-nav nav a.active{border-bottom:3px solid #0956ff;color:#0956ff}.arena-search{align-items:center;background:#f8faff;border:1px solid #dbe3f1;border-radius:10px;color:#7a87a2;display:flex;gap:12px;height:40px;padding:0 14px}.arena-search input{background:transparent;border:0;outline:0;width:100%}.arena-login,.arena-primary{background:#0956ff;border-radius:9px;box-shadow:0 14px 34px rgba(9,86,255,.26);color:#fff!important;font-weight:800;padding:12px 24px}.arena-shell{margin:0 auto;max-width:1248px;padding:30px 24px 24px}.arena-hero{display:grid;grid-gap:28px;gap:28px;grid-template-columns:.78fr 1fr}.hero-copy h1{font-size:clamp(44px,5vw,64px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:10px 0 14px}.hero-copy h1 span{color:#ffc400}.hero-copy p{color:#52607a;font-size:17px;font-weight:400;line-height:1.65;margin:0;max-width:500px}.arena-benefits article,.battle-mode-card,.hero-actions-row,.leader-heading,.leader-heading div,.reward-card header{align-items:center;display:flex}.hero-actions-row{gap:14px;margin:18px 0 20px}.arena-primary,.arena-secondary,.start-match{align-items:center;display:inline-flex;gap:10px;justify-content:center;min-height:46px;text-decoration:none}.arena-primary,.arena-secondary{min-width:220px}.arena-secondary{background:#fff;border:1px solid #dbe3f1;border-radius:9px;color:#071433;font-weight:800}.arena-benefits,.battle-mode-card,.leader-card,.quick-card,.rank-card,.reward-card,.step-strip{background:hsla(0,0%,100%,.9);border:1px solid #dfe7f4;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.step-strip{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;padding:10px}.arena-step{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:auto 1fr auto;padding:8px 10px}.arena-step strong{background:#eaf2ff;border-radius:999px;color:#0956ff;display:grid;height:36px;place-items:center;width:36px}.arena-step:nth-child(2) strong{background:#f2eaff;color:#7b3ff3}.arena-step:nth-child(3) strong{background:#e8fbef;color:#21b56b}.arena-step h3,.arena-step p{margin:0}.arena-step h3{font-size:14px;font-weight:700}.arena-step p{color:#52607a;font-size:12px}.rank-card{align-items:center;display:grid;grid-gap:12px 24px;gap:12px 24px;grid-template-columns:96px 1fr 1fr 1fr;margin-top:16px;padding:16px 18px}.rank-card strong{color:#6738ee;display:block;font-size:26px;font-weight:800}.rank-card small,.rank-card span{color:#52607a;font-size:12px}.rank-progress{background:#dfe6f1;border-radius:999px;grid-column:2/5;height:8px;overflow:hidden}.rank-progress span{background:linear-gradient(90deg,#7a37ff,#0a66ff);display:block;height:100%;width:82%}.rank-card small{grid-column:2/5;text-align:center}.leader-card{align-self:start;overflow:hidden;padding:22px 20px 16px}.leader-heading{justify-content:space-between;margin-bottom:4px}.leader-heading div{gap:12px}.leader-heading h2{font-size:22px;font-weight:700;margin:0}.leader-heading svg{color:#7b3ff3}.leader-heading span{background:#eadcff;border-radius:999px;color:#7b3ff3;font-size:13px;font-weight:700;padding:10px 16px}.leader-card img{height:auto;margin:8px auto 0;max-width:100%}.leader-card>a{align-items:center;border:1px solid #dfe7f4;border-radius:12px;color:#0956ff;display:flex;font-weight:800;gap:10px;justify-content:center;min-height:44px;text-decoration:none}.battle-mode-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 4px 12px}.battle-mode-card{align-items:center;display:grid;grid-gap:16px;gap:16px;grid-template-columns:86px minmax(0,1fr);min-height:156px;overflow:hidden;padding:18px}.mode-icon{align-items:center;background:hsla(0,0%,100%,.58);border-radius:14px;display:flex;height:86px;justify-content:center;width:86px}.mode-icon svg{color:#0956ff}.battle-mode-card.orange .mode-icon svg{color:#f97316}.battle-mode-card.purple .mode-icon svg{color:#7b3ff3}.battle-mode-card.green .mode-icon svg{color:#16a35d}.battle-mode-card>div{display:grid;grid-gap:8px;gap:8px;min-width:0}.battle-mode-card h2,.battle-mode-card p{margin:0}.battle-mode-card h2{font-size:20px;font-weight:700;line-height:1.2}.battle-mode-card p{color:#52607a;font-size:15px;line-height:1.45}.battle-mode-card a{align-items:center;border:1px solid #d7e1ef;border-radius:10px;color:#0956ff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;margin-top:2px;min-height:38px;min-width:0;text-decoration:none;width:100%}.battle-mode-card.blue{background:#edf6ff}.battle-mode-card.orange{background:#fff7eb}.battle-mode-card.purple{background:#f5f0ff}.battle-mode-card.green{background:#effcf6}.arena-lower{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr 1fr;margin:12px 0 18px}.arena-brand{align-items:center;color:#0956ff!important;display:inline-flex;font-size:28px;gap:8px}.mode-icon img{height:auto;max-height:78px;max-width:78px;object-fit:contain}.quick-card,.reward-card{padding:22px 24px}.quick-card h2,.reward-card h2{align-items:center;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0 0 14px}.quick-layout{align-items:center;display:grid;grid-template-columns:1fr 180px}.quick-group{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.quick-group h3{color:#071433;font-size:15px;margin:0}.quick-group div{display:flex;flex-wrap:wrap;gap:12px}.quick-group button{background:#fff;border:1px solid #d8e2ef;border-radius:10px;color:#0956ff;font-weight:700;min-height:38px;min-width:112px}.quick-group button.selected{background:#eafbf1;border-color:#25bd70;color:#159452}.start-match{background:#0956ff;border-radius:10px;color:#fff;font-size:22px;font-weight:800;min-height:58px;width:100%}.reward-card header{justify-content:space-between}.reward-card header a{color:#0956ff;font-weight:800;text-decoration:none}.reward-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.reward-item{background:#fff;border:1px solid #e1e9f4;border-radius:12px;display:grid;grid-gap:5px;gap:5px;grid-template-columns:34px 1fr;min-height:88px;padding:12px}.reward-item strong{font-size:13px}.reward-item img{grid-row:1/4;height:auto;margin-top:2px;object-fit:contain}.reward-item span{color:#0956ff;font-weight:800}.reward-item small{color:#52607a}.arena-leader-list{display:grid;grid-gap:8px;gap:8px;margin:12px 0}.arena-leader-list div{align-items:center;background:#f8fbff;border:1px solid #dfe7f2;border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:48px 1fr auto;padding:10px 12px}.arena-leader-list strong{color:#1261e8}.arena-leader-list em{color:#16a34a;font-style:normal;font-weight:800}.goal-card{align-items:center;background:#f4f9ff;border-radius:14px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 120px;margin-top:16px;padding:14px 20px}.goal-card h3,.goal-card p{margin:0}.goal-card p{color:#52607a}.goal-card div div{background:#dfe6f1;border-radius:999px;height:12px;margin:12px 0 6px;overflow:hidden}.goal-card div div span{background:#19bd6b;display:block;height:100%;width:66%}.goal-card small{color:#52607a;display:block;font-weight:700;text-align:center}.arena-benefits{display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 4px;padding:24px}.arena-benefits article{gap:18px;padding:0 24px}.arena-benefits article:not(:last-child){border-right:1px solid #dfe7f4}.arena-benefits article>div{align-items:center;background:#eaf3ff;border-radius:999px;color:#0956ff;display:flex;flex:0 0 58px;height:58px;justify-content:center;width:58px}.arena-benefits article:nth-child(2)>div{background:#f1eaff;color:#7b3ff3}.arena-benefits article:nth-child(3)>div{background:#fff4d9;color:#f5a400}.arena-benefits h2,.arena-benefits p{margin:0}.arena-benefits h2{font-size:18px;font-weight:700}.arena-benefits p{color:#52607a;line-height:1.5}@media (max-width:1180px){.arena-nav{grid-template-columns:1fr auto auto}.arena-nav nav,.arena-search{display:none}.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.arena-hero,.arena-lower{grid-template-columns:1fr}}@media (max-width:720px){.arena-nav{padding:0 16px}.arena-shell{padding:22px 14px}.arena-benefits,.battle-mode-grid,.goal-card,.hero-actions-row,.quick-layout,.rank-card,.reward-grid,.step-strip{grid-template-columns:1fr}.hero-actions-row{align-items:stretch;flex-direction:column}.rank-card small,.rank-progress{grid-column:auto}.arena-benefits article{border-right:0!important;border-bottom:1px solid #dfe7f4;padding:18px 0}}