body{background:#f4f8fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}:root{--nav-blue-1:#527b99;--nav-blue-2:#3f6f94;--nav-blue-3:#315f86;--deep-blue:#123b66;--dark-blue:#234f73;--bright-blue:#1d75ed;--text-dark:#13243a;--text-medium:#49657b;--text-light:#71889b;--page-bg:#f4f8fb;--white:#fff;--green:#49ad4e;--blue:#3c7fdd;--purple:#8753d5;--orange:#f58a24;--red:#dc4d52;--teal:#38a5aa;--border:#dae5ed;--shadow-soft:0 8px 24px #20446014;--shadow-card:0 14px 35px #2044601c;--shadow-hover:0 18px 38px #20446029}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{min-height:100vh;color:var(--text-dark);background:linear-gradient(180deg, #fff, var(--page-bg));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,a{font-family:inherit}button{cursor:pointer}a{text-decoration:none}.app{width:100%;min-height:100vh;overflow-x:hidden}.topbar{z-index:1000;color:#fff;background:linear-gradient(105deg, var(--nav-blue-1), var(--nav-blue-2) 55%, var(--nav-blue-3));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff21;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;width:100%;min-height:90px;padding:0 clamp(20px,3.5vw,60px);display:grid;position:sticky;top:0;box-shadow:0 5px 22px #19385138}.topbar:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 55%);position:absolute;inset:0}.brand{z-index:2;color:#fff;align-items:center;gap:13px;display:flex;position:relative}.brand-logo{object-fit:cover;background:#fff;border:2px solid #ffffffad;border-radius:50%;width:67px;height:67px;transition:transform .3s;box-shadow:0 7px 20px #13304638}.brand:hover .brand-logo{transform:rotate(-3deg)scale(1.04)}.brand-text h2{color:#fff;letter-spacing:-.4px;margin:0;font-size:23px;font-weight:850;line-height:1.05}.brand-text span{color:#e4eff7;margin-top:5px;font-size:12px;display:block}.nav-links{z-index:2;justify-self:center;align-items:stretch;gap:clamp(20px,2vw,38px);height:90px;display:flex;position:relative}.nav-link{color:#ffffffeb;white-space:nowrap;justify-content:center;align-items:center;gap:9px;padding:0 5px;font-size:15px;font-weight:700;transition:color .22s,transform .22s;display:flex;position:relative}.nav-svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.nav-link:hover{color:#fff;transform:translateY(-2px)}.nav-link:after{content:"";transform-origin:50%;background:#fff;border-radius:999px;height:3px;transition:transform .25s;position:absolute;bottom:16px;left:12%;right:12%;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.trophy-link .nav-svg{color:#ffd342}.header-actions{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.search-button{color:#fff;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:flex}.search-button:hover{background:#ffffff2b;transform:translateY(-2px)}.search-svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.login-btn,.register-btn{border-radius:9px;justify-content:center;align-items:center;height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.login-btn{color:#fff;background:#ffffff0a;border:1px solid #ffffffa6}.register-btn{color:#fff;background:linear-gradient(135deg,#4289ef,#286be0);border:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 18px #154a9c42}.login-btn:hover,.register-btn:hover{transform:translateY(-2px)}.hero-section{background:radial-gradient(circle at 84% 22%,#3992eb2e,#0000 27%),radial-gradient(circle at 95% 86%,#5eb0e630,#0000 27%),linear-gradient(130deg,#fcfeff 0%,#eef7fc 50%,#dfeef8 100%);grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:35px;width:100%;min-height:540px;padding:65px clamp(35px,6vw,105px);display:grid;position:relative;overflow:hidden}.hero-decor{pointer-events:none;filter:blur(1px);border-radius:999px;position:absolute}.hero-decor-one{background:#3081df1c;width:500px;height:500px;top:-270px;right:-280px}.hero-decor-two{background:#3692d114;width:320px;height:320px;bottom:-190px;left:-220px}.hero-content{z-index:3;max-width:700px;position:relative}.hero-label{width:fit-content;color:var(--dark-blue);background:#ffffffc2;border:1px solid #3f6b8b1f;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:9px 16px;font-size:12px;display:flex;box-shadow:0 6px 20px #325b7a14}.hero-label i{background:#46b84e;border-radius:50%;width:7px;height:7px;display:block}.hero-label i:first-of-type{background:#f3bf28}.hero-content h1{color:var(--text-dark);letter-spacing:-3px;margin:0;font-size:clamp(54px,5.4vw,82px);font-weight:900;line-height:.95}.english-highlight{color:var(--bright-blue);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#135fd8,#2588ff);-webkit-background-clip:text;background-clip:text;margin-top:5px;display:inline-block;position:relative}.english-highlight:after{content:"";background:linear-gradient(90deg,#f7ad19,#ffd45b);border-radius:999px;height:6px;position:absolute;bottom:-11px;left:4%;right:2%;transform:rotate(-2deg)}.hero-content p{color:var(--text-medium);margin:38px 0 27px;font-size:clamp(16px,1.3vw,20px);line-height:1.7}.hero-buttons{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.start-btn,.explore-btn{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 23px;font-size:15px;font-weight:850;transition:transform .2s,box-shadow .2s;display:inline-flex}.start-btn{color:#fff;background:linear-gradient(135deg,#3977a0,#285d81);border:none;box-shadow:0 12px 26px #27597d3d}.play-circle{border:1px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;display:inline-flex}.explore-btn{color:var(--dark-blue);background:#ffffffd1;border:1px solid #ccdde8;box-shadow:0 7px 18px #294d6512}.start-btn:hover,.explore-btn:hover{transform:translateY(-3px)}.hero-features{align-items:center;gap:18px;margin-top:31px;display:flex}.hero-features>div:not(.feature-divider){flex-direction:column;gap:2px;display:flex}.hero-features strong{color:var(--dark-blue);font-size:16px;font-weight:900}.hero-features span{color:var(--text-light);font-size:10px;font-weight:650}.feature-divider{background:#c8dbe7;width:1px;height:30px}.hero-visual{z-index:2;justify-content:center;align-items:center;width:100%;min-width:0;height:445px;display:flex;position:relative}.hero-glow{filter:blur(10px);background:radial-gradient(circle,#469eee36,#0000 69%);border-radius:50%;width:430px;height:300px;position:absolute}.hero-image{z-index:2;object-fit:contain;filter:drop-shadow(0 23px 27px #20435c2b);width:100%;max-width:650px;max-height:445px;transition:transform .4s;display:block;position:relative}.hero-image:hover{transform:translateY(-5px)scale(1.015)}.courses-section{background:linear-gradient(#f8fbfd,#f3f8fb);grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;width:100%;padding:40px 3.5% 30px;display:grid}.course-group{border:1px solid var(--border);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#fffffffa,#fafdfff5);border-radius:18px;padding:25px;transition:transform .25s,box-shadow .25s}.course-group:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.section-title-area{align-items:center;gap:13px;display:flex}.heading-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.general-heading-icon{background:linear-gradient(135deg,#e9f5ff,#d4ebff)}.ielts-heading-icon{background:linear-gradient(135deg,#fff0e5,#ffe0c6)}.section-heading h2{color:var(--text-dark);text-transform:uppercase;letter-spacing:-.4px;margin:0;font-size:20px;font-weight:900}.section-heading p{color:var(--text-light);margin:5px 0 0;font-size:11px}.view-all{color:#2f75d6;background:#edf5fb;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:11px;font-weight:800;transition:transform .2s,background .2s}.view-all:hover{background:#dfedf8;transform:translate(3px)}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ielts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{cursor:pointer;background:linear-gradient(145deg,#fff,#fafdff);border:1px solid #dfe8ef;border-radius:12px;align-items:center;gap:12px;min-height:78px;padding:12px 13px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.course-card:after{content:"";background:#367ed60b;border-radius:50%;width:90px;height:90px;transition:transform .25s;position:absolute;bottom:-55px;right:-55px}.course-card:hover{border-color:#bdd6e6;transform:translateY(-4px);box-shadow:0 12px 25px #2047651c}.course-card:hover:after{transform:scale(1.8)}.course-details{z-index:2;flex:1;min-width:0;position:relative}.course-card h3{color:var(--text-dark);margin:0 0 4px;font-size:14px;font-weight:850}.course-card span{color:var(--text-light);font-size:11px}.card-arrow{z-index:2;color:#3376d2;background:#edf5fb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;margin-left:auto;font-weight:800;transition:transform .22s,background .22s;display:flex;position:relative}.course-card:hover .card-arrow{background:#ddeefd;transform:translate(3px)}.course-icon{z-index:2;color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;font-weight:900;display:flex;position:relative;box-shadow:inset 0 1px 1px #ffffff40,0 5px 12px #2a496217}.course-icon.green{background:linear-gradient(135deg,#61be5b,#3b9f43)}.course-icon.blue{background:linear-gradient(135deg,#4b91eb,#3274d5)}.course-icon.purple{background:linear-gradient(135deg,#9a68df,#7645c9)}.course-icon.orange{background:linear-gradient(135deg,#ff9e38,#ef7818)}.course-icon.red{background:linear-gradient(135deg,#ef6464,#cf3e45)}.course-icon.teal{background:linear-gradient(135deg,#4ebcbe,#2d989f)}.wide-card{grid-column:1/-1}.benefits-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:93%;margin:10px auto 32px;display:grid}.benefit-card{border:1px solid var(--border);min-height:116px;box-shadow:var(--shadow-card);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px 22px;transition:transform .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden}.benefit-card:after{content:"";opacity:.15;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-100px;right:-80px}.learn-card:after{background:#58a8eb}.practice-card:after{background:#e86ca4}.improve-card:after{background:#52bb6b}.benefit-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.benefit-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex}.learn-icon{background:linear-gradient(135deg,#d9eeff,#b9dcfa)}.practice-icon{background:linear-gradient(135deg,#ffe1ef,#ffc5dc)}.improve-icon{background:linear-gradient(135deg,#dbf7e1,#b8edc3)}.benefit-card h3{margin:0 0 6px;font-size:18px;font-weight:900}.benefit-card p{color:var(--text-light);margin:0;font-size:12px;line-height:1.45}.benefit-arrow{z-index:2;color:var(--bright-blue);margin-left:auto;font-size:21px;font-weight:800;position:relative}.leaderboard-section{color:#fff;background:radial-gradient(circle at 5% 5%,#43a7f13d,#0000 30%),linear-gradient(105deg,#245c83,#356f98 60%,#285e84);border-radius:18px;width:93%;margin:0 auto 42px;padding:24px 27px;position:relative;overflow:hidden;box-shadow:0 17px 37px #1e415b38}.leaderboard-section:after{content:"";background:#ffffff0d;border-radius:50%;width:350px;height:350px;position:absolute;top:-230px;right:-210px}.leaderboard-header{z-index:2;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex;position:relative}.leaderboard-header h2{color:#fff;text-transform:uppercase;margin:0;font-size:23px;font-weight:900}.leaderboard-header p{color:#d8eaf7;margin:5px 0 0;font-size:11px}.leaderboard-header button{color:#fff;background:#ffffff14;border:1px solid #ffffff7a;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:800}.homepage-leaderboard-scope-tabs,.homepage-leaderboard-tabs{z-index:2;background:#0c283d33;border:1px solid #fff3;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 16px;padding:5px;display:grid;position:relative}.homepage-leaderboard-scope-tabs button,.homepage-leaderboard-tabs button{color:#d8eaf7;min-height:40px;font:inherit;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:850}.homepage-leaderboard-scope-tabs button.active,.homepage-leaderboard-tabs button.active{color:#285d81;background:#fff;box-shadow:0 6px 16px #0e283c33}.homepage-leaderboard-scope-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}.homepage-leaderboard-scope-tabs button{text-transform:uppercase;letter-spacing:.06em;min-height:36px}.homepage-group-name{z-index:2;color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:10px;margin:0 0 12px;padding:10px 13px;display:flex;position:relative}.homepage-group-name span{color:#dcecf7;margin-left:auto;font-size:10px}.leaderboard-list{z-index:2;flex-direction:column;gap:9px;display:flex;position:relative}.leaderboard-player{background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:13px;min-height:67px;padding:10px 15px;transition:transform .2s,background .2s;display:flex}.leaderboard-player:hover{background:#ffffff29;transform:translate(5px)}.rank{color:#14253a;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:14px;font-weight:900;display:flex}.first .rank{background:linear-gradient(135deg,#ffe667,#ffc629)}.second .rank{background:linear-gradient(135deg,#eff3f6,#c9d3dc)}.third .rank{background:linear-gradient(135deg,#f0b58a,#df9460)}.player-avatar{color:#315d79;background:linear-gradient(135deg,#eef7fd,#cce5f5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-weight:900;display:flex}.player-info{flex-direction:column;min-width:0;display:flex}.player-info strong{color:#fff;font-size:15px}.player-info span{color:#dcecf7;margin-top:4px;font-size:11px}.leaderboard-badge{margin-left:auto;font-size:21px}.footer{background:linear-gradient(#eef5f9,#e6f0f6);border-top:1px solid #d6e4ec;justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:125px;padding:25px 4%;display:flex}.footer-brand{align-items:center;gap:11px;display:flex}.footer-brand img{object-fit:cover;border-radius:50%;width:53px;height:53px}.footer-brand div{flex-direction:column;display:flex}.footer-brand strong{font-size:15px}.footer-brand span{color:var(--text-light);margin-top:3px;font-size:10px}.footer>p{color:var(--text-light);margin:0;font-size:11px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--dark-blue);font-size:11px;font-weight:750}.mobile-nav{display:none}@media (width<=1120px){.topbar{gap:20px}.nav-links{gap:17px}.nav-link{font-size:13px}.nav-svg{width:20px;height:20px}.hero-section{grid-template-columns:1fr .9fr;padding:55px 4%}.hero-image{max-width:540px}.ielts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=930px){.topbar{grid-template-columns:1fr auto}.nav-links{display:none}.hero-section{text-align:center;grid-template-columns:1fr;min-height:auto}.hero-content{margin:auto}.hero-label{margin-left:auto;margin-right:auto}.hero-buttons,.hero-features{justify-content:center}.hero-visual{height:350px}.hero-image{max-width:540px;max-height:350px}.courses-section,.benefits-section{grid-template-columns:1fr}}@media (width<=650px){body{padding-bottom:73px}.topbar{min-height:75px;padding:8px 14px}.brand-logo{width:49px;height:49px}.brand-text h2{font-size:17px}.brand-text span{font-size:9px}.search-button,.login-btn{display:none}.register-btn{height:39px;padding:0 12px;font-size:11px}.hero-section{text-align:left;gap:14px;padding:37px 18px 25px}.hero-content h1{letter-spacing:-1.7px;font-size:44px;line-height:.98}.hero-label{margin:0 0 17px;font-size:9px}.hero-content p{margin:31px 0 22px;font-size:14px;line-height:1.58}.hero-content p br{display:none}.hero-buttons{justify-content:flex-start}.start-btn,.explore-btn{min-height:46px;padding:0 15px;font-size:12px}.hero-features{justify-content:flex-start;gap:11px}.hero-features span{font-size:8px}.hero-visual{height:245px}.hero-image{max-width:100%;max-height:245px}.courses-section{gap:15px;padding:18px 11px 26px}.course-group{border-radius:14px;padding:16px}.heading-icon{width:41px;height:41px;font-size:19px}.section-heading h2{font-size:16px}.section-heading p{font-size:9px}.course-grid{grid-template-columns:1fr}.ielts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-card{grid-column:auto}.course-card{min-height:66px}.ielts-grid .course-card{text-align:center;flex-direction:column;justify-content:center;min-height:112px}.ielts-grid .card-arrow{position:absolute;bottom:8px;right:8px}.benefits-section{gap:11px;width:auto;margin:0 11px 25px}.benefit-card{min-height:90px;padding:14px}.leaderboard-section{width:auto;margin:0 11px 25px;padding:17px 14px}.leaderboard-header{align-items:flex-start}.leaderboard-header h2{font-size:17px}.leaderboard-header button{max-width:112px;padding:7px 8px;font-size:8px}.homepage-leaderboard-tabs,.homepage-leaderboard-scope-tabs{gap:4px}.homepage-leaderboard-tabs button,.homepage-leaderboard-scope-tabs button{min-height:38px;padding:7px 3px;font-size:9px}.homepage-group-name{flex-direction:column;align-items:flex-start}.homepage-group-name span{margin-left:0}.footer{flex-direction:column;align-items:flex-start;gap:15px;padding:24px 17px}.mobile-nav{z-index:2000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #d7e4ec;grid-template-columns:repeat(4,1fr);height:70px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #23425a1a}.mobile-nav a{color:#718599;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:750;display:flex}.mobile-nav .nav-svg{width:22px;height:22px}.mobile-nav-active{color:var(--bright-blue)!important}}@media (width<=410px){.brand-text span{display:none}.brand-text h2{font-size:15px}.brand-logo{width:44px;height:44px}.hero-content h1{font-size:39px}.hero-buttons{width:100%}.start-btn,.explore-btn{flex:1;padding:0 10px}.hero-visual{height:215px}.hero-image{max-height:215px}}:root{--theme-page:#f4f8fb;--theme-surface:#fff;--theme-surface-soft:#f7fafc;--theme-text:#13243a;--theme-text-muted:#627b8f;--theme-border:#dae5ed;--theme-input:#fff}[data-theme=dark]{--page-bg:#0d1724;--white:#152234;--text-dark:#eef5fb;--text-medium:#b3c4d3;--text-light:#8fa6b9;--border:#2b3d50;--theme-page:#0d1724;--theme-surface:#152234;--theme-surface-soft:#101d2c;--theme-text:#eef5fb;--theme-text-muted:#a9bdcd;--theme-border:#2b3d50;--theme-input:#0f1b29;--shadow-soft:0 8px 24px #0000003d;--shadow-card:0 14px 35px #00000047;--shadow-hover:0 18px 38px #00000057}html,body{transition:background-color .2s,color .2s}[data-theme=dark] body{color:var(--theme-text);background:var(--theme-page)}[data-theme=dark] .app .hero-section{background:radial-gradient(circle at 84% 22%,#3791e633,#0000 29%),radial-gradient(circle at 95% 86%,#3d7eb829,#0000 30%),linear-gradient(130deg,#101d2c 0%,#13283b 52%,#17344b 100%)}[data-theme=dark] .app .hero-decor-one{background:#388bd621}[data-theme=dark] .app .hero-decor-two{background:#4aa2da17}[data-theme=dark] .app .hero-content h1{color:#edf5fb}[data-theme=dark] .app .english-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#55a2ff,#78bdff);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .app .hero-content p{color:#b9cad8}[data-theme=dark] .app .hero-label{color:#dcebf6;background:#162b3dc7;border-color:#87bde533;box-shadow:0 6px 20px #0000002e}[data-theme=dark] .app .start-btn{color:#fff;background:linear-gradient(135deg,#3d82b3,#28678f);box-shadow:0 12px 26px #00000042}[data-theme=dark] .app .explore-btn{color:#dcebf6;background:#152b3de0;border-color:#3a5870;box-shadow:0 7px 18px #0003}[data-theme=dark] .app .hero-features strong{color:#e7f1f8}[data-theme=dark] .app .hero-features span{color:#a9bdcd}[data-theme=dark] .app .feature-divider{background:#3a5368}[data-theme=dark] .app .hero-glow{background:radial-gradient(circle,#49a4ef33,#0000 69%)}[data-theme=dark] .app .global-star-profile{color:#dcebf6;background:#122637f0;border-color:#5ca6d947;box-shadow:0 8px 25px #0000004d}[data-theme=dark] .app .global-star-profile span{color:#ffd260}[data-theme=dark] .app .courses-section{background:linear-gradient(#0d1724,#101c2a)}[data-theme=dark] .app :is(.course-group,.benefit-card){color:var(--theme-text);border-color:var(--theme-border);background:linear-gradient(145deg,#152435,#111e2d)}[data-theme=dark] .app :is(.section-heading p,.benefit-card p){color:var(--theme-text-muted)}.theme-toggle{color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#ffffff21;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:.8rem;font-weight:800;line-height:1;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{background:#ffffff3b;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #ffffff24}.theme-toggle-global{z-index:1400;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c3a53c7;position:fixed;top:18px;right:clamp(170px,18vw,230px)}[data-theme=dark] :is(.app,.elementary-page,.pre-intermediate-page,.introduction-page,.to-be-page,.vocabulary-journey-page,.unit-exam-page,.leaderboard-page,.admin-page,.shawn-login-page,.shawn-register-page){color:var(--theme-text);background:var(--theme-page)}[data-theme=dark] :is(.course-card,.elementary-card,.introduction-learning-card,.lesson-button,.introduction-progress,.unit-card,.to-be-content,.translation-set-card,.translation-question-card,.translation-result,.to-be-test-progress,.vj-progress-card,.vj-set-card,.vj-stage,.vj-word-card,.vj-quiz,.vj-result,.unit-exam-placeholder,.ie1-exam-card,.ie1-mistake-card,.leaderboard-card,.admin-panel,.admin-card,.admin-summary-card,.shawn-login-card,.shawn-register-card){color:var(--theme-text);background-color:var(--theme-surface);border-color:var(--theme-border);box-shadow:0 12px 34px #0000003d}[data-theme=dark] :is(.lesson-button,.translation-set-card,.vj-set-card,.vj-word-card,.vj-quiz,.vj-result){background:var(--theme-surface)}[data-theme=dark] :is(h1,h2,h3,h4,.lesson-button-text strong,.translation-question-card h3,.shawn-login-brand h1,.shawn-login-heading h2,.shawn-register-brand h1,.shawn-register-heading h2){color:var(--theme-text)}[data-theme=dark] :is(.lesson-button-text span,.introduction-section-heading p,.to-be-heading p,.translation-set-card p,.vj-progress-card p,.vj-stage-heading p,.vj-set-card p,.shawn-login-heading p,.shawn-login-register,.shawn-login-home,.shawn-register-heading p,.shawn-register-login,.shawn-register-home){color:var(--theme-text-muted)}[data-theme=dark] :is(input,textarea,select,.translation-form input,.vj-quiz input,.shawn-login-form input,.shawn-register-form input){color:var(--theme-text);background:var(--theme-input);border-color:#3a5065}[data-theme=dark] :is(input,textarea)::placeholder{color:#7890a4}[data-theme=dark] :is(input,textarea,select):disabled{color:#8296a8;opacity:.78;background:#182536}[data-theme=dark] :is(.vj-word-card section,.vj-word-card section.uzbek,.vj-progress-card>div,.translation-card-info,.irregular-verb-forms div){color:var(--theme-text);background:var(--theme-surface-soft);border-color:var(--theme-border)}[data-theme=dark] .vocabulary-journey-page .vj-flashcard-front{color:var(--theme-text);background:radial-gradient(circle at 92% 8%,#50a5db1f,#0000 28%),linear-gradient(145deg,#15283a,#101c29);border-color:#31516a}[data-theme=dark] :is(.vocabulary-journey-page .vj-card-number,.vocabulary-journey-page .vj-language-icon,.vj-workspace-nav button,.vj-card-controls button,.vj-stepper button,.vj-word-bank button,.back-to-sets){color:#b9d8ed;background:#17283a;border-color:#355068}[data-theme=dark] .vj-stepper button.active{color:#fff;background:#347faf}[data-theme=dark] :is(.translation-feedback.correct,.vj-quiz p.correct){color:#8be3a3}[data-theme=dark] :is(.translation-feedback.incorrect,.vj-quiz p.incorrect){color:#ff9c9c}[data-theme=dark] :is(.shawn-login-error,.shawn-register-error){color:#faa;background:#3a1d25;border-color:#71303a}[data-theme=dark] .irregular-verbs-page .irregular-verb-card{color:var(--theme-text);background:var(--theme-surface);border-color:var(--theme-border);box-shadow:0 8px 24px #00000040}[data-theme=dark] .irregular-verbs-page :is(.irregular-verb-forms strong,.irregular-verb-details strong,.irregular-verb-details p){color:var(--theme-text)}[data-theme=dark] .leaderboard-page{background:var(--theme-page)!important}[data-theme=dark] .mobile-nav{border-color:var(--theme-border);background:#121f2df5}[data-theme=dark] .mobile-nav a{color:var(--theme-text-muted)}[data-theme=dark] .introduction-exam-one :is(.ie1-result,.ie1-exam-card,.ie1-question,.ie1-breakdown div,.ie1-answer-comparison>div){color:var(--theme-text);background:var(--theme-surface);border-color:var(--theme-border)}[data-theme=dark] .introduction-exam-one :is(.ie1-question h3,.ie1-result h2,.ie1-score,.ie1-breakdown strong,.ie1-mistake-card h4,.ie1-answer-comparison p){color:var(--theme-text)}[data-theme=dark] .introduction-exam-one :is(.ie1-instruction,.ie1-answer,.ie1-progress-top>strong,.ie1-star-label,.ie1-navigation>span){color:var(--theme-text-muted)}[data-theme=dark] .introduction-exam-one .ie1-mistake-card{background:#281d22;border-color:#57333a}[data-theme=dark] .introduction-exam-one .ie1-answer-comparison>div:last-child{background:#162c23}@media (width<=760px){.theme-toggle-global{top:auto;bottom:82px;right:14px}.theme-toggle-global .theme-toggle-text,.theme-toggle-header .theme-toggle-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.elementary-page{color:#18344f;background:radial-gradient(circle at 5% 0,#4891d226,#0000 28%),radial-gradient(circle at 95% 12%,#5ab4ff21,#0000 26%),linear-gradient(#f7fbff 0%,#eef6fc 100%);min-height:100vh}.elementary-header{z-index:100;-webkit-backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #48759a24;justify-content:space-between;align-items:center;gap:30px;min-height:82px;padding:0 5%;display:flex;position:sticky;top:0;box-shadow:0 8px 30px #1d496e14}.elementary-brand{color:#244e70;align-items:center;gap:13px;text-decoration:none;display:flex}.elementary-brand img{object-fit:cover;border-radius:50%;width:60px;height:60px;box-shadow:0 5px 15px #1c4f7826}.elementary-brand div{flex-direction:column;display:flex}.elementary-brand strong{font-size:19px;font-weight:800;line-height:1.1}.elementary-brand span{letter-spacing:.9px;color:#6387a3;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:700}.elementary-home-button{color:#2f628b;background:#edf6fd;border:1px solid #d6e8f5;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.elementary-home-button:hover{background:#e3f1fb;transform:translateY(-2px);box-shadow:0 8px 20px #31638b21}.elementary-hero{background:radial-gradient(circle at 80% 20%,#88cdff66,#0000 28%),radial-gradient(circle at 20% 100%,#2679c340,#0000 35%),linear-gradient(135deg,#275d87 0%,#3d7ba8 52%,#79b9df 100%);border-radius:30px;grid-template-columns:1.2fr .8fr;align-items:center;width:min(1180px,90%);min-height:390px;margin:45px auto 0;padding:55px 65px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #1e537d33}.elementary-hero:before{content:"";background:#ffffff14;border-radius:50%;width:310px;height:310px;position:absolute;top:-180px;left:-90px}.elementary-hero:after{content:"";background:#ffffff12;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-165px;right:25%}.elementary-hero-content{z-index:2;position:relative}.elementary-course-label{color:#184c70;letter-spacing:1.1px;background:#ffffffe6;border-radius:999px;width:fit-content;padding:9px 15px;font-size:12px;font-weight:850;box-shadow:0 7px 20px #0c36581f}.elementary-hero h1{color:#fff;letter-spacing:-2.2px;text-shadow:0 5px 15px #0d395b2b;margin:22px 0 15px;font-size:clamp(42px,5vw,66px);line-height:1}.elementary-hero p{color:#ffffffe0;max-width:650px;margin:0;font-size:17px;font-weight:500;line-height:1.75}.elementary-stats{align-items:stretch;gap:14px;margin-top:32px;display:flex}.elementary-stats div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff30;border-radius:15px;flex-direction:column;min-width:125px;padding:14px 18px;display:flex}.elementary-stats strong{color:#fff;font-size:22px;font-weight:850}.elementary-stats span{color:#ffffffc2;margin-top:4px;font-size:11px;font-weight:700}.elementary-hero-icon{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff47,#ffffff14);border:1px solid #ffffff45;border-radius:50%;justify-content:center;align-items:center;width:230px;height:230px;margin-left:auto;font-size:120px;display:flex;position:relative;transform:rotate(4deg);box-shadow:inset 0 0 40px #ffffff14,0 25px 50px #0e3b6033}.course-progress-box{z-index:5;background:#fffffff5;border:1px solid #5f8eb326;border-radius:20px;width:min(1080px,86%);margin:-28px auto 0;padding:25px 30px;position:relative;box-shadow:0 15px 40px #204f7321}.progress-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:17px;display:flex}.progress-heading>div:first-child{flex-direction:column;display:flex}.progress-heading span{color:#7690a5;font-size:12px;font-weight:750}.progress-heading strong{color:#234f73;margin-top:4px;font-size:17px}.progress-xp{color:#9b7210;background:#fff7d8;border-radius:10px;padding:8px 13px;font-size:13px;font-weight:800}.progress-track{background:#e8f1f7;border-radius:99px;width:100%;height:11px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3e83b3,#62b2e0);border-radius:99px;width:0%;height:100%}.elementary-units{width:min(1180px,90%);margin:75px auto 90px}.units-heading{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.small-heading{color:#4a86b2;letter-spacing:1.8px;font-size:11px;font-weight:850}.units-heading h2{color:#1c4668;letter-spacing:-.8px;margin:8px 0;font-size:34px}.units-heading p{color:#7a92a6;margin:0;font-size:14px}.units-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.unit-card{background:linear-gradient(145deg,#fffffffc,#f7fbfffa);border:1px solid #5b89ad24;border-radius:22px;flex-direction:column;padding:25px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #2c5b8014}.unit-card:before{content:"";background:#4b91c414;border-radius:50%;width:120px;height:120px;position:absolute;top:-65px;right:-65px}.unit-card:hover{border-color:#4385b647;transform:translateY(-5px);box-shadow:0 18px 45px #22557d24}.unit-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.unit-number{color:#d1e2ee;letter-spacing:-2px;font-size:42px;font-weight:900;line-height:1}.unit-status{color:#28754d;background:#e6f8ee;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.unit-title{margin-top:23px}.unit-title>span{color:#5f8aa9;letter-spacing:1.3px;font-size:10px;font-weight:850}.unit-title h3{color:#234f73;margin:8px 0 0;font-size:24px;line-height:1.25}.unit-lessons{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:23px;display:grid}.unit-lessons div{color:#56768f;background:#f1f7fb;border:1px solid #e6f0f7;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:9px 11px;font-size:12px;font-weight:700;display:flex}.unit-lessons div span{font-size:15px}.open-unit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d78a5,#2e648f);border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:23px;padding:13px 16px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 18px #2c67932e}.open-unit-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #29628c3d}.open-unit-button span{font-size:18px}.unit-card:first-child{background:radial-gradient(circle at 100% 0,#ffdc6529,#0000 28%),linear-gradient(145deg,#fff,#f7fbff);border-color:#5693be42}.unit-card:first-child .unit-status{color:#936c0b;background:#fff5ce}.unit-card:first-child .unit-number{color:#d9bd62}.unit-card:first-child .open-unit-button{margin-top:auto}.elementary-footer{color:#fff;background:#214d70;justify-content:center;align-items:center;gap:12px;min-height:130px;padding:30px 5%;display:flex}.elementary-footer img{object-fit:cover;border-radius:50%;width:58px;height:58px}.elementary-footer div{flex-direction:column;display:flex}.elementary-footer strong{font-size:17px}.elementary-footer span{color:#ffffffad;letter-spacing:.7px;margin-top:4px;font-size:11px}@media (width<=900px){.elementary-hero{grid-template-columns:1fr;padding:50px}.elementary-hero-icon{display:none}.elementary-stats{flex-wrap:wrap}.units-grid{grid-template-columns:1fr}.unit-card:first-child .open-unit-button{margin-top:23px}}@media (width<=600px){.elementary-header{min-height:70px;padding:0 18px}.elementary-brand img{width:46px;height:46px}.elementary-brand strong{font-size:15px}.elementary-brand span{font-size:8px}.elementary-home-button{padding:9px 11px;font-size:11px}.elementary-hero{width:calc(100% - 24px);min-height:unset;border-radius:22px;margin-top:18px;padding:38px 25px}.elementary-hero h1{letter-spacing:-1.5px;margin-top:18px;font-size:40px}.elementary-hero p{font-size:14px;line-height:1.65}.elementary-stats{gap:8px;margin-top:25px}.elementary-stats div{flex:1;min-width:0;padding:11px}.elementary-stats strong{font-size:17px}.elementary-stats span{font-size:9px}.course-progress-box{width:calc(100% - 46px);margin-top:-18px;padding:20px}.elementary-units{width:calc(100% - 30px);margin-top:55px}.units-heading h2{font-size:28px}.unit-card{padding:20px}.unit-number{font-size:35px}.unit-title h3{font-size:21px}.unit-lessons{grid-template-columns:1fr 1fr}}@media (width<=390px){.elementary-brand div{display:none}.elementary-stats{grid-template-columns:1fr;display:grid}.unit-lessons{grid-template-columns:1fr}}.elementary-header{background:linear-gradient(135deg,#315f86 0%,#527b99 55%,#3f6f94 100%);border-bottom:1px solid #ffffff1f;box-shadow:0 8px 28px #14375538}.elementary-brand,.elementary-brand strong{color:#fff}.elementary-brand span{color:#ffffffb8}.elementary-brand img{border:2px solid #ffffffbf;box-shadow:0 5px 18px #102f4847}.elementary-home-button{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff3d}.elementary-home-button:hover{color:#244f72;background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 22px #0f2f4938}.introduction-brand strong{color:#fff;font-size:19px;font-weight:800;line-height:1.1}.back-to-course{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff3d;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.back-to-course:hover{color:#244f72;background:#fff;transform:translateY(-2px);box-shadow:0 8px 22px #0f2f4938}.introduction-hero{background:radial-gradient(circle at 85% 20%,#ffdc644d,#0000 30%),radial-gradient(circle at 15% 100%,#50a4e14d,#0000 38%),linear-gradient(135deg,#275d87 0%,#3e7fae 55%,#74b7de 100%);border-radius:30px;grid-template-columns:1.3fr .7fr;align-items:center;width:min(1180px,90%);min-height:370px;margin:45px auto 0;padding:55px 65px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #1e537d33}.introduction-hero:after{content:"";background:#ffffff12;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-190px;right:20%}.introduction-hero-text{z-index:2;position:relative}.introduction-label{color:#765813;letter-spacing:1.1px;background:linear-gradient(135deg,#fff9dc,#fff0ae);border-radius:999px;width:fit-content;padding:9px 15px;font-size:12px;font-weight:850;box-shadow:0 8px 20px #3e340d21}.introduction-hero h1{color:#fff;letter-spacing:-2px;text-shadow:0 5px 15px #0d395b2b;margin:22px 0 15px;font-size:clamp(42px,5vw,66px);line-height:1}.introduction-hero p{color:#ffffffe0;max-width:650px;margin:0;font-size:17px;font-weight:500;line-height:1.75}.introduction-info{gap:14px;margin-top:32px;display:flex}.introduction-info div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border:1px solid #ffffff30;border-radius:15px;flex-direction:column;min-width:125px;padding:14px 18px;display:flex}.introduction-info strong{color:#fff;font-size:22px;font-weight:850}.introduction-info span{color:#ffffffc2;margin-top:4px;font-size:11px;font-weight:700}.introduction-hero-letter{z-index:2;color:#fff;letter-spacing:-6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff3d,#ffffff12);border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:230px;height:230px;margin-left:auto;font-size:92px;font-weight:900;display:flex;position:relative;transform:rotate(3deg);box-shadow:inset 0 0 40px #ffffff12,0 25px 50px #0e3b6033}.introduction-progress-top{justify-content:space-between;align-items:center;gap:30px;margin-bottom:17px;display:flex}.introduction-progress-top>div:first-child{flex-direction:column;display:flex}.introduction-progress-top span{color:#7690a5;font-size:12px;font-weight:750}.introduction-progress-top strong{color:#234f73;margin-top:4px;font-size:17px}.introduction-xp{color:#9b7210;background:#fff7d8;border-radius:10px;padding:8px 13px;font-size:13px;font-weight:800}.introduction-progress-track{background:#e8f1f7;border-radius:99px;width:100%;height:11px;overflow:hidden}.introduction-progress-fill{background:linear-gradient(90deg,#3e83b3,#62b2e0);border-radius:99px;width:0%;height:100%}.introduction-sections{width:min(1180px,90%);margin:75px auto 90px}.introduction-section-heading{margin-bottom:30px}.introduction-section-heading p{color:#7a92a6;margin:0;font-size:14px}.introduction-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.introduction-section-card{background:linear-gradient(145deg,#fffffffc,#f7fbfffa);border:1px solid #5b89ad26;border-radius:24px;flex-direction:column;min-height:295px;padding:27px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #2c5b8014}.introduction-section-card:before{content:"";background:#4a8fc214;border-radius:50%;width:145px;height:145px;position:absolute;top:-80px;right:-80px}.introduction-section-card:hover{border-color:#4385b64d;transform:translateY(-5px);box-shadow:0 18px 45px #22557d24}.section-card-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.section-letter{color:#fff;background:linear-gradient(135deg,#3e83b3,#2d668f);border-radius:18px;justify-content:center;align-items:center;width:66px;height:66px;font-size:32px;font-weight:900;display:flex;box-shadow:0 10px 24px #31699433}.section-status{color:#28754d;background:#e6f8ee;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.section-card-content{margin-top:25px}.section-card-content>span{color:#5f8aa9;letter-spacing:1.3px;font-size:10px;font-weight:850}.section-card-content h3{color:#234f73;margin:8px 0 10px;font-size:25px}.section-card-content p{color:#71899d;max-width:460px;margin:0;font-size:14px;line-height:1.65}.open-section-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d78a5,#2e648f);border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:14px 17px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 18px #2c67932e}.open-section-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #29628c3d}.open-section-button span{font-size:18px}.introduction-section-card:first-child .section-letter{background:linear-gradient(135deg,#3f83b4,#2d668f)}.introduction-section-card:nth-child(2) .section-letter{background:linear-gradient(135deg,#56a581,#347a5a)}.introduction-section-card:nth-child(3) .section-letter{background:linear-gradient(135deg,#8a75bf,#65519b)}.introduction-section-card:nth-child(4) .section-letter{background:linear-gradient(135deg,#d79a4b,#b87327)}.introduction-footer span{color:#ffffffad;letter-spacing:.7px;margin-top:4px;font-size:11px}@media (width<=900px){.introduction-hero{grid-template-columns:1fr;padding:50px}.introduction-hero-letter{display:none}.introduction-info{flex-wrap:wrap}.introduction-section-grid{grid-template-columns:1fr}}@media (width<=600px){.introduction-header{min-height:70px;padding:0 18px}.introduction-brand img{width:46px;height:46px}.introduction-brand strong{font-size:15px}.introduction-brand span{font-size:8px}.back-to-course{padding:9px 11px;font-size:11px}.introduction-hero{width:calc(100% - 24px);min-height:unset;border-radius:22px;margin-top:18px;padding:38px 25px}.introduction-hero h1{letter-spacing:-1.5px;font-size:40px}.introduction-hero p{font-size:14px;line-height:1.65}.introduction-info{gap:8px;margin-top:25px}.introduction-info div{flex:1;min-width:0;padding:11px}.introduction-info strong{font-size:17px}.introduction-info span{font-size:9px}.introduction-progress{width:calc(100% - 46px);margin-top:-18px;padding:20px}.introduction-sections{width:calc(100% - 30px);margin-top:55px}.introduction-section-heading h2{font-size:28px}.introduction-section-card{min-height:275px;padding:22px}.section-letter{width:58px;height:58px;font-size:28px}}@media (width<=390px){.introduction-brand div{display:none}.introduction-info{grid-template-columns:1fr;display:grid}}.section-b-page{color:#18344f;background:radial-gradient(circle at 5% 5%,#4891d224,#0000 28%),radial-gradient(circle at 95% 18%,#57b3e81a,#0000 25%),linear-gradient(#f7fbff 0%,#edf6fc 100%);min-height:100vh}.section-b-header{z-index:100;background:linear-gradient(135deg,#315f86 0%,#527b99 55%,#3f6f94 100%);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:25px;min-height:82px;padding:0 5%;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #14375538}.section-b-brand{color:#fff;align-items:center;gap:13px;text-decoration:none;display:flex}.section-b-brand img{object-fit:cover;border:2px solid #ffffffbf;border-radius:50%;width:60px;height:60px;box-shadow:0 5px 18px #102f4840}.section-b-brand div{flex-direction:column;display:flex}.section-b-brand strong{color:#fff;font-size:19px;font-weight:800}.section-b-brand span{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.section-b-back{color:#fff;background:#ffffff21;border:1px solid #ffffff3d;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.section-b-back:hover{color:#285778;background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #1a415e29}.section-b-hero{background:radial-gradient(circle at 85% 20%,#ffffff29,#0000 28%),radial-gradient(circle at 10% 100%,#57d2b02e,#0000 34%),linear-gradient(135deg,#285e83 0%,#347f91 55%,#62b1ad 100%);border-radius:30px;grid-template-columns:1fr auto;align-items:center;width:min(1180px,90%);min-height:295px;margin:42px auto 0;padding:50px 60px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #20586e33}.section-b-hero:before{content:"";background:#ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;top:-190px;left:-70px}.section-b-label{z-index:2;color:#2b6b6b;letter-spacing:1px;background:#fff;border-radius:999px;padding:9px 15px;font-size:11px;font-weight:850;display:inline-block;position:relative;box-shadow:0 7px 20px #13434e1f}.section-b-hero h1{z-index:2;color:#fff;letter-spacing:-2px;margin:21px 0 14px;font-size:clamp(42px,5vw,64px);line-height:1;position:relative}.section-b-hero p{z-index:2;color:#ffffffe0;max-width:700px;margin:0;font-size:16px;line-height:1.7;position:relative}.section-b-hero-badge{z-index:2;color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:40px;justify-content:center;align-items:center;width:170px;height:170px;font-size:86px;font-weight:900;display:flex;position:relative;transform:rotate(3deg);box-shadow:inset 0 0 35px #ffffff12,0 20px 45px #15404d2e}.section-b-activity-selector{z-index:10;background:#fff;border:1px solid #4c809e1f;border-radius:21px;grid-template-columns:repeat(3,1fr);gap:11px;width:min(970px,88%);margin:-28px auto 0;padding:15px;display:grid;position:relative;box-shadow:0 15px 40px #1f506724}.section-b-activity{color:#617d91;text-align:left;cursor:pointer;background:linear-gradient(145deg,#f8fbfd,#f1f7f9);border:1px solid #e0ebf0;border-radius:15px;align-items:center;gap:13px;min-height:80px;padding:13px 17px;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:flex}.section-b-activity:hover{transform:translateY(-2px);box-shadow:0 8px 20px #24586b14}.section-b-activity>span{font-size:28px}.section-b-activity div{flex-direction:column;display:flex}.section-b-activity strong{font-size:15px}.section-b-activity small{color:#91a3ae;margin-top:3px;font-size:10px}.section-b-activity.active{color:#fff;background:linear-gradient(135deg,#337b8d,#2d687e);border-color:#0000;box-shadow:0 9px 22px #2a6a7c33}.section-b-activity.active small{color:#ffffffb8}.section-b-best-score{background:linear-gradient(135deg,#fffdf4,#fff);border:1px solid #eee1aa;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:12px;width:min(970px,88%);margin:18px auto 0;padding:16px 22px;display:grid;box-shadow:0 9px 25px #5c4d180f}.section-b-best-score>div{border-right:1px solid #eee6c4;flex-direction:column;justify-content:center;min-height:58px;padding:5px 15px;display:flex}.section-b-best-score>div:last-child{border-right:none}.section-b-best-score span{color:#9c8544;letter-spacing:1.2px;font-size:9px;font-weight:850}.section-b-best-score strong{color:#71591a;margin-top:5px;font-size:16px;font-weight:850}.section-b-content{width:min(1180px,90%);margin:65px auto 90px}.section-b-content.compact-content{width:min(920px,90%)}.section-b-heading{margin-bottom:31px}.section-b-heading>span{color:#3c8b8a;letter-spacing:1.7px;font-size:10px;font-weight:900}.section-b-heading h2{color:#214d65;letter-spacing:-.7px;margin:8px 0;font-size:34px}.section-b-heading p{color:#788f9e;max-width:760px;margin:0;font-size:14px;line-height:1.7}.section-b-heading p strong{color:#397a86}.explanation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.explanation-card{background:linear-gradient(145deg,#fff,#f7fbfc);border:1px solid #427e9424;border-radius:21px;flex-direction:column;min-height:295px;padding:23px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 28px #22526512}.explanation-card:after{content:"";pointer-events:none;background:#46a6960f;border-radius:50%;width:130px;height:130px;position:absolute;top:-70px;right:-75px}.explanation-card:hover{border-color:#388b8847;transform:translateY(-4px);box-shadow:0 16px 40px #2252651f}.explanation-card-number{color:#fff;background:linear-gradient(135deg,#3d8a8b,#2e6e7c);border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;font-size:11px;font-weight:900;display:flex;box-shadow:0 7px 17px #2d707c29}.explanation-word{margin-top:18px}.explanation-word h3{color:#214e68;margin:0;font-size:25px;line-height:1.25}.explanation-word>span{color:#7690a1;margin-top:6px;font-size:14px;display:block}.explanation-translation{background:linear-gradient(135deg,#edf7f6,#f5fbfb);border:1px solid #dceeed;border-radius:12px;flex-direction:column;margin-top:18px;padding:13px 15px;display:flex}.explanation-translation span{color:#55908b;letter-spacing:1.3px;font-size:8px;font-weight:900}.explanation-translation strong{color:#326e6b;margin-top:4px;font-size:14px}.example-box{background:linear-gradient(135deg,#f4f8fc,#fff);border-left:4px solid #548db2;border-radius:12px;flex:1;margin-top:13px;padding:14px 15px}.example-box>span{color:#6c8ca3;letter-spacing:1.3px;font-size:8px;font-weight:900}.example-box p{color:#365f7b;margin:7px 0 0;font-size:14px;font-weight:650;line-height:1.55}.b-flashcard-counter{color:#8299a6;justify-content:center;align-items:center;gap:8px;margin:0 auto 16px;display:flex}.b-flashcard-counter span{letter-spacing:1.1px;font-size:9px;font-weight:850}.b-flashcard-counter strong{color:#347b81;font-size:16px}.b-vocab-flashcard{perspective:1600px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:min(680px,100%);height:405px;margin:auto;padding:0;display:block;position:relative}.b-vocab-flashcard:focus-visible{outline-offset:8px;border-radius:30px;outline:4px solid #388f8b3b}.b-flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:30px;transition:transform .78s cubic-bezier(.175,.885,.32,1.1);position:relative;box-shadow:0 26px 55px #1c4c5b26,0 8px 18px #1c4c5b14}.b-vocab-flashcard:hover .b-flashcard-inner{box-shadow:0 32px 70px #1c4c5b33}.b-vocab-flashcard.flipped .b-flashcard-inner{transform:rotateY(180deg)}.b-flashcard-face{backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;border-radius:30px;flex-direction:column;padding:31px 34px;display:flex;position:absolute;inset:0;overflow:hidden}.b-flashcard-front{color:#214e68;background:radial-gradient(circle at 90% 10%,#47ad9c1f,#0000 29%),radial-gradient(circle at 8% 95%,#3e7ba412,#0000 30%),linear-gradient(145deg,#fff,#f3fafb);border:1px solid #4186902b}.b-flashcard-back{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff24,#0000 30%),radial-gradient(circle at 8% 100%,#59c4b226,#0000 35%),linear-gradient(145deg,#225b6d,#337e80 55%,#51a89b);border:1px solid #ffffff2b;transform:rotateY(180deg)}.b-flashcard-top-row{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.b-card-side-label{color:#467a80;letter-spacing:1.6px;background:#e4f4f2e6;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}.b-flashcard-back .b-card-side-label{color:#fff;background:#ffffff21;border:1px solid #ffffff1f}.b-card-number-badge{color:#397d81;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;font-size:11px;font-weight:900;display:flex;box-shadow:0 6px 16px #1d4e5a17}.b-flashcard-back .b-card-number-badge{color:#fff;background:#ffffff24}.b-flashcard-main{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.b-language-icon{color:#357d80;letter-spacing:1px;background:linear-gradient(145deg,#e8f6f4,#fff);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:22px;font-size:14px;font-weight:900;display:flex;box-shadow:0 9px 24px #1e515b1a}.b-language-icon-back{color:#fff;box-shadow:none;background:#ffffff21;border:1px solid #ffffff21}.b-flashcard-main h3{color:#214d66;letter-spacing:-1.1px;max-width:570px;margin:0;font-size:clamp(34px,4.5vw,53px);line-height:1.15}.b-flashcard-back .b-flashcard-main h3{color:#fff;text-shadow:0 4px 18px #0b353c33}.b-transcription{color:#718b99;margin:17px 0 0;font-size:20px}.b-back-english{color:#ffffff9e;margin:17px 0 0;font-size:14px;font-weight:700}.b-flashcard-bottom-row{z-index:3;color:#8aa0aa;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex;position:relative}.b-flashcard-bottom-row strong{color:#397e82;background:#e9f6f4;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.b-flashcard-back .b-flashcard-bottom-row{color:#ffffffa6}.b-flashcard-back .b-flashcard-bottom-row strong{color:#fff;background:#ffffff21}.b-flashcard-controls{grid-template-columns:1fr 1fr 1fr;gap:10px;width:min(680px,100%);margin:25px auto 0;display:grid}.b-flashcard-controls button{color:#567581;cursor:pointer;background:#fff;border:1px solid #d7e6eb;border-radius:13px;min-height:52px;padding:14px 16px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.b-flashcard-controls button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1f515e1a}.b-flashcard-controls .b-random-card{background:#edf7f6}.b-flashcard-controls .b-next-card{color:#fff;background:linear-gradient(135deg,#357e82,#2b6978);border-color:#0000}.b-test-progress{background:#fff;border:1px solid #437e8f21;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;width:min(730px,100%);margin:0 auto 20px;padding:18px 20px;display:grid;box-shadow:0 12px 35px #1f505e17}.b-test-stat{background:#f4f9fa;border-radius:13px;align-items:center;gap:11px;padding:10px 12px;display:flex}.b-test-stat>span{color:#fff;background:#43858e;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:13px;font-weight:900;display:flex}.b-test-stat.correct>span{background:#4c9c71}.b-test-stat.remaining>span{background:#d29a43}.b-test-stat div{flex-direction:column;display:flex}.b-test-stat small{color:#8b9ea7;letter-spacing:1px;font-size:8px;font-weight:850}.b-test-stat strong{color:#285c6e;margin-top:2px;font-size:16px}.b-test-progress-track{background:#e6eff2;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.b-test-progress-fill{background:linear-gradient(90deg,#337b84,#4da89d,#74c9b8);border-radius:999px;height:100%;transition:width .4s}.b-typing-game{background:linear-gradient(145deg,#fff,#f9fcfc);border:1px solid #437e8f24;border-radius:26px;width:min(730px,100%);margin:auto;padding:32px;animation:.38s cubic-bezier(.2,.8,.2,1) bQuestionEnter;box-shadow:0 20px 55px #1f505e21}@keyframes bQuestionEnter{0%{opacity:0;transform:translate(22px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.b-question-pill{color:#397d83;letter-spacing:1.4px;background:#e9f6f4;border-radius:999px;width:fit-content;margin:0 auto;padding:7px 12px;font-size:9px;font-weight:900}.b-typing-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:215px;display:flex}.b-typing-question>span{color:#89a0a7;letter-spacing:1.7px;font-size:9px;font-weight:850}.b-typing-question h3{color:#214d62;letter-spacing:-.8px;max-width:590px;margin:18px 0 0;font-size:clamp(31px,5vw,49px);line-height:1.2}.typing-hint{color:#5c7b8a;background:#edf4f6;border-radius:999px;margin-top:15px;padding:7px 12px;font-size:10px;font-weight:700}.b-typing-form{grid-template-columns:1fr auto;gap:10px;display:grid}.b-typing-form input{color:#234e61;background:#f9fcfd;border:2px solid #d6e5e8;border-radius:13px;outline:none;width:100%;padding:17px 18px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.b-typing-form input:focus{background:#fff;border-color:#59a49e;box-shadow:0 0 0 4px #449e971f}.b-typing-form input:disabled{color:#758a92;background:#f1f6f7}.b-typing-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#367e84,#2c6878);border:none;border-radius:13px;min-width:140px;padding:0 22px;font-weight:800;transition:transform .2s,box-shadow .2s}.b-typing-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 20px #28636d33}.b-typing-form button:disabled{opacity:.38;cursor:not-allowed}.b-answer-feedback{border-radius:15px;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;animation:.35s cubic-bezier(.2,.9,.2,1.15) bFeedbackPop;display:flex}@keyframes bFeedbackPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.b-answer-feedback>div{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;font-size:24px;font-weight:900;display:flex}.b-answer-feedback section{flex-direction:column;display:flex}.b-answer-feedback section>span{letter-spacing:1.4px;font-size:8px;font-weight:900}.b-answer-feedback strong{margin-top:3px;font-size:15px}.b-answer-feedback p{margin:5px 0 2px;font-size:17px;font-weight:850}.b-answer-feedback small{opacity:.74}.b-answer-feedback.b-correct{color:#276447;background:linear-gradient(135deg,#e9f9f0,#f7fdf9);border:1px solid #bde9cf}.b-answer-feedback.b-correct>div{background:#45a36e}.b-answer-feedback.b-incorrect{color:#8a4040;background:linear-gradient(135deg,#fff0f0,#fff9f9);border:1px solid #efc9c9}.b-answer-feedback.b-incorrect>div{background:#d45d5d}.b-next-question{color:#fff;cursor:pointer;background:linear-gradient(135deg,#367e84,#2c6878);border:none;border-radius:13px;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding:15px 18px;font-size:13px;font-weight:850;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #265e6b26}.b-next-question:hover{transform:translateY(-2px);box-shadow:0 12px 25px #265e6b38}.b-result-screen{text-align:center;background:radial-gradient(circle at 50% -5%,#ffd74936,#0000 31%),radial-gradient(circle at 100% 100%,#3da4971f,#0000 30%),linear-gradient(145deg,#fff,#f8fcfc);border:1px solid #457e8b24;border-radius:32px;width:min(760px,100%);margin:auto;padding:45px 42px;animation:.55s cubic-bezier(.2,.9,.2,1.1) bResultEntrance;position:relative;overflow:hidden;box-shadow:0 25px 70px #1f505e29}@keyframes bResultEntrance{0%{opacity:0;transform:translateY(24px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}.b-new-best{color:#7b5a04;letter-spacing:1px;background:linear-gradient(135deg,#fff3b4,#ffe27a);border:1px solid #ebcb58;border-radius:999px;width:fit-content;margin:0 auto 17px;padding:8px 14px;font-size:10px;font-weight:900;animation:1.4s infinite alternate bNewBestPulse}@keyframes bNewBestPulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.b-result-trophy{font-size:64px;animation:.85s bTrophyBounce}@keyframes bTrophyBounce{0%{opacity:0;transform:scale(.4)rotate(-12deg)}60%{transform:scale(1.18)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.b-result-label{color:#488486;letter-spacing:1.8px;margin-top:12px;font-size:9px;font-weight:900;display:block}.b-result-screen h2{color:#214d62;margin:7px 0 20px;font-size:34px}.b-percentage-ring{background:conic-gradient(#337b83 0deg, #58b4a8 var(--score), #e5eeee var(--score), #e5eeee 360deg);border-radius:50%;width:170px;height:170px;margin:15px auto 23px;padding:10px;animation:.8s bRingAppear;display:flex;box-shadow:0 15px 35px #2a686d2e}@keyframes bRingAppear{0%{opacity:0;transform:rotate(-25deg)scale(.75)}to{opacity:1;transform:rotate(0)scale(1)}}.b-percentage-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.b-percentage-inner strong{color:#2d686f;font-size:39px;font-weight:900}.b-percentage-inner span{color:#8a9fa4;letter-spacing:1.4px;margin-top:2px;font-size:8px;font-weight:900}.b-result-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.b-result-stats>div{background:#f4f9fa;border:1px solid #e3edef;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:14px;display:flex}.b-result-stats span{color:#458589;font-size:18px;font-weight:900}.b-result-stats strong{color:#234f62;margin-top:5px;font-size:23px}.b-result-stats small{color:#899da4;margin-top:2px;font-size:9px}.b-result-stars-area{background:linear-gradient(135deg,#fffaf0,#fffef9);border:1px solid #f0e2b1;border-radius:20px;margin-top:30px;padding:25px 18px}.b-result-stars-area>span{color:#9b7c27;letter-spacing:1.5px;font-size:9px;font-weight:900}.b-result-stars-area>strong{color:#806319;margin-top:7px;font-size:14px;display:block}.b-stars-earned{justify-content:center;align-items:center;gap:7px;min-height:60px;margin-top:13px;display:flex}.b-result-star{color:#d9d4bd;opacity:0;font-size:clamp(30px,5vw,45px);animation:.5s forwards bStarReveal;display:inline-block}.b-result-star.earned{color:#efbb22}@keyframes bStarReveal{0%{opacity:0;transform:translateY(15px)rotate(-20deg)scale(.3)}65%{opacity:1;transform:translateY(-4px)rotate(6deg)scale(1.2)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.b-star-scale{background:#f7fafb;border:1px solid #e4edef;border-radius:17px;gap:7px;margin-top:22px;padding:14px;display:grid}.b-star-scale div{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;min-height:41px;padding:7px 12px;transition:transform .2s,background .2s;display:flex}.b-star-scale div.achieved{background:linear-gradient(135deg,#fff4bb,#fff9e4);border:1px solid #ebce67;transform:scale(1.02)}.b-star-scale strong{color:#dda919;letter-spacing:2px}.b-star-scale span{color:#8d7a45;font-size:11px;font-weight:800}.b-best-result{text-align:left;background:linear-gradient(135deg,#ebf7f6,#f8fcfc);border:1px solid #d6ece9;border-radius:17px;align-items:center;gap:15px;margin-top:22px;padding:18px 20px;display:flex}.b-best-result>div{background:#fff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex}.b-best-result section{flex-direction:column;display:flex}.b-best-result span{color:#56898a;letter-spacing:1.4px;font-size:8px;font-weight:900}.b-best-result strong{color:#2d686e;margin-top:4px;font-size:19px}.b-best-result p{color:#819699;margin:5px 0 0;font-size:10px}.b-result-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;display:grid}.b-result-actions button,.b-result-actions a{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;min-height:54px;padding:12px 18px;font-size:12px;font-weight:850;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.b-result-actions button{color:#567581;background:#fff;border:1px solid #d6e5e8}.b-result-actions a{color:#fff;background:linear-gradient(135deg,#367e84,#2c6878);border:none}.b-result-actions button:hover,.b-result-actions a:hover{transform:translateY(-2px);box-shadow:0 9px 20px #1f505e1f}.section-b-footer{color:#fff;background:#214d70;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:25px;display:flex}.section-b-footer img{object-fit:cover;border-radius:50%;width:55px;height:55px}.section-b-footer div{flex-direction:column;display:flex}.section-b-footer strong{font-size:16px}.section-b-footer span{color:#ffffffa6;margin-top:4px;font-size:10px}@media (width<=900px){.section-b-hero{grid-template-columns:1fr}.section-b-hero-badge{display:none}.explanation-grid{grid-template-columns:1fr}.section-b-activity-selector{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.section-b-header{min-height:70px;padding:0 16px}.section-b-brand img{width:45px;height:45px}.section-b-brand strong{font-size:14px}.section-b-brand span{font-size:7px}.section-b-back{padding:9px;font-size:10px}.section-b-hero{width:calc(100% - 24px);min-height:unset;border-radius:22px;margin-top:18px;padding:35px 24px}.section-b-hero h1{font-size:38px}.section-b-hero p{font-size:14px}.section-b-activity-selector{grid-template-columns:1fr;width:calc(100% - 40px);margin-top:-18px}.section-b-best-score{grid-template-columns:1fr;width:calc(100% - 40px)}.section-b-best-score>div{border-bottom:1px solid #eee6c4;border-right:none}.section-b-best-score>div:last-child{border-bottom:none}.section-b-content,.section-b-content.compact-content{width:calc(100% - 30px);margin-top:45px}.section-b-heading h2{font-size:29px}.explanation-grid{grid-template-columns:1fr}.explanation-card{min-height:unset;padding:20px}.b-vocab-flashcard{height:355px}.b-flashcard-face{padding:24px 22px}.b-flashcard-main h3{font-size:clamp(28px,8vw,40px)}.b-transcription{font-size:17px}.b-flashcard-controls{grid-template-columns:1fr}.b-test-progress{grid-template-columns:1fr;padding:15px}.b-test-progress-track{grid-column:1}.b-typing-game{padding:23px 20px}.b-typing-question{min-height:190px}.b-typing-form{grid-template-columns:1fr}.b-typing-form button{min-height:51px}.b-result-screen{border-radius:23px;padding:30px 20px}.b-percentage-ring{width:145px;height:145px}.b-percentage-inner strong{font-size:32px}.b-result-stats{grid-template-columns:repeat(3,1fr)}.b-result-stats>div{min-height:85px;padding:10px 5px}.b-result-actions{grid-template-columns:1fr}.b-best-result{align-items:flex-start}}@media (width<=390px){.section-b-brand div{display:none}.b-result-stats{grid-template-columns:1fr}.b-star-scale strong{font-size:12px}}.introduction-page{color:#18344f;background:radial-gradient(circle at 4% 5%,#4c91cc1f,#0000 27%),radial-gradient(circle at 95% 18%,#57b3e814,#0000 24%),linear-gradient(#f7fbff 0%,#edf5fb 100%);min-height:100vh}.introduction-header{z-index:100;background:linear-gradient(135deg,#315f86,#527b99 55%,#3f6f94);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:0 5%;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #14375538}.introduction-brand{color:#fff;align-items:center;gap:13px;text-decoration:none;display:flex}.introduction-brand img{object-fit:cover;border:2px solid #ffffffbf;border-radius:50%;width:60px;height:60px;box-shadow:0 5px 18px #102f4840}.introduction-brand div{flex-direction:column;display:flex}.introduction-brand strong{color:#fff;font-size:19px;font-weight:800}.introduction-brand span{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.introduction-back{color:#fff;background:#ffffff21;border:1px solid #ffffff3d;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.introduction-back:hover{color:#285778;background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #14375524}.introduction-hero{background:radial-gradient(circle at 85% 18%,#ffffff2e,#0000 27%),radial-gradient(circle at 8% 100%,#4b97cf33,#0000 34%),linear-gradient(135deg,#275d87 0%,#3d7ba8 55%,#75b8df 100%);border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:40px;width:min(1180px,90%);min-height:300px;margin:42px auto 0;padding:50px 60px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #1e537d33}.introduction-hero:before{content:"";background:#ffffff12;border-radius:50%;width:270px;height:270px;position:absolute;top:-180px;left:-80px}.introduction-label{z-index:2;color:#275d83;letter-spacing:1.3px;background:#fff;border-radius:999px;padding:9px 15px;font-size:10px;font-weight:900;display:inline-block;position:relative;box-shadow:0 7px 20px #103c5e1f}.introduction-hero h1{z-index:2;color:#fff;letter-spacing:-2px;margin:21px 0 14px;font-size:clamp(43px,5vw,65px);line-height:1;position:relative}.introduction-hero p{z-index:2;color:#ffffffe0;max-width:680px;margin:0;font-size:16px;line-height:1.7;position:relative}.introduction-hero-number{z-index:2;color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:42px;justify-content:center;align-items:center;width:180px;height:180px;font-size:68px;font-weight:900;display:flex;position:relative;transform:rotate(3deg);box-shadow:inset 0 0 35px #ffffff12,0 20px 45px #1641622e}.introduction-progress{z-index:10;background:#fff;border:1px solid #4c80a521;border-radius:20px;width:min(950px,86%);margin:-27px auto 0;padding:20px 24px;position:relative;box-shadow:0 15px 40px #204f7321}.introduction-progress-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.introduction-progress-top>div{flex-direction:column;display:flex}.introduction-progress-top div span{color:#7c98ab;letter-spacing:1.3px;font-size:9px;font-weight:900}.introduction-progress-top div strong{color:#285c82;margin-top:4px;font-size:15px}.introduction-progress-top>span{color:#3477a5;font-size:19px;font-weight:900}.introduction-progress-track{background:#e7f0f6;border-radius:999px;height:9px;overflow:hidden}.introduction-progress-fill{background:linear-gradient(90deg,#3c7ba8,#6cb7df);border-radius:999px;height:100%;transition:width .4s}.introduction-content{width:min(1180px,90%);margin:70px auto 90px}.introduction-section-heading{max-width:700px;margin-bottom:30px}.introduction-section-heading>span{color:#4b84ac;letter-spacing:1.6px;font-size:10px;font-weight:900}.introduction-section-heading h2{color:#214d70;letter-spacing:-1px;margin:8px 0;font-size:clamp(30px,4vw,40px)}.introduction-section-heading p{color:#7890a4;margin:0;font-size:14px;line-height:1.7}.introduction-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.introduction-learning-card{background:linear-gradient(145deg,#fff,#f8fbfd);border:1px solid #4c80a524;border-radius:25px;padding:27px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 14px 40px #2352761a}.introduction-learning-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #23527624}.introduction-learning-card:before{content:"";pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-115px;right:-100px}.vocabulary-card:before{background:#3a81b514}.grammar-card:before{background:#439f7614}.learning-card-top{z-index:2;border-bottom:1px solid #e5edf3;grid-template-columns:auto 1fr;align-items:flex-start;gap:17px;min-height:120px;padding-bottom:23px;display:grid;position:relative}.learning-icon{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:25px;font-weight:900;display:flex;box-shadow:0 9px 22px #1f547926}.vocabulary-icon{background:linear-gradient(135deg,#3e83b0,#2e678f)}.grammar-icon{background:linear-gradient(135deg,#4c9d71,#357a5b)}.learning-card-top>div:last-child>span{color:#7691a3;letter-spacing:1.4px;font-size:9px;font-weight:900}.learning-card-top h3{color:#214d70;margin:4px 0 7px;font-size:25px}.learning-card-top p{color:#8095a5;max-width:400px;margin:0;font-size:12px;line-height:1.55}.lesson-button-list{gap:10px;margin-top:22px;display:grid}.lesson-button{min-height:73px;color:inherit;background:linear-gradient(145deg,#f8fbfd,#fff);border:1px solid #e2ecf2;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:11px 14px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:grid}.lesson-button:hover{background:#fff;border-color:#bbd4e5;transform:translate(4px);box-shadow:0 8px 22px #22527417}.lesson-button-letter,.grammar-mini-icon{border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;font-size:14px;font-weight:900;display:flex}.lesson-button-letter{color:#316e9a;background:linear-gradient(145deg,#e8f3fa,#f5fbff)}.grammar-mini-icon{color:#397e5c;background:linear-gradient(145deg,#e8f6ee,#f5fcf8)}.lesson-button-text{flex-direction:column;min-width:0;display:flex}.lesson-button-text strong{color:#295674;font-size:14px;font-weight:850}.lesson-button-text span{color:#8a9dab;margin-top:4px;font-size:10px}.lesson-arrow{color:#4e81a5;background:#edf5fa;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;font-weight:900;transition:transform .2s,background .2s,color .2s;display:flex}.lesson-button:hover .lesson-arrow{color:#fff;background:#3b79a5;transform:translate(2px)}.vocabulary-card .lesson-button:nth-child(2){background:linear-gradient(135deg,#f2fbfa,#fff);border-color:#4191903b}.vocabulary-card .lesson-button:nth-child(2) .lesson-button-letter{color:#347c7b;background:linear-gradient(145deg,#e4f5f2,#f5fcfb)}.lesson-placeholder{text-align:center;background:#fff;border:1px solid #4c80a524;border-radius:28px;width:min(680px,90%);margin:100px auto;padding:60px 40px;box-shadow:0 20px 55px #2352761f}.lesson-placeholder-icon{font-size:55px}.lesson-placeholder>span{color:#4d84ab;letter-spacing:1.6px;margin-top:20px;font-size:9px;font-weight:900;display:block}.lesson-placeholder h1{color:#214d70;margin:8px 0;font-size:38px}.lesson-placeholder p{color:#7d93a4}.lesson-placeholder a{color:#fff;background:linear-gradient(135deg,#3c7ca8,#2e678f);border-radius:12px;margin-top:18px;padding:13px 20px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.introduction-footer{color:#fff;background:#214d70;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:25px;display:flex}.introduction-footer img{object-fit:cover;border-radius:50%;width:55px;height:55px}.introduction-footer div{flex-direction:column;display:flex}.introduction-footer strong{font-size:16px}.introduction-footer span{color:#ffffffa6;margin-top:4px;font-size:10px}@media (width<=900px){.introduction-hero{grid-template-columns:1fr}.introduction-hero-number{display:none}.introduction-learning-grid{grid-template-columns:1fr}}@media (width<=650px){.introduction-header{min-height:70px;padding:0 16px}.introduction-brand img{width:45px;height:45px}.introduction-brand strong{font-size:14px}.introduction-brand span{font-size:7px}.introduction-back{padding:9px 10px;font-size:10px}.introduction-hero{width:calc(100% - 24px);min-height:unset;border-radius:22px;margin-top:18px;padding:35px 24px}.introduction-hero h1{font-size:39px}.introduction-hero p{font-size:14px}.introduction-progress{width:calc(100% - 40px);margin-top:-18px;padding:17px}.introduction-content{width:calc(100% - 30px);margin-top:55px}.introduction-section-heading h2{font-size:30px}.introduction-learning-card{padding:20px}.learning-card-top{grid-template-columns:1fr}.learning-icon{border-radius:15px;width:52px;height:52px}.lesson-button{min-height:68px;padding:10px}.lesson-button-letter,.grammar-mini-icon{width:39px;height:39px}.lesson-button-text strong{font-size:13px}.lesson-arrow{width:32px;height:32px}.lesson-placeholder{margin:60px auto;padding:40px 20px}.lesson-placeholder h1{font-size:31px}}@media (width<=390px){.introduction-brand div{display:none}.lesson-button{grid-template-columns:auto 1fr}.lesson-arrow{display:none}}.vocabulary-journey-page{color:#17384d;background:#f4f9fc;min-height:100vh;font-family:inherit}.vj-header{justify-content:space-between;align-items:center;width:min(1180px,92%);margin:auto;padding:18px 0;display:flex}.vj-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.vj-brand img{object-fit:contain;width:46px;height:46px}.vj-brand div{display:grid}.vj-brand span{color:#668294;font-size:.75rem}.vj-back{color:#347faf;font-weight:800;text-decoration:none}.vj-hero{color:#fff;background:linear-gradient(135deg,#183d57,#347faf);border-radius:28px;justify-content:space-between;align-items:center;width:min(1180px,92%);margin:auto;padding:42px;display:flex;box-shadow:0 20px 48px #19446233}.vj-hero span{letter-spacing:.1em;font-size:.76rem;font-weight:900}.vj-hero h1{margin:10px 0;font-size:clamp(2rem,5vw,3.4rem)}.vj-hero p{opacity:.85;margin:0}.vj-hero>b{background:#ffffff26;border-radius:24px;place-items:center;width:90px;height:90px;font-size:3rem;display:grid}.vj-shell{width:min(1180px,92%);margin:28px auto 70px}.vj-progress-card{background:#fff;border-radius:24px;padding:26px;box-shadow:0 12px 35px #1e4c6f17}.vj-progress-card>span,.vj-stage-heading>span{color:#347faf;letter-spacing:.12em;font-size:.72rem;font-weight:900}.vj-progress-card h2{margin:8px 0}.vj-progress-card p{color:#668294;margin:0 0 16px}.vj-progress-card>div{background:#dceaf2;border-radius:99px;height:11px;overflow:hidden}.vj-progress-card i{background:linear-gradient(90deg,#34a853,#69ca7e);height:100%;display:block}.vj-set-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px;display:grid}.vj-set-card{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #d6e5ee;border-radius:22px;padding:22px}.vj-set-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1e4c6f1a}.vj-set-card.mastered{background:#f2fff5;border-color:#72c68a}.vj-set-card>div{color:#347faf;justify-content:space-between;font-weight:900;display:flex}.vj-set-card h3{margin:14px 0}.vj-set-card p{color:#607d90;margin:6px 0}.vj-workspace-nav{justify-content:space-between;align-items:center;gap:14px;display:flex}.vj-workspace-nav button,.vj-card-controls button{color:#315c79;background:#fff;border:1px solid #c9dce8;border-radius:12px;padding:10px 14px;font-weight:800}.vj-workspace-nav div{gap:8px;display:flex}.vj-stepper{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;display:grid}.vj-stepper button{color:#557487;background:#fff;border:1px solid #d2e2ec;border-radius:16px;padding:14px;font-weight:850}.vj-stepper button b{background:#e8f2f8;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:8px;display:inline-grid}.vj-stepper button.active{color:#fff;background:#347faf;border-color:#347faf}.vj-stage{background:#fff;border-radius:26px;padding:28px;box-shadow:0 13px 35px #1e4c6f17}.vj-stage-heading{text-align:center;margin-bottom:24px}.vj-stage-heading h2{margin:8px 0}.vj-stage-heading p{color:#668294}.vj-word-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.vj-word-card{background:#fbfdff;border:1px solid #dce9f0;border-radius:20px;padding:22px}.vj-word-card>div{justify-content:space-between;display:flex}.vj-word-card>div b{color:#fff;background:#347faf;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.vj-word-card>div span{color:#688699}.vj-word-card h3{font-size:1.45rem}.vj-word-card section{background:#eff6fa;border-radius:13px;margin-top:10px;padding:13px}.vj-word-card section.uzbek{background:#f0faf3}.vj-word-card small{color:#347faf;margin-bottom:6px;font-weight:900;display:block}.vj-word-card p{margin:0}.vj-primary,.vj-result button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4791c6,#2e759f);border:0;border-radius:16px;width:min(520px,100%);min-height:55px;margin:24px auto 0;font-weight:900;display:block}.vj-flashcard{perspective:1200px;background:0 0;border:0;width:min(620px,100%);height:360px;margin:auto;padding:0;display:block}.vj-flashcard>div{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.vj-flashcard.flipped>div{transform:rotateY(180deg)}.vj-flashcard section{backface-visibility:hidden;color:#fff;background:linear-gradient(145deg,#244f6b,#347faf);border-radius:28px;place-content:center;padding:30px;display:grid;position:absolute;inset:0}.vj-flashcard section+section{background:linear-gradient(145deg,#267846,#43aa62);transform:rotateY(180deg)}.vj-flashcard h3{font-size:2.4rem}.vj-card-controls{justify-content:center;gap:12px;margin-top:18px;display:flex}.vj-quiz,.vj-result{text-align:center;background:#f9fcfe;border:1px solid #dce8ef;border-radius:22px;width:min(720px,100%);margin:auto;padding:28px}.vj-quiz input{box-sizing:border-box;width:100%;font:inherit;border:2px solid #c8dce8;border-radius:14px;padding:16px}.vj-quiz>button,.vj-result>button{color:#fff;background:#347faf;border:0;border-radius:14px;min-height:52px;margin-top:16px;padding:12px 22px;font-weight:900}.vj-quiz p.correct{color:#258345}.vj-quiz p.incorrect{color:#d33e3e}.vj-quiz mark{color:#347faf;background:#e6f2f9;border-radius:10px;min-width:90px;margin:0 7px;padding:4px 10px;display:inline-block}.vj-word-bank{flex-wrap:wrap;justify-content:center;gap:9px;margin:20px 0;display:flex}.vj-word-bank button{color:#315c79;background:#fff;border:1px solid #bdd4e2;border-radius:12px;padding:10px 14px;font-weight:800}.vj-word-bank button:disabled{opacity:.4}.vj-result button.mastered{background:#2b914d}@media (width<=760px){.vj-header,.vj-workspace-nav{flex-direction:column;align-items:stretch}.vj-hero{box-sizing:border-box;padding:28px 22px}.vj-hero>b{width:64px;height:64px}.vj-set-grid,.vj-word-grid{grid-template-columns:1fr}.vj-stepper{display:flex;overflow-x:auto}.vj-stepper button{flex:none}.vj-stage{padding:20px 14px}.vj-workspace-nav div{grid-template-columns:1fr 1fr;display:grid}.vj-flashcard{height:330px}.vj-flashcard h3{font-size:1.8rem}}.vocabulary-journey-page .vj-header{box-sizing:border-box;z-index:100;color:#fff;background:linear-gradient(135deg,#315f86,#527b99 55%,#3f6f94);border-bottom:1px solid #ffffff1f;width:100%;min-height:82px;margin:0;padding:10px 5%;position:sticky;top:0;box-shadow:0 8px 28px #14375538}.vocabulary-journey-page .vj-brand{color:#fff}.vocabulary-journey-page .vj-brand img{border:2px solid #ffffffbf;border-radius:50%;width:60px;height:60px;box-shadow:0 5px 18px #102f4840}.vocabulary-journey-page .vj-brand strong{font-size:19px}.vocabulary-journey-page .vj-brand span{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.vocabulary-journey-page .vj-back{color:#fff;background:#ffffff21;border:1px solid #ffffff3d;border-radius:12px;padding:12px 18px;transition:transform .2s,background .2s,color .2s}.vocabulary-journey-page .vj-back:hover{color:#285778;background:#fff;transform:translateY(-2px)}.vocabulary-journey-page .vj-flashcard{cursor:pointer;perspective:1600px;-webkit-tap-highlight-color:transparent;width:min(680px,100%);height:420px;position:relative}.vocabulary-journey-page .vj-flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:30px;transition:transform .78s cubic-bezier(.175,.885,.32,1.1);position:relative;box-shadow:0 26px 55px #1e4b6e26,0 8px 18px #1e4b6e14}.vocabulary-journey-page .vj-flashcard:hover .vj-flashcard-inner{box-shadow:0 32px 70px #1e4b6e33}.vocabulary-journey-page .vj-flashcard.flipped .vj-flashcard-inner{transform:rotateY(180deg)}.vocabulary-journey-page .vj-flashcard-face{box-sizing:border-box;backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;border-radius:30px;flex-direction:column;padding:31px 34px;display:flex;position:absolute;inset:0;overflow:hidden}.vocabulary-journey-page .vj-flashcard-front{color:#214d70;background:radial-gradient(circle at 92% 8%,#50a5db1f,#0000 28%),radial-gradient(circle at 8% 95%,#367aaa12,#0000 30%),linear-gradient(145deg,#fff,#f3f9fd);border:1px solid #4c84ab2e}.vocabulary-journey-page .vj-flashcard-back{color:#fff;background:radial-gradient(circle at 88% 14%,#ffffff24,#0000 30%),linear-gradient(145deg,#1f537a,#3478a6 55%,#438dbb);border:1px solid #ffffff2e;transform:rotateY(180deg)}.vocabulary-journey-page .vj-flashcard-top-row,.vocabulary-journey-page .vj-flashcard-bottom-row{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.vocabulary-journey-page .vj-card-side-label{color:#4c7797;letter-spacing:1.6px;background:#e3f1fbdb;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}.vocabulary-journey-page .vj-flashcard-back .vj-card-side-label{color:#fff;background:#ffffff21}.vocabulary-journey-page .vj-card-number{color:#3976a1;background:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-size:11px;font-weight:900;display:grid}.vocabulary-journey-page .vj-flashcard-back .vj-card-number{color:#fff;background:#ffffff24}.vocabulary-journey-page .vj-flashcard-main{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.vocabulary-journey-page .vj-language-icon{color:#3a79a5;letter-spacing:1px;background:linear-gradient(145deg,#eaf5fc,#fff);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:22px;font-size:14px;font-weight:900;display:grid}.vocabulary-journey-page .vj-flashcard-main h3{color:#214d70;letter-spacing:-1px;max-width:570px;margin:0;font-size:clamp(32px,4.5vw,50px);line-height:1.15}.vocabulary-journey-page .vj-flashcard-front .vj-flashcard-main p{color:#718ba0;margin:17px 0 0;font-size:20px}.vocabulary-journey-page .vj-flashcard-back-main h3{color:#fff;font-size:clamp(26px,4vw,42px)}.vocabulary-journey-page .vj-flashcard-definition{color:#fff;max-width:570px;margin:0;font-size:clamp(20px,3vw,29px);font-weight:800;line-height:1.35}.vocabulary-journey-page .vj-flashcard-back-main i{background:#ffffff59;border-radius:999px;width:75px;height:2px;margin:24px 0}.vocabulary-journey-page .vj-flashcard-back-main small{color:#ffffffad;letter-spacing:1.5px;margin-bottom:8px;font-size:9px;font-weight:900}.vocabulary-journey-page .vj-flashcard-examples{gap:8px;max-width:580px;display:grid}.vocabulary-journey-page .vj-flashcard-examples p{color:#ffffffd1;margin:0;font-size:14px;line-height:1.45}.vocabulary-journey-page .vj-flashcard-bottom-row{color:#8ca2b3;font-size:10px;font-weight:750}.vocabulary-journey-page .vj-flashcard-back .vj-flashcard-bottom-row{color:#ffffffa6}.vocabulary-journey-page .vj-flashcard-bottom-row b{color:#417da7;background:#eaf5fb;border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.vocabulary-journey-page .vj-flashcard-back .vj-flashcard-bottom-row b{color:#fff;background:#ffffff21}.vocabulary-journey-page .vj-translation-placeholder{text-align:center;background:#f5fbff;border:1px dashed #a9c9dc;border-radius:22px;width:min(720px,100%);margin:0 auto 22px;padding:42px 28px}.vocabulary-journey-page .vj-translation-placeholder span{color:#347faf;letter-spacing:1.4px;font-size:11px;font-weight:900}.vocabulary-journey-page .vj-translation-placeholder h3{color:#214d70;margin:10px 0 8px;font-size:25px}.vocabulary-journey-page .vj-translation-placeholder p{color:#668294;margin:0}.vocabulary-journey-page .vj-quiz p.article-warning{color:#8a6410;background:#fff8df;border:1px solid #f0cf73;border-radius:13px;padding:13px 15px;font-weight:800}.vocabulary-journey-page .vj-quiz p.article-warning small{color:#72561a;margin-top:7px;font-weight:700;display:block}.vocabulary-journey-page .vj-word-family-card{grid-column:span 2}.vocabulary-journey-page .vj-word-family-form{background:#f8fbfd;border:1px solid #dce9f0;margin-top:16px;padding:18px}.vocabulary-journey-page .vj-word-family-form+.vj-word-family-form{background:#f3fbf5;border-color:#bfe0ca}.vocabulary-journey-page .vj-word-family-form h3{margin:0}.vocabulary-journey-page .vj-word-family-form h3 small{color:#347faf;display:inline}.vocabulary-journey-page .vj-family-transcription{color:#688699}.vocabulary-journey-page .vj-word-family-form section p+p{margin-top:8px}.vocabulary-journey-page .vj-drag-challenge{width:min(760px,100%);margin:auto}.vocabulary-journey-page .duo-question-card{text-align:center;background:#fff;border:2px solid #e2edf4;border-radius:24px;margin-top:24px;padding:36px 32px;box-shadow:0 12px 32px #24507014}.vocabulary-journey-page .duo-question-label{color:#5c8cab;letter-spacing:1.7px;margin-bottom:20px;font-size:9px;font-weight:900;display:inline-block}.vocabulary-journey-page .duo-sentence{color:#274e69;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-size:clamp(20px,2.7vw,31px);font-weight:800;line-height:1.65;display:flex}.vocabulary-journey-page .duo-drop-zone{color:#8da7b9;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#f6fbff,#edf7fd);border:2px dashed #8db7d2;border-radius:13px;justify-content:center;align-items:center;min-width:155px;min-height:52px;padding:9px 16px;font-size:15px;font-weight:850;line-height:1.2;transition:transform .18s,border-color .18s,color .18s,background .18s,box-shadow .18s;display:inline-flex}.vocabulary-journey-page .duo-drop-zone:hover{border-color:#5d9bc4;transform:translateY(-1px);box-shadow:0 7px 18px #3f80ab1a}.vocabulary-journey-page .duo-drop-zone.filled{color:#235878;background:linear-gradient(145deg,#eaf6fd,#f7fcff);border-style:solid;border-color:#478db9;box-shadow:0 7px 18px #387ca91f}.vocabulary-journey-page .duo-mobile-hint{color:#8ca0ae;margin:18px 0 0;font-size:11px;font-weight:650}.vocabulary-journey-page .duo-word-bank{background:linear-gradient(145deg,#f4f9fc,#fbfdff);border:1px solid #dce9f1;border-radius:21px;margin-top:22px;padding:22px}.vocabulary-journey-page .duo-word-bank-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.vocabulary-journey-page .duo-word-bank-heading span{color:#477d9f;letter-spacing:1.6px;font-size:9px;font-weight:900}.vocabulary-journey-page .duo-word-bank-heading small{color:#9babb7;font-size:10px;font-weight:700}.vocabulary-journey-page .duo-word-tiles{flex-wrap:wrap;justify-content:center;gap:11px;min-height:58px;display:flex}.vocabulary-journey-page .duo-word-tile{color:#315a76;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border:1px solid #ccdce6;border-bottom:4px solid #b6cad7;border-radius:13px;min-height:46px;padding:10px 17px;font-family:inherit;font-size:14px;font-weight:850;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s;position:relative;box-shadow:0 3px 7px #2b536e0d}.vocabulary-journey-page .duo-word-tile:hover:not(:disabled){background:#fbfdff;border-color:#98bdd4 #98bdd4 #79a8c4;transform:translateY(-2px);box-shadow:0 7px 14px #2b536e1a}.vocabulary-journey-page .duo-word-tile:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.vocabulary-journey-page .duo-word-tile:disabled{opacity:.55;cursor:default}.vocabulary-journey-page .duo-word-tile.selected{opacity:.38;box-shadow:none;background:#f4f7f9;border-color:#d8e3ea #d8e3ea #ccd9e1}.vocabulary-journey-page .duo-practice-feedback{text-align:left;border:1px solid #0000;border-radius:18px;align-items:center;gap:16px;margin-top:22px;padding:20px 22px;display:flex}.vocabulary-journey-page .duo-practice-feedback.correct{background:linear-gradient(135deg,#ebfaf1,#f9fefb);border-color:#b9e4c8}.vocabulary-journey-page .duo-practice-feedback.incorrect{background:linear-gradient(135deg,#fff1f1,#fff9f9);border-color:#efc4c4}.vocabulary-journey-page .duo-feedback-symbol{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;font-size:25px;font-weight:950;display:flex}.vocabulary-journey-page .duo-practice-feedback.correct .duo-feedback-symbol{background:linear-gradient(135deg,#49ad70,#348a57)}.vocabulary-journey-page .duo-practice-feedback.incorrect .duo-feedback-symbol{background:linear-gradient(135deg,#df6666,#be4949)}.vocabulary-journey-page .duo-practice-feedback>div:last-child{flex-direction:column;display:flex}.vocabulary-journey-page .duo-practice-feedback span{letter-spacing:1.4px;font-size:8px;font-weight:900}.vocabulary-journey-page .duo-practice-feedback.correct span{color:#4b9b68}.vocabulary-journey-page .duo-practice-feedback.incorrect span{color:#bc5d5d}.vocabulary-journey-page .duo-practice-feedback strong{margin-top:4px;font-size:18px;font-weight:900}.vocabulary-journey-page .duo-practice-feedback.correct strong{color:#286844}.vocabulary-journey-page .duo-practice-feedback.incorrect strong{color:#8b3d3d}.vocabulary-journey-page .duo-practice-feedback p{color:#718494;margin:4px 0 0;font-size:13px;font-weight:650}.vocabulary-journey-page .practice-check-button{color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:57px;margin-top:25px;padding:15px 20px;font-size:14px;font-weight:850;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 9px 22px #2b66912b}.vocabulary-journey-page .practice-check-button:hover:not(:disabled){transform:translateY(-2px)}.vocabulary-journey-page .practice-check-button:disabled{opacity:.38;cursor:not-allowed}.vocabulary-journey-page .duo-check-button{background:linear-gradient(135deg,#3e8fc1,#2f76a4)}.vocabulary-journey-page .duo-try-again-button{background:linear-gradient(135deg,#df6969,#bd4f4f)}.vocabulary-journey-page .duo-next-button{background:linear-gradient(135deg,#49aa70,#348c59)}@media (width<=760px){.vocabulary-journey-page .duo-question-card{border-radius:19px;margin-top:18px;padding:27px 15px}.vocabulary-journey-page .duo-question-label{margin-bottom:16px;font-size:8px}.vocabulary-journey-page .duo-sentence{gap:6px;font-size:clamp(18px,5vw,23px);line-height:1.75}.vocabulary-journey-page .duo-drop-zone{min-width:125px;min-height:46px;padding:8px 12px;font-size:13px}.vocabulary-journey-page .duo-mobile-hint{margin-top:15px;font-size:10px}.vocabulary-journey-page .duo-word-bank{border-radius:17px;margin-top:17px;padding:17px 12px}.vocabulary-journey-page .duo-word-bank-heading{margin-bottom:13px}.vocabulary-journey-page .duo-word-tiles{gap:8px}.vocabulary-journey-page .duo-word-tile{cursor:pointer;border-radius:11px;min-height:42px;padding:9px 12px;font-size:12px}.vocabulary-journey-page .duo-practice-feedback{border-radius:15px;gap:12px;padding:16px 14px}.vocabulary-journey-page .duo-feedback-symbol{width:42px;height:42px;font-size:21px}.vocabulary-journey-page .duo-practice-feedback strong{font-size:15px}.vocabulary-journey-page .duo-practice-feedback p{font-size:11px}.vocabulary-journey-page .practice-check-button{min-height:53px;padding:13px 15px}.vocabulary-journey-page .vj-word-family-card{grid-column:span 1}.vocabulary-journey-page .vj-header{flex-direction:row;align-items:center;gap:10px;min-height:72px;padding:8px 4%}.vocabulary-journey-page .vj-brand{min-width:0}.vocabulary-journey-page .vj-brand img{flex-shrink:0;width:48px;height:48px}.vocabulary-journey-page .vj-brand strong{font-size:15px}.vocabulary-journey-page .vj-brand span{font-size:8px}.vocabulary-journey-page .vj-back{flex-shrink:0;padding:10px 12px;font-size:12px}.vocabulary-journey-page .vj-flashcard{height:390px}.vocabulary-journey-page .vj-flashcard-face{border-radius:24px;padding:23px 20px}.vocabulary-journey-page .vj-flashcard-main h3{font-size:clamp(26px,9vw,38px)}.vocabulary-journey-page .vj-flashcard-definition{font-size:clamp(18px,6vw,25px)}}.vocabulary-journey-page .vj-reconstruction{text-align:left;width:100%;min-width:0}.vocabulary-journey-page .vj-reconstruction-hint{font-size:14px;line-height:1.6}.vocabulary-journey-page .vj-reconstruction-label{margin:16px 0 10px;font-size:12px;font-weight:800;display:block}.vocabulary-journey-page .vj-reconstruction-answer,.vocabulary-journey-page .vj-reconstruction-bank{border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:10px;min-width:0;padding:14px;display:flex}.vocabulary-journey-page .vj-reconstruction-answer{background:#f3f9fd;border:2px dashed #8db7d2;min-height:76px}.vocabulary-journey-page .vj-reconstruction-bank{background:#f8fbfd;border:1px solid #d8e4eb}.vocabulary-journey-page .vj-reconstruction .vj-reconstruction-token{color:#235878;width:auto;max-width:100%;min-height:44px;font:inherit;overflow-wrap:anywhere;cursor:grab;background:#fff;border:2px solid #8db7d2;border-radius:11px;margin:0;padding:10px 14px;font-weight:700}.vocabulary-journey-page .vj-reconstruction .vj-reconstruction-token:disabled{opacity:.45;cursor:default}.vocabulary-journey-page .vj-reconstruction-placed{max-width:100%}.vocabulary-journey-page .vj-reconstruction button:focus-visible{outline-offset:3px;outline:3px solid #1769e0}.vocabulary-journey-page .vj-reconstruction button:disabled{cursor:default}.vocabulary-journey-page .vj-reconstruction-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.vocabulary-journey-page .vj-reconstruction .vj-reconstruction-toolbar button{width:auto;min-height:44px;margin:0;padding:10px 16px}.vocabulary-journey-page .vj-reconstruction-empty{color:#52677f;font-size:14px}.vocabulary-journey-page .vj-stage.is-active-exercise{padding:18px}.vocabulary-journey-page .is-active-exercise .vj-stage-heading{margin-bottom:10px}.vocabulary-journey-page .is-active-exercise .vj-stage-heading>span,.vocabulary-journey-page .is-active-exercise .vj-stage-heading h2{font-size:14px;display:inline}.vocabulary-journey-page .is-active-exercise .vj-stage-heading h2{margin-left:8px}.vocabulary-journey-page .is-active-exercise .vj-stage-heading p{color:#315c79;margin:6px 0 0;font-weight:800;line-height:1.5}.vocabulary-journey-page .is-active-exercise .vj-quiz{box-sizing:border-box;min-width:0;padding:16px}.vocabulary-journey-page .is-active-exercise .vj-quiz>span{font-size:12px;line-height:1.5}.vocabulary-journey-page .is-active-exercise .vj-quiz>h3{overflow-wrap:anywhere;margin:8px 0 12px;line-height:1.5}.vocabulary-journey-page .is-active-exercise .vj-quiz>p{margin:8px 0}.vocabulary-journey-page .is-active-exercise .vj-exercise-instruction{color:#52677f;font-size:13px;line-height:1.5}.vocabulary-journey-page .is-active-exercise .vj-quiz>button{margin-top:10px}.vocabulary-journey-page .is-active-exercise .vj-word-bank{margin:10px 0}.vocabulary-journey-page .is-active-exercise .vj-word-bank button{overflow-wrap:anywhere;max-width:100%;min-height:44px}.vocabulary-journey-page .is-active-exercise .vj-reconstruction-hint{margin:8px 0;font-size:13px;line-height:1.5}.vocabulary-journey-page .is-active-exercise .vj-reconstruction-label{color:#52677f;margin:6px 0;font-size:10px}.vocabulary-journey-page .is-active-exercise .vj-reconstruction-answer,.vocabulary-journey-page .is-active-exercise .vj-reconstruction-bank{box-sizing:border-box;gap:8px;padding:8px}.vocabulary-journey-page .is-active-exercise .vj-reconstruction-answer{min-height:62px}.vocabulary-journey-page .is-active-exercise .vj-reconstruction-toolbar{gap:8px;margin-top:6px;font-size:12px}.vocabulary-journey-page .is-active-exercise .vj-reconstruction-toolbar>*{overflow-wrap:anywhere;max-width:100%}.vocabulary-journey-page .is-active-exercise .vj-reconstruction-toolbar button{padding:8px 12px}.vocabulary-journey-page .is-active-exercise .duo-question-card{margin-top:8px;padding:18px}.vocabulary-journey-page .is-active-exercise .duo-question-label{letter-spacing:normal;margin-bottom:8px;font-size:13px}.vocabulary-journey-page .is-active-exercise .duo-sentence{overflow-wrap:anywhere}.vocabulary-journey-page .is-active-exercise .duo-word-bank{margin-top:10px;padding:14px}.vocabulary-journey-page .is-active-exercise .duo-word-bank-heading{margin-bottom:8px}.vocabulary-journey-page .is-active-exercise .duo-word-tile{overflow-wrap:anywhere;max-width:100%}.vocabulary-journey-page .is-active-exercise .duo-practice-feedback{margin-top:10px;padding:12px 16px}.vocabulary-journey-page .is-active-exercise .practice-check-button{margin-top:10px}@media (width<=760px){.vocabulary-journey-page .vj-stage.is-active-exercise,.vocabulary-journey-page .is-active-exercise .vj-quiz{padding:12px}.vocabulary-journey-page .is-active-exercise .duo-question-card{padding:16px 12px}.vocabulary-journey-page .is-active-exercise .duo-word-bank{padding:12px}}.vj-journey-map{background:linear-gradient(160deg,#f0faf4,#eaf5fc);border:1px solid #d5e8df;border-radius:28px;padding:28px 0;overflow:hidden}.vj-journey-heading{text-align:center;padding:0 24px}.vj-journey-heading>span{color:#347faf;letter-spacing:.12em;font-size:12px;font-weight:900}.vj-journey-heading h2{margin:12px 0}.vj-journey-heading p{color:#526c7d;line-height:1.6}.vj-journey-track{width:100%;position:relative}.vj-journey-road{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vj-journey-road polyline{fill:none;stroke:#bad2df;stroke-width:18px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.vj-journey-stop{left:var(--stop-x);box-sizing:border-box;color:#17384d;text-align:center;cursor:pointer;background:#fff;border:2px solid #b9cfdb;border-radius:22px;gap:8px;width:min(260px,85%);min-height:114px;padding:18px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 7px #d4e3ec}.vj-journey-stop strong{font-size:21px}.vj-journey-stop small{line-height:1.5}.vj-journey-stop.is-current{border-color:#347faf;box-shadow:0 7px #92bfda,0 0 0 5px #d6edf9}.vj-journey-stop.is-completed{background:#effcf2;border-color:#57ad70;box-shadow:0 7px #b6dcbf}.vj-journey-stop.is-locked{color:#617480;cursor:not-allowed;background:#e8eff2;box-shadow:0 7px #d3dfe5}.vj-journey-stop:focus-visible{outline-offset:6px;outline:3px solid #1769e0}.vj-journey-car{z-index:2;left:var(--stop-x);pointer-events:none;width:62px;height:35px;position:absolute;transform:translate(-50%,-50%)}.vj-journey-car.is-moving{transition:left 1s ease-in-out,top 1s ease-in-out}.vj-journey-celebration{text-align:center;color:#24783b;gap:6px;min-height:60px;margin:16px;display:grid}.vj-journey-celebration>span{font-size:30px;animation:.6s ease-out both vj-journey-star-pop}@keyframes vj-journey-star-pop{0%{opacity:0;transform:scale(.3)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=760px){.vj-journey-stop,.vj-journey-car{left:50%}.vj-journey-road{display:none}.vj-journey-track:before{content:"";background:#bad2df;border-radius:12px;width:18px;position:absolute;top:42px;bottom:158px;left:calc(50% - 9px)}.vj-journey-heading{padding:0 16px}}@media (prefers-reduced-motion:reduce){.vj-journey-car.is-moving{transition:none}.vj-journey-celebration>span{animation:none}}.vj-journey-map{background:linear-gradient(165deg,#edf8e9,#f7f5e8 45%,#e7f4ed)}.vj-journey-road polyline.vj-journey-road-edge{stroke:#b8bdac;stroke-width:30px}.vj-journey-road polyline.vj-journey-road-surface{stroke:#e2d9c5;stroke-width:25px}.vj-journey-road polyline.vj-journey-road-lane{stroke:#fffdf2;stroke-width:2px;stroke-dasharray:8 10}.vj-journey-car-svg{width:100%;height:100%;transform:rotate(var(--car-angle));filter:drop-shadow(0 3px 2px #354a4140);display:block}@media (width<=760px){.vj-journey-car-svg{transform:rotate(90deg)}.vj-journey-track:before{background:linear-gradient(90deg,#b8bdac 2px,#0000 2px 26px,#b8bdac 26px),repeating-linear-gradient(#fffdf2 0 8px,#0000 8px 18px) 50%/2px 100% no-repeat,#e2d9c5;width:28px;left:calc(50% - 14px)}}.vj-journey-progress{box-sizing:border-box;text-align:left;background:#ffffffcf;border:1px solid #cbded2;border-radius:18px;width:min(580px,100%);margin:22px auto;padding:18px}.vj-journey-progress>div{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.vj-journey-progress strong{color:#267746}.vj-journey-progress label{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.vj-journey-progress progress{accent-color:#49a56a;background:#dfeae3;border:0;border-radius:20px;width:100%;height:14px;display:block;overflow:hidden}.vj-journey-progress progress::-webkit-progress-bar{background:#dfeae3;border-radius:20px}.vj-journey-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#79c386,#329776);border-radius:20px}.vj-journey-progress progress::-moz-progress-bar{background:#49a56a;border-radius:20px}.vj-journey-stop-stars{color:#875d16;background:#fff3cd;border-radius:20px;justify-self:center;padding:5px 12px;font-weight:800}.vj-journey-stop.is-locked .vj-journey-stop-stars{color:#6c7166;background:#e0e5d9}.vj-journey-terminal{left:var(--stop-x);box-sizing:border-box;text-align:center;color:#655039;background:#f9efd9;border:2px solid #bfa87e;border-radius:16px;gap:9px;width:min(285px,86%);padding:16px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 6px #d8cbb3}.vj-journey-terminal strong{font-size:18px}.vj-journey-terminal small{line-height:1.5}.vj-journey-finish{color:#586b58;background:#e9efe8;border-color:#bacbb8}.vj-journey-finish.is-complete{color:#735316;background:#fff3cc;border-color:#d7b55c;box-shadow:0 6px #ddc67c}.vj-journey-celebration>.vj-journey-final-stars{font-size:18px;animation:none}@media (width<=760px){.vj-journey-terminal{left:50%}.vj-journey-progress{padding:14px}}.vj-journey-road{filter:drop-shadow(0 3px 2px #66765a26)}.vj-journey-stop,.vj-journey-terminal{z-index:1}.vj-journey-start{background:repeating-linear-gradient(2deg,#f5e6c9 0 16px,#efdfbf 17px 18px);border-color:#ad875b;box-shadow:0 6px #c4a57b,0 12px 20px #6e795326}.vj-journey-start:before,.vj-journey-start:after{content:"";background:linear-gradient(90deg,#9c7750,#cba87d);border-radius:0 0 3px 3px;width:8px;height:30px;position:absolute;bottom:-27px}.vj-journey-start:before{left:22px}.vj-journey-start:after{right:22px}.vj-journey-finish{background:linear-gradient(#f4f5ed,#e3e9df);border:3px solid #b6beb1;border-top-width:12px;box-shadow:0 7px #bcc8b9}.vj-journey-finish:before{content:"";background:conic-gradient(#62756d 25%, #f8f6df 0 50%, #62756d 0 75%, #f8f6df 0) 0 0 / 24px 24px;opacity:.6;height:12px;position:absolute;top:-12px;left:0;right:0}.vj-journey-finish:after{content:"✦";color:#b6b998;text-shadow:0 2px #fff;font-size:30px;position:absolute;top:-25px;right:-10px}.vj-journey-finish.is-complete{background:linear-gradient(#fff9dd,#f7e6af);border-color:#d2ac56;box-shadow:0 7px #d0b778,0 0 28px #eccc6c55}.vj-journey-finish.is-complete:before{opacity:1}.vj-journey-finish.is-complete:after{color:#d8a83a}@media (width<=760px){.vj-journey-finish:after{right:0}}.vj-journey-car-body{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite vj-journey-car-idle}.vj-journey-travelling .vj-journey-car-body{animation:.45s ease-in-out infinite alternate vj-journey-car-ride}.vj-journey-travelling .vj-journey-road-lane{animation:1.4s linear infinite vj-journey-lane-travel}.vj-journey-stop.is-current{animation:5s ease-in-out infinite vj-journey-stop-glow}.vj-journey-stop:not(:disabled):hover{filter:brightness(1.03);transform:translate(-50%,-3px)}.vj-journey-stop:not(:disabled):active{transform:translate(-50%,1px)}.vj-journey-travelling .vj-journey-stop[aria-current=step]{animation:.8s ease-out vj-journey-stop-arrival}.vj-journey-celebration{position:relative}.vj-journey-confetti{pointer-events:none;position:absolute;inset:0}.vj-journey-confetti i{opacity:0;background:#dea952;border-radius:2px;width:7px;height:11px;animation:1.6s ease-out both vj-journey-confetti-fall;position:absolute;top:20px;left:50%}.vj-journey-confetti i:nth-child(3n){background:#7db08b}.vj-journey-confetti i:nth-child(3n+1){background:#79b5cb}.vj-journey-arrived.vj-journey-travelling .vj-journey-finish{animation:1.8s ease-out both vj-journey-finish-glow}.vj-journey-arrived.vj-journey-travelling .vj-journey-final-stars{animation:.7s ease-out both vj-journey-star-pop}@keyframes vj-journey-car-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes vj-journey-car-ride{0%{transform:translateY(-.5px)}to{transform:translateY(.5px)}}@keyframes vj-journey-lane-travel{to{stroke-dashoffset:-36px}}@keyframes vj-journey-stop-glow{0%,to{box-shadow:0 7px #92bfda,0 0 0 5px #d6edf9}50%{box-shadow:0 7px #92bfda,0 0 0 10px #92bfda80}}@keyframes vj-journey-stop-arrival{0%{transform:translate(-50%)scale(.97)}50%{transform:translate(-50%)scale(1.025)}to{transform:translate(-50%)scale(1)}}@keyframes vj-journey-confetti-fall{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--confetti-x), 65px) rotate(var(--confetti-turn))}}@keyframes vj-journey-finish-glow{0%,to{filter:brightness()}45%{filter:brightness(1.13)}}@media (width<=760px){.vj-journey-confetti i:nth-child(n+7){display:none}.vj-journey-stop.is-current{animation:none}}@media (prefers-reduced-motion:reduce){.vj-journey-map *,.vj-journey-map :before,.vj-journey-map :after{transition:none!important;animation:none!important}.vj-journey-confetti{display:none}}.vj-station-map .vj-journey-station{z-index:1;left:var(--stop-x);box-sizing:border-box;color:#244c45;cursor:pointer;background:#f8fff5;border:2px solid #96b5ab;border-radius:28px;grid-template-columns:24px 1fr;place-items:center;gap:3px 7px;width:min(176px,70%);min-height:68px;padding:8px 10px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 5px #b8cec0}.vj-journey-station svg{grid-area:1/1/5;width:23px;height:23px}.vj-journey-station strong{grid-column:2;font-size:13px}.vj-journey-station span,.vj-journey-station small{grid-column:2;font-size:11px;line-height:1.3}.vj-journey-station b{grid-column:2;font-size:12px}.vj-station-map .vj-journey-car{width:42px;height:24px}.vj-journey-station.is-locked{color:#64736d;cursor:not-allowed;background:#e4eae5;border-color:#bac8c0}.vj-journey-station.is-completed{background:#e4f6dd;border-color:#65a570}.vj-journey-station.is-current{background:#fff4cb;border-color:#c49a49;box-shadow:0 5px #c9ae73,0 0 0 5px #efcf7e40}.vj-journey-station:focus-visible{outline-offset:5px;outline:3px solid #1769e0}.vj-journey-station:not(:disabled):hover{filter:brightness(1.04)}.vj-station-map .vj-journey-stop{min-height:152px}.vj-station-map .vj-journey-stop:not([aria-current]){animation:none}.vj-journey-celebration.is-small{min-height:36px}.vj-journey-celebration.is-small .vj-journey-confetti{display:none}.vj-journey-celebration.is-small>span{font-size:20px}@media (width<=760px){.vj-station-map .vj-journey-station,.vj-station-map .vj-journey-stop,.vj-station-map .vj-journey-terminal{left:50%}.vj-station-map .vj-journey-road{display:block}.vj-station-map .vj-journey-track:before{display:none}.vj-station-map .vj-journey-car-svg{transform:rotate(var(--car-angle))}}.vj-station-map{color:#18344f;background:radial-gradient(250px 300px at 5% 0,#4891d212,#0000),linear-gradient(#f7fbff,#eef6fc);border-color:#d6e8f5}.vj-station-map .vj-journey-track{background:radial-gradient(circle at 12% 10%,#62b2e00a 0 70px,#0000 71px),radial-gradient(circle at 88% 70%,#62b2e009 0 100px,#0000 101px)}.vj-station-map .vj-journey-road{filter:drop-shadow(0 3px 3px #244e7014)}.vj-station-map .vj-journey-road polyline.vj-journey-road-edge{stroke:#c9dcea}.vj-station-map .vj-journey-road polyline.vj-journey-road-surface{stroke:#e0edf6}.vj-station-map .vj-journey-road polyline.vj-journey-road-lane{stroke:#fff}.vj-station-map .vj-journey-stop{color:#18344f;background:#fff;border-color:#c5dded;box-shadow:0 5px #dbe8f2,0 9px 20px #244e7008}.vj-station-map .vj-journey-stop.is-current{border-color:#4a86b2;animation:none;box-shadow:0 5px #c6dfef,0 0 0 4px #62b2e017}.vj-station-map .vj-journey-stop.is-completed{background:linear-gradient(160deg,#fff,#f0fbf5);border:2px solid #32a16b;box-shadow:0 5px #c4e6d3,0 0 18px #32a16b13}.vj-station-map .vj-journey-stop.is-completed>small{color:#20804f;letter-spacing:.04em;font-size:11px;font-weight:800}.vj-station-map .vj-journey-stop.is-locked,.vj-station-map .vj-journey-station.is-locked{color:#6d8192;background:#edf3f8;border-color:#d4e0e9;box-shadow:0 4px #e0e9f0}.vj-station-map .vj-journey-stop.is-locked .vj-journey-stop-stars{color:#708394;background:#e4edf4}.vj-station-map .vj-journey-station{color:#244e70;background:#fff;border-color:#c5dded;border-radius:22px;box-shadow:0 4px #dce9f2}.vj-station-map .vj-journey-station.is-completed{background:#f5fcf8;border-color:#78be98}.vj-station-map .vj-journey-station.is-current{background:#f7fcff;border-color:#3e83b3;animation:3s ease-in-out infinite vj-station-active;box-shadow:0 4px #c1dced,0 0 0 4px #62b2e021}.vj-station-map .vj-completion-badge{box-sizing:border-box;color:#fff;pointer-events:none;background:#239c61;border:3px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-15px;right:-12px;box-shadow:0 3px 9px #239c6138}.vj-station-map .vj-completion-badge svg{grid-area:auto;width:22px;height:22px;display:block}.vj-station-map .vj-journey-stop>.vj-completion-badge{width:44px;height:44px;top:-19px;right:-10px}.vj-station-map .vj-completion-badge.is-new{animation:.42s ease-out both vj-check-complete}.vj-station-map .vj-journey-terminal{color:#244e70;background:#fff;border:1px solid #c5dded;border-radius:22px;box-shadow:0 5px 18px #244e7010}.vj-station-map .vj-journey-start{background:linear-gradient(145deg,#fff,#edf6fd);width:min(230px,80%)}.vj-station-map .vj-journey-start:before,.vj-station-map .vj-journey-start:after,.vj-station-map .vj-journey-finish:before,.vj-station-map .vj-journey-finish:after{display:none}.vj-station-map .vj-journey-finish{border:2px solid #b7d4e8;padding:22px 16px}.vj-station-map .vj-journey-finish.is-complete{color:#216748;background:linear-gradient(135deg,#f0fbf5,#edf7ff);border-color:#32a16b;box-shadow:0 6px 20px #32a16b22}.vj-station-map .vj-journey-progress{background:#ffffffdc;border-color:#d6e8f5;box-shadow:0 4px 16px #244e7006}.vj-station-map .vj-journey-progress strong{color:#3e83b3}.vj-station-map .vj-journey-progress progress{accent-color:#3e83b3;background:#e1edf6}.vj-station-map .vj-journey-progress progress::-webkit-progress-bar{background:#e1edf6}.vj-station-map .vj-journey-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#3e83b3,#62b2e0)}.vj-station-map .vj-journey-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#3e83b3,#62b2e0)}.vj-station-map .vj-journey-notice{text-align:center;color:#244e70;max-width:540px;margin:16px auto;padding:12px 18px;line-height:1.6}@keyframes vj-check-complete{0%{transform:scale(.7);box-shadow:0 0 #239c6155}65%{transform:scale(1.1);box-shadow:0 0 0 9px #239c611a}to{transform:scale(1);box-shadow:0 3px 9px #239c6138}}@keyframes vj-station-active{0%,to{box-shadow:0 4px #c1dced,0 0 0 4px #62b2e021}50%{box-shadow:0 4px #c1dced,0 0 0 6px #62b2e030}}@media (prefers-reduced-motion:reduce){.vj-station-map .vj-completion-badge.is-new,.vj-station-map .vj-journey-station.is-current{animation:none}}.vj-completion-road-choice{box-sizing:border-box;color:#244e70;cursor:pointer;overflow-wrap:anywhere;background:#fff;border:2px solid #c5dded;border-radius:18px;justify-items:center;gap:4px;width:29%;max-width:170px;min-height:74px;padding:10px 6px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 4px #dce9f2}.vj-completion-road-choice>span{font-size:20px;font-weight:800}.vj-completion-road-choice strong{font-size:14px}.vj-completion-road-choice small{font-size:11px}.vj-completion-road-choice:focus-visible{outline-offset:3px;outline:3px solid #1769e0}.vj-completion-road-choice:hover:not(:disabled){background:#f7fcff;border-color:#3e83b3}.vj-completion-road-choice:disabled{cursor:default;opacity:.7}.vj-completion-road-choice.is-locked{opacity:1;color:#617586;cursor:not-allowed;background:#edf3f8;border-color:#d4e0e9;box-shadow:0 4px #e0e9f0}.vj-journey-car.is-road-driving .vj-journey-car-svg{transition:transform .18s ease-out}.vj-road-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.vj-completion-road-choice{border-radius:14px;padding:8px 4px}.vj-completion-road-choice strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.vj-journey-car.is-road-driving .vj-journey-car-svg{transition:none}}.to-be-page,.to-be-page *{box-sizing:border-box}.to-be-page{color:#18344f;background:radial-gradient(circle at 5% 5%,#4891d224,#0000 28%),radial-gradient(circle at 95% 18%,#57b3e81a,#0000 25%),linear-gradient(#f7fbff 0%,#edf6fc 100%);min-height:100vh}.to-be-header{z-index:100;background:linear-gradient(135deg,#315f86,#527b99 55%,#3f6f94);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:0 5%;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #14375538}.to-be-brand{color:#fff;align-items:center;gap:13px;text-decoration:none;display:flex}.to-be-brand img{object-fit:cover;border:2px solid #ffffffbf;border-radius:50%;width:60px;height:60px;box-shadow:0 5px 18px #102f4840}.to-be-brand div{flex-direction:column;display:flex}.to-be-brand strong{color:#fff;font-size:19px;font-weight:800}.to-be-brand span{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.to-be-back{color:#fff;background:#ffffff21;border:1px solid #ffffff3d;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.to-be-back:hover{color:#285778;background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #14375524}.to-be-hero{background:radial-gradient(circle at 88% 17%,#ffffff2e,#0000 28%),radial-gradient(circle at 8% 100%,#61daa92e,#0000 34%),linear-gradient(135deg,#275f86 0%,#347b87 54%,#55a68f 100%);border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:40px;width:min(1180px,90%);min-height:295px;margin:42px auto 0;padding:50px 60px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px #1e536e33}.to-be-hero:before{content:"";background:#ffffff12;border-radius:50%;width:280px;height:280px;position:absolute;top:-190px;left:-70px}.to-be-label{z-index:2;color:#317663;letter-spacing:1.4px;background:#fff;border-radius:999px;padding:9px 15px;font-size:10px;font-weight:900;display:inline-block;position:relative;box-shadow:0 7px 20px #14434e1f}.to-be-hero h1{z-index:2;color:#fff;letter-spacing:-2px;margin:20px 0 13px;font-size:clamp(45px,6vw,70px);line-height:1;position:relative}.to-be-hero p{z-index:2;color:#ffffffde;max-width:650px;margin:0;font-size:16px;line-height:1.7;position:relative}.to-be-hero-badge{z-index:2;color:#fff;background:#ffffff24;border:1px solid #ffffff3b;border-radius:43px;flex-direction:column;justify-content:center;align-items:center;width:185px;height:185px;font-size:57px;font-weight:900;line-height:1;display:flex;position:relative;transform:rotate(3deg);box-shadow:inset 0 0 35px #ffffff12,0 20px 45px #16414e2e}.to-be-hero-badge span{color:#ffffffc2;letter-spacing:1px;margin-top:13px;font-size:14px;font-weight:800}.to-be-content{width:min(1180px,90%);margin:65px auto 90px}.to-be-test-content{width:min(900px,90%)}.to-be-heading{margin-bottom:30px}.to-be-heading>span{color:#43877b;letter-spacing:1.7px;font-size:10px;font-weight:900}.to-be-heading h2{color:#214d70;letter-spacing:-1px;margin:8px 0;font-size:clamp(30px,4vw,40px)}.to-be-heading p{color:#788f9f;max-width:720px;margin:0;font-size:14px;line-height:1.7}.translation-set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.translation-set-card{min-height:315px;color:inherit;text-align:left;cursor:pointer;background:radial-gradient(circle at 100% 0,#4ba58917,#0000 33%),linear-gradient(145deg,#fff,#f7fbfc);border:1px solid #437e9426;border-radius:23px;flex-direction:column;padding:25px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #22526514}.translation-set-card:after{content:"";pointer-events:none;background:#42918414;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-95px;right:-95px}.translation-set-card:hover{border-color:#398e7e52;transform:translateY(-6px);box-shadow:0 20px 50px #22526524}.translation-card-top{justify-content:space-between;align-items:center;display:flex}.translation-set-number{color:#3d8275;letter-spacing:1.4px;background:#e9f6f2;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}.translation-set-icon{background:linear-gradient(145deg,#edf8f5,#fff);border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;box-shadow:0 7px 18px #25665914}.translation-set-card h3{color:#214d65;margin:24px 0 8px;font-size:25px}.translation-set-card>p{color:#7c929e;min-height:48px;margin:0;font-size:13px;line-height:1.6}.translation-card-info{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:25px;display:grid}.translation-card-info>div{background:#f2f7f8;border:1px solid #e2edef;border-radius:12px;flex-direction:column;padding:12px 13px;display:flex}.translation-card-info span{color:#859ba4;letter-spacing:1.2px;font-size:8px;font-weight:900}.translation-card-info strong{color:#326f70;margin-top:4px;font-size:17px}.translation-card-stars{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:19px;display:flex}.translation-card-stars>span{color:#e3ad1c;letter-spacing:1px;font-size:16px}.translation-card-stars>strong{color:#357c75;font-size:12px}.back-to-sets{color:#4c7180;cursor:pointer;background:#fff;border:1px solid #d5e5e8;border-radius:11px;margin-bottom:22px;padding:10px 15px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.back-to-sets:hover{transform:translate(-3px);box-shadow:0 7px 18px #214e6017}.to-be-game-topbar{background:linear-gradient(145deg,#fff,#f8fcfc);border:1px solid #417f9224;border-radius:19px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;padding:17px 20px;display:flex;box-shadow:0 11px 30px #1f505e17}.to-be-game-topbar>div:first-child{flex-direction:column;display:flex}.to-be-game-topbar>div:first-child span{color:#73919a;letter-spacing:1.3px;text-transform:uppercase;font-size:9px;font-weight:900}.to-be-game-topbar>div:first-child strong{color:#285d6c;margin-top:4px;font-size:16px}.review-topbar{background:linear-gradient(145deg,#fff,#faf8ff);border-color:#795cc729}.to-be-hearts{flex-shrink:0;justify-content:flex-end;align-items:center;gap:3px;display:flex}.to-be-heart{font-size:25px;line-height:1;transition:opacity .25s,transform .25s,filter .25s;display:inline-block}.to-be-heart.active{animation:.35s toBeHeartPop}.to-be-heart.empty{opacity:.42;filter:grayscale();transform:scale(.9)}@keyframes toBeHeartPop{0%{transform:scale(.7)}65%{transform:scale(1.18)}to{transform:scale(1)}}.to-be-test-progress{background:#fff;border:1px solid #427e9424;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;padding:18px 20px;display:grid;box-shadow:0 12px 35px #1f505e17}.to-be-test-progress>div:not(.to-be-progress-track){background:#f3f8f9;border-radius:13px;flex-direction:column;justify-content:center;min-height:68px;padding:11px 15px;display:flex}.to-be-test-progress span{color:#859ba5;letter-spacing:1.2px;font-size:8px;font-weight:900}.to-be-test-progress strong{color:#285e6d;margin-top:4px;font-size:18px}.to-be-progress-track{background:#e4eef0;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.to-be-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#347d87,#4fa68c,#73c7a8);height:100%;transition:width .4s}.translation-question-card{background:radial-gradient(circle at 92% 8%,#4ba48914,#0000 28%),linear-gradient(145deg,#fff,#f8fcfc);border:1px solid #417e9124;border-radius:28px;padding:40px;animation:.38s toBeQuestionEnter;box-shadow:0 20px 55px #1f505e21}@keyframes toBeQuestionEnter{0%{opacity:0;transform:translate(20px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.translation-question-number{color:#397d72;letter-spacing:1.4px;background:#e9f6f2;border-radius:999px;width:fit-content;margin:0 auto;padding:7px 12px;font-size:9px;font-weight:900}.translation-question-card>.translation-question-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.translation-question-header>.translation-question-number{grid-column:2}.translation-question-header>.to-be-hearts{grid-column:3;justify-self:end}@media (width<=650px){.translation-question-card>.translation-question-header{grid-template-columns:minmax(0,1fr);justify-items:center;gap:8px}.translation-question-header>.translation-question-number,.translation-question-header>.to-be-hearts{grid-column:1;justify-self:center}}.translation-direction{color:#8ba0a7;letter-spacing:1.7px;text-align:center;margin-top:30px;font-size:9px;font-weight:900;display:block}.translation-question-card h3{color:#214d62;letter-spacing:-.8px;text-align:center;justify-content:center;align-items:center;max-width:690px;min-height:130px;margin:17px auto 28px;font-size:clamp(28px,5vw,43px);line-height:1.3;display:flex}.translation-form{flex-direction:column;max-width:690px;margin:0 auto;display:flex}.translation-form label{color:#688591;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:850}.translation-form input{color:#234e61;background:#f9fcfd;border:2px solid #d5e5e8;border-radius:14px;outline:none;width:100%;padding:18px 19px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.translation-form input:focus{background:#fff;border-color:#56a693;box-shadow:0 0 0 4px #449e8b1f}.translation-form input:disabled{color:#758a92;background:#f1f6f7}.translation-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#347c82,#3d927a);border:none;border-radius:13px;min-height:53px;margin-top:12px;padding:13px 20px;font-size:13px;font-weight:850;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #29685f29}.translation-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #29685f38}.translation-form button:disabled{opacity:.4;cursor:not-allowed}.translation-feedback{border-radius:16px;align-items:center;gap:16px;max-width:690px;margin:18px auto 0;padding:18px 20px;animation:.35s translationFeedbackPop;display:flex}@keyframes translationFeedbackPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.translation-feedback-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:900;display:flex}.translation-feedback>div:last-child{flex-direction:column;display:flex}.translation-feedback span{letter-spacing:1.4px;font-size:8px;font-weight:900}.translation-feedback strong{margin-top:3px;font-size:15px}.translation-feedback p{margin:7px 0 0;font-size:17px;font-weight:850;line-height:1.45}.translation-feedback.correct{color:#276447;background:linear-gradient(135deg,#e9f9f0,#f7fdf9);border:1px solid #bde9cf}.translation-feedback.correct .translation-feedback-icon{background:#45a36e}.translation-feedback.incorrect{color:#8a4040;background:linear-gradient(135deg,#fff0f0,#fff9f9);border:1px solid #efc9c9}.translation-feedback.incorrect .translation-feedback-icon{background:#d45d5d}.mistake-comparison{background:linear-gradient(145deg,#fff,#f8fafb);border:1px solid #e2e9ed;border-radius:17px;max-width:690px;margin:14px auto 0;padding:20px;animation:.4s mistakeComparisonAppear;box-shadow:0 8px 25px #28435312}@keyframes mistakeComparisonAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mistake-comparison-heading{flex-direction:column;margin-bottom:17px;display:flex}.mistake-comparison-heading span{color:#957143;letter-spacing:1.4px;font-size:8px;font-weight:900}.mistake-comparison-heading strong{color:#35586b;margin-top:4px;font-size:15px}.mistake-answer-row{border-radius:13px;grid-template-columns:105px 1fr;align-items:flex-start;gap:13px;padding:15px;display:grid}.mistake-answer-row+.mistake-answer-row{margin-top:9px}.student-row{background:#fff7f7;border:1px solid #f2dada}.correct-row{background:#f1fbf5;border:1px solid #d1edda}.mistake-row-label{color:#7d8d95;letter-spacing:1.1px;padding-top:5px;font-size:8px;font-weight:900}.mistake-words{flex-wrap:wrap;gap:6px;display:flex}.diff-word{border-radius:7px;padding:5px 7px;font-size:14px;font-weight:750;line-height:1.25}.diff-match{color:#496772;background:#edf3f5}.diff-wrong{color:#9f3434;background:#ffdede;text-decoration:line-through;text-decoration-thickness:2px}.diff-missing{color:#a24343;text-align:center;background:#ffe5e5;min-width:36px}.diff-correct{color:#25714b;background:#d8f4e3;box-shadow:inset 0 -2px #2d915b2e}.diff-remove{color:#9f3434;text-align:center;background:#ffe1e1;min-width:30px}.translation-next-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#347c82,#3d927a);border:none;border-radius:13px;justify-content:space-between;align-items:center;width:min(690px,100%);min-height:54px;margin:15px auto 0;padding:14px 18px;font-size:13px;font-weight:850;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #265e5b26}.translation-next-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #265e5b38}.translation-result{text-align:center;background:radial-gradient(circle at 50% -5%,#ffd74936,#0000 31%),radial-gradient(circle at 100% 100%,#3da4971f,#0000 30%),linear-gradient(145deg,#fff,#f8fcfc);border:1px solid #457e8b24;border-radius:32px;width:min(760px,100%);margin:0 auto;padding:45px 42px;animation:.55s translationResultEntrance;position:relative;overflow:hidden;box-shadow:0 25px 70px #1f505e29}@keyframes translationResultEntrance{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.translation-new-best{color:#7b5a04;letter-spacing:1px;background:linear-gradient(135deg,#fff3b4,#ffe27a);border:1px solid #ebcb58;border-radius:999px;width:fit-content;margin:0 auto 17px;padding:8px 14px;font-size:10px;font-weight:900}.translation-result-trophy{font-size:66px;animation:.8s translationTrophy}@keyframes translationTrophy{0%{opacity:0;transform:scale(.4)rotate(-12deg)}65%{transform:scale(1.15)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.translation-result-label{color:#488486;letter-spacing:1.7px;margin-top:12px;font-size:9px;font-weight:900;display:block}.translation-result h2{color:#214d62;margin:8px 0 17px;font-size:clamp(29px,4vw,37px)}.translation-result-percentage{color:#347b76;font-size:clamp(55px,8vw,76px);font-weight:950;line-height:1}.translation-result-stars{color:#e4ad1b;letter-spacing:5px;justify-content:center;align-items:center;min-height:60px;margin-top:17px;font-size:clamp(31px,5vw,45px);display:flex}.translation-stars-text{color:#806319;margin-top:2px;font-size:14px;display:block}.translation-result-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px;display:grid}.translation-result-stats>div{background:#f4f9fa;border:1px solid #e3edef;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:14px;display:flex}.translation-result-stats strong{color:#285f6d;font-size:25px}.translation-result-stats span{color:#899da4;margin-top:4px;font-size:10px}.translation-best-result{background:linear-gradient(135deg,#ebf7f4,#f8fcfc);border:1px solid #d5ebe6;border-radius:18px;flex-direction:column;margin-top:24px;padding:20px;display:flex}.translation-best-result span{color:#56897e;letter-spacing:1.4px;font-size:8px;font-weight:900}.translation-best-result strong{color:#2d6869;margin-top:6px;font-size:20px}.translation-best-result p{color:#819696;margin:6px 0 0;font-size:11px}.mistake-review-offer{text-align:left;background:radial-gradient(circle at 100% 0,#7a5bcb17,#0000 35%),linear-gradient(145deg,#f8f5ff,#fff);border:1px solid #dfd6f3;border-radius:20px;grid-template-columns:auto 1fr;gap:16px;margin-top:24px;padding:23px;display:grid}.mistake-review-icon{background:#fff;border-radius:17px;justify-content:center;align-items:center;width:56px;height:56px;font-size:27px;display:flex;box-shadow:0 7px 18px #523e8b1a}.mistake-review-text span{color:#765ca8;letter-spacing:1.4px;font-size:8px;font-weight:900}.mistake-review-text h3{color:#4f3d72;margin:5px 0 7px;font-size:18px}.mistake-review-text p{color:#827493;margin:0;font-size:11px;line-height:1.6}.practise-mistakes-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7357aa,#8e6cc2);border:none;border-radius:13px;grid-column:1/-1;min-height:52px;padding:13px 17px;font-size:12px;font-weight:850;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 22px #5d438f2e}.practise-mistakes-button:hover{transform:translateY(-2px);box-shadow:0 13px 27px #5d438f3d}.perfect-review-message{background:linear-gradient(135deg,#ecfbf1,#fff);border:1px solid #ccebd7;border-radius:19px;flex-direction:column;align-items:center;margin-top:24px;padding:23px;display:flex}.perfect-review-message>span{font-size:32px}.perfect-review-message strong{color:#2e7750;margin-top:8px;font-size:17px}.perfect-review-message p{color:#72917d;margin:5px 0 0;font-size:11px}.translation-result-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;display:grid}.translation-result-actions button{cursor:pointer;border-radius:13px;min-height:54px;padding:13px 18px;font-size:12px;font-weight:850;transition:transform .2s,box-shadow .2s}.translation-result-actions button:first-child{color:#567581;background:#fff;border:1px solid #d6e5e8}.translation-result-actions button:last-child{color:#fff;background:linear-gradient(135deg,#347c82,#3d927a);border:none}.translation-result-actions button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #1f505e1f}.review-progress-card{background:linear-gradient(145deg,#fff,#faf8ff);border:1px solid #ded6ef;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;padding:18px;display:grid;box-shadow:0 12px 35px #4e3c7514}.review-progress-card>div{background:#f8f5fc;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:12px;display:flex}.review-progress-card span{color:#8e7aa7;letter-spacing:1px;font-size:8px;font-weight:900}.review-progress-card strong{color:#664f89;margin-top:4px;font-size:21px}.review-question-card{background:radial-gradient(circle at 92% 8%,#7d5dc014,#0000 28%),linear-gradient(145deg,#fff,#faf8ff);border-color:#7457b033}.review-pill{color:#70579f;background:#f0eafa}.review-complete-card{text-align:center;background:radial-gradient(circle at 50% -10%,#69ce992e,#0000 35%),linear-gradient(145deg,#fff,#f6fcf8);border:1px solid #d3ebdc;border-radius:30px;width:min(720px,100%);margin:0 auto;padding:50px 40px;animation:.55s reviewCompleteAppear;box-shadow:0 24px 65px #29644521}@keyframes reviewCompleteAppear{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.review-complete-icon{font-size:72px;animation:.8s reviewCelebration}@keyframes reviewCelebration{0%{opacity:0;transform:scale(.4)rotate(-12deg)}65%{transform:scale(1.18)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.review-complete-card>span{color:#47815d;letter-spacing:1.6px;margin-top:15px;font-size:9px;font-weight:900;display:block}.review-complete-card h2{color:#275f43;margin:8px 0 10px;font-size:clamp(31px,5vw,43px)}.review-complete-card>p{color:#739181;max-width:520px;margin:0 auto;font-size:14px;line-height:1.7}.review-complete-badge{color:#28764d;background:#e6f8ed;border:1px solid #c7e9d3;border-radius:999px;width:fit-content;margin:24px auto 0;padding:11px 17px;font-size:13px;font-weight:850}.to-be-footer{color:#fff;background:#214d70;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:25px;display:flex}.to-be-footer img{object-fit:cover;border-radius:50%;width:55px;height:55px}.to-be-footer div{flex-direction:column;display:flex}.to-be-footer strong{font-size:16px}.to-be-footer span{color:#ffffffa6;margin-top:4px;font-size:10px}@media (width<=900px){.to-be-hero{grid-template-columns:1fr}.to-be-hero-badge{display:none}.translation-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.to-be-header{min-height:70px;padding:0 16px}.to-be-brand img{width:45px;height:45px}.to-be-brand strong{font-size:14px}.to-be-brand span{font-size:7px}.to-be-back{padding:9px 10px;font-size:10px}.to-be-hero{width:calc(100% - 24px);min-height:unset;border-radius:22px;margin-top:18px;padding:35px 24px}.to-be-hero h1{font-size:43px}.to-be-hero p{font-size:14px}.to-be-content,.to-be-test-content{width:calc(100% - 30px);margin-top:45px}.to-be-heading h2{font-size:30px}.translation-set-grid{grid-template-columns:1fr}.translation-set-card{min-height:290px}.to-be-game-topbar{flex-direction:column;align-items:stretch;padding:15px}.to-be-hearts{justify-content:flex-start}.to-be-heart{font-size:23px}.to-be-test-progress{grid-template-columns:1fr;padding:15px}.to-be-progress-track{grid-column:1}.translation-question-card{border-radius:23px;padding:28px 20px}.translation-question-card h3{min-height:120px;font-size:clamp(27px,8vw,36px)}.translation-form input{font-size:15px}.translation-feedback{align-items:flex-start}.mistake-comparison{padding:15px}.mistake-answer-row{grid-template-columns:1fr;gap:8px}.mistake-row-label{padding-top:0}.translation-result{border-radius:24px;padding:31px 20px}.translation-result-stats{grid-template-columns:repeat(3,1fr)}.translation-result-stats>div{min-height:85px;padding:10px 5px}.translation-result-actions,.mistake-review-offer{grid-template-columns:1fr}.mistake-review-icon{width:50px;height:50px}.review-progress-card{grid-template-columns:1fr}.review-complete-card{border-radius:24px;padding:35px 20px}}@media (width>=901px){.to-be-page:has(.to-be-test-content>.translation-question-card)>.to-be-hero{gap:20px;min-height:0;margin-top:12px;padding:16px 28px}.to-be-page:has(.to-be-test-content>.translation-question-card)>.to-be-hero h1{margin:8px 0;font-size:36px}.to-be-page:has(.to-be-test-content>.translation-question-card)>.to-be-hero .to-be-hero-badge{border-radius:24px;width:100px;height:100px;font-size:32px}.to-be-test-content:has(>.translation-question-card){margin-top:16px}.to-be-test-content:has(>.translation-question-card)>.back-to-sets{margin-bottom:10px}.to-be-test-content:has(>.translation-question-card)>.to-be-game-topbar{margin-bottom:12px;padding:10px 16px}.to-be-test-content:has(>.translation-question-card)>.to-be-heading{margin-bottom:12px}.to-be-test-content:has(>.translation-question-card)>.to-be-heading h2{margin:4px 0;font-size:28px}:is(.to-be-test-content:has(>.translation-question-card)>.to-be-test-progress,.to-be-test-content:has(>.translation-question-card)>.review-progress-card){gap:8px;margin-bottom:12px;padding:10px 14px}.to-be-test-content:has(>.translation-question-card)>.to-be-test-progress>div:not(.to-be-progress-track){min-height:44px;padding:6px 12px}.to-be-test-content:has(>.translation-question-card)>.review-progress-card>div{min-height:44px;padding:6px 12px}.to-be-test-content>.translation-question-card{padding:20px 24px}.to-be-test-content>.translation-question-card>.translation-direction{margin-top:10px}.to-be-test-content>.translation-question-card>h3{min-height:0;margin:10px auto 16px;font-size:32px}}@media (width<=390px){.to-be-brand div{display:none}.translation-card-info,.translation-result-stats{grid-template-columns:1fr}.translation-result-stars{letter-spacing:2px;font-size:27px}.to-be-heart{font-size:20px}.mistake-words{gap:4px}.diff-word{padding:4px 6px;font-size:13px}}.to-be-page .word-building-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.to-be-page .word-building-options button{color:#16384c;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d8e4eb;border-radius:14px;padding:14px 18px;font-size:1.05rem;font-weight:800;transition:border-color .16s,background .16s,transform .16s}.to-be-page .word-building-options button:hover:not(:disabled){background:#f1f9fd;border-color:#3b8fc4;transform:translateY(-1px)}.to-be-page .word-building-options button.selected.correct{color:#176638;background:#eaf8ef;border-color:#35a867}.to-be-page .word-building-options button.selected.incorrect{color:#9b2930;background:#fff0f1;border-color:#df5d63}.to-be-page .word-building-options button:disabled{cursor:default}@media (width<=620px){.to-be-page .word-building-options{grid-template-columns:1fr}}.dmt-page .dmt-group+.dmt-group{margin-top:48px}.dmt-page .dmt-list{gap:16px;display:grid}.dmt-page .dmt-card{color:#263b59;overflow-wrap:anywhere;background:#fff;border:1px solid #dce6f2;border-radius:18px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px;padding:22px;line-height:1.6;display:grid;box-shadow:0 8px 24px #1e375a12}.dmt-page .dmt-label{color:#52677f;letter-spacing:.08em;margin-bottom:5px;font-size:.68rem;font-weight:800;display:block}.dmt-page .dmt-card h3{color:#214d70;margin:0 0 18px;font-size:1.2rem}.dmt-page .dmt-card p{margin:0 0 14px}.dmt-page .dmt-uzbek{font-weight:700}.dmt-page .dmt-examples{background:#f3f7fc;border-radius:12px;align-self:start;min-width:0;padding:16px}.dmt-page .dmt-examples ol{margin:0;padding-left:22px}.dmt-page .dmt-examples li+li{margin-top:12px}.dmt-page .dmt-card .dmt-note{border-left:3px solid #43877b;margin-bottom:0;padding-left:12px}.dmt-page .dmt-practice-note{color:#52677f;text-align:center;margin:32px 0 0}@media (width<=760px){.dmt-page .dmt-card{grid-template-columns:1fr;gap:16px;padding:18px}}.dmt-page .dmt-sentence{color:#214d70;font-size:1.4rem;line-height:2}.dmt-page .dmt-drop-zone{color:#52677f;min-width:140px;font:inherit;cursor:pointer;background:#edf7fd;border:2px dashed #8db7d2;border-radius:13px;justify-content:center;margin:0 5px;padding:9px 16px;font-size:1rem;display:inline-flex}.dmt-page .dmt-drop-zone.filled{color:#235878;background:#eaf6fd;border-style:solid;border-color:#478db9}.dmt-page .dmt-word-bank{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.dmt-page .dmt-word-tile{color:#16384c;font:inherit;cursor:grab;background:#fff;border:2px solid #d8e4eb;border-radius:14px;padding:12px 22px;font-weight:800;box-shadow:0 3px #d8e4eb}.dmt-page .dmt-word-tile.selected{background:#eaf6fd;border-color:#478db9}.dmt-page .dmt-word-tile:disabled,.dmt-page .dmt-drop-zone:disabled{cursor:default}.dmt-page .dmt-word-tile:focus-visible,.dmt-page .dmt-drop-zone:focus-visible{outline-offset:3px;outline:3px solid #1769e0}.dmt-page .translation-next-button:disabled{opacity:.55;cursor:not-allowed}.introduction-learning-grid>.unit-exam-entry{grid-column:1/-1}.unit-exam-entry{min-height:150px;color:inherit;background:linear-gradient(135deg,#f8fcff,#eef7fc);border:1px solid #4c80a52e;border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:28px 34px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 14px 40px #2352761f}.unit-exam-entry:hover{transform:translateY(-4px);box-shadow:0 20px 50px #2352762b}.unit-exam-entry-icon{color:#fff;background:linear-gradient(135deg,#3e83b3,#285f89);border-radius:20px;place-items:center;width:72px;height:72px;font-size:34px;font-weight:900;display:grid;box-shadow:0 10px 24px #3169943b}.unit-exam-entry span,.unit-exam-card>span,.unit-exam-placeholder>span{color:#4b84aa;letter-spacing:1.4px;font-size:11px;font-weight:900}.unit-exam-entry h3{color:#214d70;margin:6px 0;font-size:28px}.unit-exam-entry p{color:#71899d;margin:0}.unit-exam-entry>strong{color:#2d719f;font-size:25px}.unit-exam-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;display:grid}.unit-exam-card,.unit-exam-placeholder{background:linear-gradient(145deg,#fff,#f7fbfd);border:1px solid #4c80a529;border-radius:25px;padding:28px;box-shadow:0 14px 40px #2352761a}.unit-exam-card{color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}.unit-exam-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #23527626}.unit-exam-card h3{color:#214d70;margin:16px 0 8px;font-size:25px}.unit-exam-card p{color:#71899d}.unit-exam-card strong{color:#2d719f}.unit-exam-placeholder{text-align:center;max-width:720px;margin:0 auto}.unit-exam-placeholder>div{margin-bottom:16px;font-size:54px}.unit-exam-placeholder h2{color:#214d70;margin:12px 0;font-size:32px}.unit-exam-placeholder p{color:#71899d;margin-bottom:24px}.unit-exam-placeholder a{color:#2d719f;font-weight:800;text-decoration:none}@media (width<=650px){.unit-exam-entry{grid-template-columns:auto 1fr;padding:22px}.unit-exam-entry>strong{display:none}.unit-exam-entry-icon{border-radius:16px;width:58px;height:58px;font-size:27px}.unit-exam-entry h3{font-size:23px}}.irregular-verbs-page .irregular-verbs-list{gap:16px;display:grid}.irregular-verbs-page .irregular-verb-card{background:#fff;border:1px solid #dce6f2;border-radius:18px;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:22px;padding:22px;display:grid;position:relative;box-shadow:0 8px 24px #1e375a12}.irregular-verbs-page .irregular-verb-number{color:#8a9bb0;font-size:.75rem;font-weight:800;position:absolute;top:12px;right:14px}.irregular-verbs-page .irregular-verb-forms{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.irregular-verbs-page .irregular-verb-forms div,.irregular-verbs-page .irregular-verb-details>div{min-width:0}.irregular-verbs-page .irregular-verb-forms div{background:#f3f7fc;border-radius:12px;padding:14px}.irregular-verbs-page .irregular-verb-card span{color:#718299;letter-spacing:.08em;margin-bottom:5px;font-size:.68rem;font-weight:800;display:block}.irregular-verbs-page .irregular-verb-forms strong{color:#17233b;overflow-wrap:anywhere;font-size:1.05rem}.irregular-verbs-page .irregular-verb-details{align-content:center;gap:12px;display:grid}.irregular-verbs-page .irregular-verb-details strong,.irregular-verbs-page .irregular-verb-details p{color:#263b59;line-height:1.5}.irregular-verbs-page .irregular-verb-details p{margin:0}.irregular-verbs-page .irregular-verbs-learn-action{justify-content:center;padding:32px 0 8px;display:flex}.irregular-verbs-page .irregular-verbs-learn-action button{color:#fff;font:inherit;cursor:pointer;background:#1769e0;border:0;border-radius:12px;padding:14px 24px;font-weight:800}@media (width<=760px){.irregular-verbs-page .irregular-verb-card{grid-template-columns:1fr;gap:16px;padding:18px}.irregular-verbs-page .irregular-verb-forms{grid-template-columns:1fr}}.introduction-exam-one .ie1-hero{background:linear-gradient(135deg,#122443,#264f86)}.introduction-exam-one .ie1-exam-card,.introduction-exam-one .ie1-result{background:#fff;border:1px solid #dce5f1;border-radius:28px;max-width:920px;margin:0 auto;padding:42px;box-shadow:0 18px 50px #142c501a}.introduction-exam-one .ie1-progress-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.introduction-exam-one .ie1-progress-top span,.introduction-exam-one .ie1-result>span{color:#e97932;letter-spacing:.12em;font-size:.78rem;font-weight:900}.introduction-exam-one .ie1-progress-top h2,.introduction-exam-one .ie1-result h2{color:#172b4d;margin:7px 0 0}.introduction-exam-one .ie1-progress-top>strong{color:#49617e;white-space:nowrap}.introduction-exam-one .ie1-progress{background:#e9eef5;border-radius:99px;height:10px;margin:24px 0;overflow:hidden}.introduction-exam-one .ie1-progress span{border-radius:inherit;background:linear-gradient(90deg,#ef7d32,#ffb249);height:100%;transition:width .25s;display:block}.introduction-exam-one .ie1-instruction{color:#60728a;line-height:1.6}.introduction-exam-one .ie1-question{text-align:center;background:#f3f7fc;border:1px solid #dce7f4;border-radius:22px;place-content:center;min-height:190px;margin:28px 0;padding:34px;display:grid}.introduction-exam-one .ie1-question span{color:#6682a3;letter-spacing:.12em;font-size:.75rem;font-weight:900}.introduction-exam-one .ie1-question h3{color:#172b4d;margin:15px 0 0;font-size:clamp(1.25rem,3vw,1.85rem);line-height:1.45}.introduction-exam-one .ie1-answer{color:#314967;gap:9px;font-weight:800;display:grid}.introduction-exam-one .ie1-answer input{box-sizing:border-box;color:#172b4d;width:100%;font:inherit;background:#fff;border:2px solid #ccd9e8;border-radius:14px;outline:none;padding:17px 18px}.introduction-exam-one .ie1-answer input:focus{border-color:#e97932;box-shadow:0 0 0 4px #e979321f}.introduction-exam-one .ie1-navigation{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:26px;display:grid}.introduction-exam-one .ie1-navigation .ie1-submit{grid-column:1/-1}.introduction-exam-one .ie1-navigation>span{color:#718198;text-align:center;font-size:.88rem}.introduction-exam-one .ie1-navigation button,.introduction-exam-one .ie1-result-actions button,.introduction-exam-one .ie1-result-actions a{color:#fff;font:inherit;cursor:pointer;background:#e97932;border:0;border-radius:13px;justify-self:end;padding:14px 23px;font-weight:900;text-decoration:none}.introduction-exam-one .ie1-navigation .secondary{color:#314967;background:#e9eef5;justify-self:start}.introduction-exam-one .ie1-navigation button:disabled{opacity:.45;cursor:not-allowed}.introduction-exam-one .ie1-result{text-align:center}.introduction-exam-one .ie1-trophy{margin-bottom:12px;font-size:4rem}.introduction-exam-one .ie1-score{color:#172b4d;margin-top:28px;font-size:clamp(1.8rem,5vw,3rem);font-weight:950}.introduction-exam-one .ie1-percentage{color:#e97932;margin:8px 0 20px;font-size:2rem;font-weight:950}.introduction-exam-one .ie1-stars{flex-wrap:wrap;justify-content:center;gap:5px;max-width:580px;margin:0 auto 9px;display:flex}.introduction-exam-one .ie1-stars i{color:#d8e0e9;font-size:1.55rem;font-style:normal}.introduction-exam-one .ie1-stars i.earned{color:#ffb21a;filter:drop-shadow(0 2px 2px #ad710038)}.introduction-exam-one .ie1-star-label{color:#455e7d}.introduction-exam-one .ie1-breakdown{grid-template-columns:repeat(5,1fr);gap:10px;margin:30px 0;display:grid}.introduction-exam-one .ie1-breakdown div{background:#f3f7fc;border-radius:14px;gap:7px;padding:17px 10px;display:grid}.introduction-exam-one .ie1-breakdown span{color:#708198;font-size:.75rem}.introduction-exam-one .ie1-breakdown strong{color:#172b4d}.introduction-exam-one .ie1-best{color:#526a86;background:#fff7ec;border-radius:12px;padding:15px}.introduction-exam-one .ie1-mistake-review{text-align:left;border-top:1px solid #dce5f1;margin-top:34px;padding-top:30px}.introduction-exam-one .ie1-review-heading{text-align:center}.introduction-exam-one .ie1-review-heading span{color:#e97932;letter-spacing:.12em;font-size:.75rem;font-weight:900}.introduction-exam-one .ie1-review-heading h2{margin-top:7px}.introduction-exam-one .ie1-perfect{color:#176b3a;text-align:center;background:#edfaf2;border:1px solid #bde5cb;border-radius:15px;margin:24px 0 0;padding:22px;font-weight:800}.introduction-exam-one .ie1-mistake-group{margin-top:30px}.introduction-exam-one .ie1-mistake-group h3{color:#263e5d;margin:0 0 14px;font-size:1.18rem}.introduction-exam-one .ie1-mistake-list{gap:14px;display:grid}.introduction-exam-one .ie1-mistake-card{background:snow;border:1px solid #ead8d5;border-radius:16px;padding:22px}.introduction-exam-one .ie1-mistake-card>span{color:#b25043;letter-spacing:.06em;font-size:.75rem;font-weight:900}.introduction-exam-one .ie1-mistake-card h4{color:#172b4d;margin:10px 0 17px;font-size:1.05rem;line-height:1.5}.introduction-exam-one .ie1-answer-comparison{grid-template-columns:1fr 1fr;gap:12px;display:grid}.introduction-exam-one .ie1-answer-comparison>div{background:#fff;border-radius:11px;padding:14px}.introduction-exam-one .ie1-answer-comparison>div:last-child{background:#edf9f1}.introduction-exam-one .ie1-answer-comparison small{color:#75859a;font-weight:800}.introduction-exam-one .ie1-answer-comparison p{color:#213a59;overflow-wrap:anywhere;margin:6px 0 0;line-height:1.45}.introduction-exam-one .ie1-answer-comparison .no-answer{color:#9a625c;font-style:italic}.introduction-exam-one .ie1-result-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.introduction-exam-one .ie1-result-actions button,.introduction-exam-one .ie1-result-actions a{justify-self:auto}.introduction-exam-one .ie1-result-actions a{color:#314967;background:#e9eef5}@media (width<=720px){.introduction-exam-one .ie1-exam-card,.introduction-exam-one .ie1-result{border-radius:20px;padding:24px 18px}.introduction-exam-one .ie1-progress-top{gap:10px;display:grid}.introduction-exam-one .ie1-question{min-height:150px;padding:24px 16px}.introduction-exam-one .ie1-navigation{grid-template-columns:1fr 1fr}.introduction-exam-one .ie1-navigation>span{grid-area:1/1/auto/-1}.introduction-exam-one .ie1-navigation button{width:100%}.introduction-exam-one .ie1-breakdown{grid-template-columns:1fr 1fr}.introduction-exam-one .ie1-breakdown div:last-child{grid-column:1/-1}.introduction-exam-one .ie1-answer-comparison{grid-template-columns:1fr}.introduction-exam-one .ie1-mistake-card{padding:18px}.introduction-exam-one .ie1-result-actions{flex-direction:column}}.shawn-register-page{background:radial-gradient(circle at 0 0,#2ecc711f,#0000 35%),radial-gradient(circle at 100% 100%,#3498db1f,#0000 35%),#f7f9fc;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.shawn-register-card{background:#fff;border:1px solid #e8edf3;border-radius:26px;width:100%;max-width:520px;padding:38px;box-shadow:0 20px 60px #1928461a}.shawn-register-brand{width:fit-content;color:inherit;align-items:center;gap:12px;margin:0 auto 30px;text-decoration:none;display:flex}.shawn-register-brand img{object-fit:contain;width:58px;height:58px}.shawn-register-brand h1{color:#172033;margin:0;font-size:24px;line-height:1.1}.shawn-register-brand span{color:#7c879b;margin-top:4px;font-size:13px;display:block}.shawn-register-heading{text-align:center;margin-bottom:28px}.shawn-register-heading h2{color:#172033;margin:0 0 9px;font-size:30px}.shawn-register-heading p{color:#788398;margin:0;line-height:1.6}.shawn-register-message{border-radius:12px;margin-bottom:20px;padding:13px 15px;font-size:14px;line-height:1.5}.shawn-register-error{color:#c0392b;background:#fff1f1;border:1px solid #ffd1d1}.shawn-register-success{color:#198754;background:#edfff4;border:1px solid #bcefd0}.shawn-register-form{flex-direction:column;gap:18px;display:flex}.shawn-register-form label{color:#273248;flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}.shawn-register-form input{box-sizing:border-box;color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #d9e0e9;border-radius:12px;outline:none;padding:14px 15px;transition:border-color .2s,box-shadow .2s}.shawn-register-form input::placeholder{color:#a1a9b8}.shawn-register-form input:focus{border-color:#2ecc71;box-shadow:0 0 0 4px #2ecc711f}.shawn-register-submit{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:13px;width:100%;margin-top:6px;padding:15px 18px;font-size:16px;font-weight:800;transition:transform .2s,opacity .2s}.shawn-register-submit:hover:not(:disabled){transform:translateY(-2px)}.shawn-register-submit:disabled{opacity:.65;cursor:not-allowed}.shawn-register-login{text-align:center;color:#7c879b;margin:24px 0 0;font-size:14px}.shawn-register-login span{color:#2aa866;font-weight:800}.shawn-register-home{color:#657086;width:fit-content;margin:18px auto 0;font-size:14px;font-weight:700;text-decoration:none;display:block}.shawn-register-home:hover{color:#2aa866}@media (width<=600px){.shawn-register-page{align-items:flex-start;padding:24px 14px}.shawn-register-card{border-radius:20px;padding:28px 20px}.shawn-register-brand img{width:50px;height:50px}.shawn-register-brand h1{font-size:21px}.shawn-register-heading h2{font-size:26px}}.shawn-login-page{background:radial-gradient(circle at 0 0,#2ecc711f,#0000 35%),radial-gradient(circle at 100% 100%,#3498db1f,#0000 35%),#f7f9fc;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.shawn-login-card{background:#fff;border:1px solid #e8edf3;border-radius:26px;width:100%;max-width:520px;padding:38px;box-shadow:0 20px 60px #1928461a}.shawn-login-brand{width:fit-content;color:inherit;align-items:center;gap:12px;margin:0 auto 30px;text-decoration:none;display:flex}.shawn-login-brand img{object-fit:contain;width:58px;height:58px}.shawn-login-brand h1{color:#172033;margin:0;font-size:24px;line-height:1.1}.shawn-login-brand span{color:#7c879b;margin-top:4px;font-size:13px;display:block}.shawn-login-heading{text-align:center;margin-bottom:28px}.shawn-login-heading h2{color:#172033;margin:0 0 9px;font-size:30px}.shawn-login-heading p{color:#788398;margin:0;line-height:1.6}.shawn-login-message{border-radius:12px;margin-bottom:20px;padding:13px 15px;font-size:14px;line-height:1.5}.shawn-login-error{color:#c0392b;background:#fff1f1;border:1px solid #ffd1d1}.shawn-login-form{flex-direction:column;gap:18px;display:flex}.shawn-login-form label{color:#273248;flex-direction:column;gap:8px;font-size:14px;font-weight:700;display:flex}.shawn-login-form input{box-sizing:border-box;color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #d9e0e9;border-radius:12px;outline:none;padding:14px 15px;transition:border-color .2s,box-shadow .2s}.shawn-login-form input::placeholder{color:#a1a9b8}.shawn-login-form input:focus{border-color:#2ecc71;box-shadow:0 0 0 4px #2ecc711f}.shawn-login-submit{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:13px;width:100%;margin-top:6px;padding:15px 18px;font-size:16px;font-weight:800;transition:transform .2s,opacity .2s}.shawn-login-submit:hover:not(:disabled){transform:translateY(-2px)}.shawn-login-submit:disabled{opacity:.65;cursor:not-allowed}.shawn-login-register{text-align:center;color:#7c879b;margin:24px 0 0;font-size:14px}.shawn-login-register a{color:#2aa866;font-weight:800}.shawn-login-home{color:#657086;width:fit-content;margin:18px auto 0;font-size:14px;font-weight:700;text-decoration:none;display:block}.shawn-login-home:hover{color:#2aa866}@media (width<=600px){.shawn-login-page{align-items:flex-start;padding:24px 14px}.shawn-login-card{border-radius:20px;padding:28px 20px}.shawn-login-brand img{width:50px;height:50px}.shawn-login-brand h1{font-size:21px}.shawn-login-heading h2{font-size:26px}}.admin-page{color:#1d2433;background:#f5f7fb;min-height:100vh;font-family:inherit}.admin-header{background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px 6%;display:flex}.admin-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.admin-brand img{object-fit:contain;width:48px;height:48px}.admin-brand div{flex-direction:column;display:flex}.admin-brand strong{font-size:18px;font-weight:900}.admin-brand span{color:#7b8495;margin-top:2px;font-size:12px}.admin-back{color:#49566c;font-size:14px;font-weight:800;text-decoration:none}.admin-back:hover{text-decoration:underline}.admin-main{width:min(1100px,90%);margin:0 auto;padding:55px 0 80px}.admin-title-area{margin-bottom:30px}.admin-label{color:#6c63ff;letter-spacing:1.2px;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.admin-title-area h1{margin:0;font-size:clamp(30px,5vw,44px);line-height:1.1}.admin-title-area p{color:#6e7787;max-width:650px;margin:12px 0 0;font-size:15px;line-height:1.7}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.admin-summary-card{background:#fff;border:1px solid #e6e9ef;border-radius:18px;padding:22px;box-shadow:0 8px 24px #1f27370d}.admin-summary-card span{color:#7a8392;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:800;display:block}.admin-summary-card strong{margin-top:8px;font-size:30px;font-weight:900;display:block}.admin-global-access{background:#fff;border:1px solid #e2e6ee;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:28px;padding:24px;display:flex;box-shadow:0 10px 30px #1f27370f}.admin-global-access>div{max-width:650px}.admin-global-access span,.admin-confirm-dialog>span{color:#6c63ff;letter-spacing:1px;font-size:12px;font-weight:900}.admin-global-access h2{margin:7px 0 0;font-size:22px}.admin-global-access p{color:#6e7787;margin:8px 0 0;font-size:14px;line-height:1.65}.admin-global-button{cursor:pointer;color:#fff;min-height:46px;font:inherit;border:none;border-radius:11px;flex:none;padding:11px 18px;font-size:13px;font-weight:900}.admin-global-button.open{background:#1f9d61;box-shadow:0 8px 18px #1f9d6133}.admin-global-button.close{background:#f05a54;box-shadow:0 8px 18px #f05a5433}.admin-global-button:disabled{cursor:not-allowed;opacity:.55}.admin-success-message{color:#198754;background:#eaf9f0;border:1px solid #bde8cf;border-radius:12px;margin:-10px 0 28px;padding:13px 16px;font-size:14px;font-weight:800}.admin-groups-panel{margin-bottom:28px}.admin-group-leaderboards{gap:18px;margin-bottom:28px;padding:22px 24px;display:grid}.admin-leaderboard-tabs,.admin-leaderboard-periods{flex-wrap:wrap;gap:8px;display:flex}.admin-leaderboard-tabs button,.admin-leaderboard-periods button{color:#36566d;font:inherit;cursor:pointer;background:#eef5f9;border:1px solid #d5e3ec;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:800}.admin-leaderboard-tabs button.active,.admin-leaderboard-periods button.active{color:#fff;background:#397da8;border-color:#397da8}.admin-leaderboard-periods{align-items:center}.admin-leaderboard-periods span{color:#6b8292;margin-left:auto;font-size:.78rem;font-weight:750}.admin-leaderboard-overview{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.admin-leaderboard-card,.admin-leaderboard-full{background:#f8fbfd;border:1px solid #dce8ef;border-radius:14px;padding:16px}.admin-leaderboard-card header,.admin-leaderboard-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-leaderboard-card header>span,.admin-leaderboard-title>span{color:#875c21;text-transform:uppercase;background:#fff0d3;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:850}.admin-leaderboard-card p{color:#718594;margin:14px 0 0;font-size:.8rem}.admin-leaderboard-card ol,.admin-leaderboard-full ol{margin:12px 0 0;padding:0;list-style:none}.admin-leaderboard-card li,.admin-leaderboard-full li{border-top:1px solid #e4edf2;align-items:center;gap:10px;padding:9px 0;display:grid}.admin-leaderboard-card li{grid-template-columns:32px minmax(0,1fr) auto}.admin-leaderboard-card li span,.admin-leaderboard-full li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-leaderboard-card li strong,.admin-leaderboard-full li strong{color:#b56b00;font-size:.82rem}.admin-leaderboard-full li{grid-template-columns:32px minmax(0,1fr) auto}.admin-leaderboard-card li>b,.admin-leaderboard-full li>b{color:#397da8}.admin-create-group{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;padding:20px 24px;display:grid}.admin-create-group label{flex-direction:column;gap:7px;display:flex}.admin-create-group label span{color:#687386;font-size:12px;font-weight:850}.admin-create-group input,.admin-group-code-controls input,.admin-student-group-controls select{color:#263247;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #dfe3ea;border-radius:9px;padding:9px 11px;font-size:13px}.admin-create-group button,.admin-group-code-controls button,.admin-group-active-button,.admin-student-group-controls button{color:#fff;min-height:42px;font:inherit;background:#5264d9;border:0;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:900}.admin-group-message{border-radius:9px;margin:16px 24px 0;padding:11px 13px;font-size:13px;font-weight:800}.admin-group-message.error{color:#b63f3a;background:#fff2f1;border:1px solid #f3cbc8}.admin-group-list{flex-direction:column;display:flex}.admin-group-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(140px,1fr) auto auto minmax(250px,1.2fr);align-items:center;gap:12px;padding:17px 24px;display:grid}.admin-group-row:last-child{border-bottom:0}.admin-group-summary strong,.admin-group-summary span{display:block}.admin-group-summary span{color:#7a8392;margin-top:4px;font-size:12px}.admin-group-status{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.admin-group-status.active{color:#198754;background:#eaf9f0}.admin-group-status.inactive{color:#8a5360;background:#f6edf0}.admin-group-active-button.deactivate{color:#b64944;background:#fff2f1;border:1px solid #f1cbc8}.admin-group-active-button.activate{background:#1f9d61}.admin-group-code-controls,.admin-student-group-controls{align-items:center;gap:8px;display:flex}.admin-group-code-controls input{min-width:0}.admin-group-code-controls button{background:#34445d;flex:none}.admin-create-group button:disabled,.admin-group-row button:disabled,.admin-group-row input:disabled,.admin-student-group-controls :is(button,select):disabled{cursor:not-allowed;opacity:.55}.admin-confirm-backdrop{z-index:1000;background:#181f2d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-confirm-dialog{background:#fff;border-radius:20px;width:min(500px,100%);padding:26px;box-shadow:0 24px 70px #10162242}.admin-confirm-dialog h2{margin:10px 0 0;font-size:23px;line-height:1.3}.admin-confirm-dialog p{color:#6e7787;margin:12px 0 22px;font-size:14px;line-height:1.65}.admin-confirm-dialog>div{justify-content:flex-end;gap:12px;display:flex}.admin-confirm-dialog button{cursor:pointer;min-height:43px;font:inherit;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:900}.admin-confirm-cancel{color:#49566c;background:#fff;border:1px solid #dfe3ea}.admin-confirm-action{color:#fff;border:none}.admin-confirm-action.open{background:#1f9d61}.admin-confirm-action.close{background:#f05a54}.admin-confirm-dialog button:disabled{cursor:not-allowed;opacity:.55}.admin-panel{background:#fff;border:1px solid #e6e9ef;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #1f27370f}.admin-panel-header{border-bottom:1px solid #edf0f4;padding:22px 24px}.admin-panel-header h2{margin:0;font-size:21px}.admin-panel-header p{color:#7a8392;margin:6px 0 0;font-size:14px}.admin-student-list{flex-direction:column;display:flex}.admin-student-row{border-bottom:1px solid #edf0f4;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:center;gap:18px;padding:18px 24px;display:grid}.admin-student-row:last-child{border-bottom:none}.admin-student-info{min-width:0}.admin-student-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.admin-student-info span{text-overflow:ellipsis;white-space:nowrap;color:#818999;margin-top:4px;font-size:13px;display:block;overflow:hidden}.admin-student-info .admin-student-group-label{color:#53647d;margin-top:8px;font-weight:800}.admin-student-group-controls{grid-column:2/-1;justify-content:flex-end;width:100%}.admin-student-group-controls select{width:min(260px,100%)}.admin-student-group-controls button{color:#b64944;background:#fff2f1;border:1px solid #f1cbc8}.admin-access-status{border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.admin-access-status.active{color:#198754;background:#eaf9f0}.admin-access-status.locked{color:#d64b45;background:#fff2f1}.admin-access-button{min-width:120px;min-height:42px;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s}.admin-access-button:hover:not(:disabled){transform:translateY(-1px)}.admin-access-button.grant{color:#fff;background:#1f9d61;box-shadow:0 7px 16px #1f9d6133}.admin-access-button.remove{color:#fff;background:#f05a54;box-shadow:0 7px 16px #f05a542e}.admin-access-button:disabled{opacity:.55;cursor:not-allowed}.admin-message{text-align:center;padding:40px 24px}.admin-message strong{font-size:17px;display:block}.admin-message span{color:#7b8493;margin-top:7px;font-size:14px;line-height:1.6;display:block}.admin-error{color:#d64b45}[data-theme=dark] .admin-create-group,[data-theme=dark] .admin-group-row,[data-theme=dark] :is(.admin-leaderboard-card,.admin-leaderboard-full){border-color:var(--theme-border)}[data-theme=dark] :is(.admin-leaderboard-card,.admin-leaderboard-full){background:var(--theme-surface-soft)}[data-theme=dark] :is(.admin-leaderboard-tabs,.admin-leaderboard-periods) button:not(.active){color:var(--theme-text);background:var(--theme-surface-soft);border-color:var(--theme-border)}[data-theme=dark] .admin-leaderboard-periods span,[data-theme=dark] .admin-leaderboard-card p{color:var(--theme-text-muted)}[data-theme=dark] :is(.admin-leaderboard-card,.admin-leaderboard-full) li{border-color:var(--theme-border)}[data-theme=dark] :is(.admin-create-group label span,.admin-group-summary span){color:var(--theme-text-muted)}[data-theme=dark] .admin-student-info .admin-student-group-label{color:#b8cada}[data-theme=dark] .admin-group-message.error{color:#ffaaa6;background:#2b1c21;border-color:#65343a}.admin-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:40px 20px;display:flex}.admin-denied-icon{margin-bottom:15px;font-size:50px}.admin-denied h1{margin:0}.admin-denied p{color:#747d8d;max-width:520px;margin:12px 0 22px;line-height:1.65}.admin-denied a{color:#fff;background:#222b3d;border-radius:10px;padding:11px 18px;font-weight:800;text-decoration:none}@media (width<=720px){.admin-header{padding:12px 18px}.admin-brand img{width:42px;height:42px}.admin-brand strong{font-size:16px}.admin-brand span{font-size:11px}.admin-main{width:min(92%,1100px);padding-top:35px}.admin-summary-grid{grid-template-columns:1fr}.admin-global-access{flex-direction:column;align-items:stretch}.admin-global-button{width:100%}.admin-create-group,.admin-group-row{grid-template-columns:1fr}.admin-create-group button,.admin-group-code-controls,.admin-student-group-controls{width:100%}.admin-student-group-controls{flex-direction:column;grid-column:auto;align-items:stretch}.admin-student-group-controls select{width:100%}.admin-student-row{grid-template-columns:1fr;gap:12px}.admin-access-button{width:100%}}.student-group-panel{z-index:2;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex;position:relative}.student-group-panel>strong{font-size:1.05rem}.student-group-panel>span{color:#dcecf7;font-size:.82rem}.student-group-panel>a,.student-group-panel button{color:#285d81;font:inherit;background:#fff;border:0;border-radius:9px;padding:10px 15px;font-size:.78rem;font-weight:850}.student-group-join-controls{gap:9px;width:100%;margin-top:4px;display:flex}.student-group-join-controls input{color:#17334a;min-width:0;font:inherit;background:#fff;border:1px solid #ffffff7a;border-radius:9px;flex:1;padding:11px 13px}.student-group-panel small{color:#ffe0a6;font-weight:750}.student-group-panel.compact{padding:14px}.student-group-panel.compact .student-group-join-controls input{padding:9px 11px}.student-group-panel.compact .student-group-join-controls button{padding:9px 12px}@media (width<=600px){.student-group-join-controls{flex-direction:column}.student-group-join-controls button{width:100%}}.leaderboard-page{background:linear-gradient(#f8fbfd,#f3f8fb);min-height:100vh;padding:40px 0}.leaderboard-period-shell{height:auto;min-height:620px}.leaderboard-home-link{color:#fff;background:#ffffff14;border:1px solid #ffffff7a;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:800}.leaderboard-scope-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0 10px;display:grid}.leaderboard-scope-tabs button{color:#dcecf7;min-height:42px;font:inherit;text-transform:uppercase;letter-spacing:.06em;background:#0d2b4038;border:1px solid #ffffff57;border-radius:11px;font-size:.78rem;font-weight:900}.leaderboard-scope-tabs button.active{color:#285d81;background:#fff;box-shadow:0 7px 18px #11304633}.leaderboard-period-tabs{background:#edf4f8;border:1px solid #d8e5ed;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;padding:6px;display:grid}.leaderboard-period-tabs button{color:#587084;min-height:46px;font:inherit;background:0 0;border:0;border-radius:11px;padding:9px 12px;font-weight:850}.leaderboard-period-tabs button.active{color:#fff;background:linear-gradient(135deg,#3977a0,#285d81);box-shadow:0 7px 18px #27597d33}.leaderboard-group-name{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:11px;align-items:center;gap:12px;margin-bottom:12px;padding:11px 15px;display:flex}.leaderboard-group-name span{color:#dcecf7;margin-left:auto;font-size:.75rem}.leaderboard-season{color:#294b65;background:#f5f9fc;border:1px solid #d8e5ed;border-radius:13px;align-items:center;gap:12px;margin-bottom:16px;padding:15px 18px;display:flex}.leaderboard-season span{margin-left:auto;font-weight:850}.leaderboard-season small{color:#7890a2}[data-theme=dark] .leaderboard-period-tabs{background:#101d2c;border-color:#2b4256}[data-theme=dark] .leaderboard-period-tabs button{color:#aac0d1}[data-theme=dark] .leaderboard-period-tabs button.active{color:#fff}[data-theme=dark] .leaderboard-season{color:#dcebf6;background:#142536;border-color:#2d465b}[data-theme=dark] .leaderboard-season small{color:#8fa8bb}@media (width<=600px){.leaderboard-page{padding:18px 0 90px}.leaderboard-scope-tabs,.leaderboard-period-tabs{gap:4px}.leaderboard-scope-tabs button,.leaderboard-period-tabs button{padding:8px 4px;font-size:.74rem}.leaderboard-group-name,.leaderboard-season{flex-direction:column;align-items:flex-start}.leaderboard-group-name span,.leaderboard-season span{margin-left:0}}.frp1-preview{--frp1-blue:#2d7ec5;--frp1-purple:#7560bd;--frp1-navy:#263c4c;--frp1-line:#d4dce5;z-index:100;color:#202936;background:#edf1f5;font-family:Arial,Helvetica,sans-serif;position:fixed;inset:0;overflow:hidden}.frp1-preview,.frp1-preview *{box-sizing:border-box}.frp1-preview button,.frp1-preview input,.frp1-preview select{font:inherit}.frp1-header{z-index:20;color:#fff;background:linear-gradient(100deg,#4d718c,#587b96);align-items:center;gap:16px;height:76px;padding:7px 16px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 2px 8px #10273e1a}.frp1-brand{min-width:310px;color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.frp1-brand img{object-fit:contain;width:58px;height:58px;box-shadow:none;background:0 0;border:0;border-radius:50%}.frp1-brand>span{display:grid}.frp1-brand strong{color:#fff;letter-spacing:-.25px;font-size:20px}.frp1-brand small{color:#edf5fa;margin-top:4px;font-size:12px;font-weight:700}.frp1-head-center{text-align:center;flex:1;min-width:180px;display:grid}.frp1-head-center strong{font-size:16px}.frp1-head-center span{color:#e5eef5;margin-top:3px;font-size:12px}.frp1-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.frp1-header-tool,.frp1-finish{color:#fff;background:#ffffff24;border:1px solid #c7d1dc;border-radius:4px;height:38px;font-weight:600}.frp1-header-tool,.frp1-telegram{justify-content:center;align-items:center;padding:0 11px;text-decoration:none;display:inline-flex}.frp1-mobile-toggle{display:none}.frp1-timer{color:#fff;background:#ffffff1f;border:1px solid #c8d2dd;border-radius:5px;align-items:center;gap:8px;height:48px;padding:5px 9px;display:flex}.frp1-timer>span{color:var(--frp1-blue);font-size:27px}.frp1-timer small{color:#e5eef5;letter-spacing:.4px;flex-direction:column;font-size:10px;line-height:1;display:flex}.frp1-timer strong{color:#111827;font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px}.frp1-timer button{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #c7d1dc;border-radius:4px;height:30px;padding:0 7px;font-size:12px;font-weight:600}.frp1-telegram{color:#fff;background:#ffffff24;border:1px solid #ffffff59;border-radius:4px;height:38px;padding:0 12px;font-size:13px;font-weight:700}.frp1-timer.hidden{height:38px}.frp1-finish{color:#fff;background:linear-gradient(135deg, var(--frp1-blue), var(--frp1-purple));cursor:pointer;border:0;height:42px;padding:0 17px;font-weight:700}.frp1-finish:disabled,.frp1-footer-finish:disabled{cursor:default;opacity:.7}.frp1-workspace{background:#fff;display:flex;position:fixed;inset:76px 0}.frp1-panel{scrollbar-color:#a9b6c3 #f3f5f7;background:#fff;min-width:0;overflow-y:auto}.frp1-passage-panel{padding:24px 30px 48px}.frp1-questions-panel{padding:24px 30px 60px}.frp1-preview .qset{display:none}.frp1-preview .qset.active{display:block}.frp1-resizer{cursor:col-resize;touch-action:none;background:#e6e9ed;border:0;border-left:1px solid #d2d7dc;border-right:1px solid #d2d7dc;width:9px;min-width:9px;padding:0;position:relative}.frp1-resizer:after{content:"";background:#9aa6b2;border-radius:3px;width:3px;height:50px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.frp1-preview .intro{border:1px solid var(--frp1-line);border-left:4px solid var(--frp1-navy);background:#f7f8fa;border-radius:3px;margin-bottom:20px;padding:12px 14px;line-height:1.45}.frp1-preview .title{color:#111827;text-align:center;margin:20px 0 8px;font-size:23px}.frp1-preview .passage p,.frp1-passage p{text-align:left;margin:0 0 17px;font-size:16px;line-height:1.62}.frp1-preview .para-label{color:#111827;margin-right:7px;font-weight:800}.frp1-preview .paper-block{margin-bottom:34px}.frp1-preview .paper-heading{color:#111827;border-bottom:1px solid #e0e5ea;margin:0 0 6px;padding-bottom:5px;font-size:18px}.frp1-preview .paper-instruction{color:#313b47;margin-bottom:18px;font-size:15px;line-height:1.5}.frp1-preview .nb{margin-top:5px;font-weight:700;display:block}.frp1-preview .paper-question{border-radius:3px;grid-template-columns:34px 1fr;align-items:start;gap:8px;margin:5px 0;padding:7px 5px;scroll-margin-top:20px;display:grid}.frp1-preview .paper-number{font-size:16px;font-weight:800;line-height:1.5}.frp1-preview .paper-text{font-size:15px;line-height:1.5}.frp1-preview .paper-answer{background:#fff;border:0;border-bottom:1px solid #7a8794;min-width:150px;height:30px;padding:2px 6px;display:inline-block}.frp1-preview .paper-select{color:#1f2937;background:#fff;border:1px solid #9ca9b6;border-radius:3px;min-width:115px;height:34px;margin-left:10px;padding:4px 6px}.frp1-preview .paper-answer:focus,.frp1-preview .paper-select:focus{outline-offset:1px;outline:2px solid #8ab8dc}.frp1-preview .paper-table{border-collapse:collapse;width:100%;margin:16px 0}.frp1-preview .paper-table th,.frp1-preview .paper-table td{vertical-align:top;border:1px solid #333;padding:10px}.frp1-preview .paper-table th{background:#f1f3f5}.frp1-preview .paper-list div{margin:4px 0}.frp1-preview .mcq{border-radius:3px;margin:12px 0;padding:9px 6px;scroll-margin-top:20px}.frp1-preview .mcq-title{grid-template-columns:34px 1fr;gap:8px;margin-bottom:7px;font-size:16px;line-height:1.45;display:grid}.frp1-preview .mcq-option{cursor:pointer;border-radius:3px;grid-template-columns:25px 24px minmax(0,1fr);align-items:start;gap:8px;margin:2px 0 2px 42px;padding:6px 8px;display:grid}.frp1-preview .mcq-option input{margin-top:4px}.frp1-preview .mcq-option b,.frp1-preview .mcq-option span{min-width:0;line-height:1.45}.frp1-preview .mcq-option:hover{background:#dcecf8}.frp1-preview .mcq-option:has(input:checked){background:#dcecf8}.frp1-preview .paper-question:hover,.frp1-preview .mcq:hover{background:#f6f9fc}.frp1-preview .paper-question.current-question,.frp1-preview .mcq.current-question,.frp1-preview tr.current-question,.frp1-preview .inline-question.current-question{box-shadow:inset 3px 0 0 var(--frp1-blue);background:#eaf3fa}.frp1-preview .inline-question.current-question{box-shadow:0 0 0 2px var(--frp1-blue)}.frp1-preview .inline-question{border-radius:3px;padding:1px 2px;scroll-margin-top:20px;display:inline-block}.frp1-question-content.review-complete{display:none}.frp1-question-content.review-complete input,.frp1-question-content.review-complete select{opacity:.72}.frp1-footer{z-index:20;border-top:1px solid var(--frp1-line);background:#fff;align-items:center;gap:10px;height:76px;padding:7px 12px;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto;box-shadow:0 -2px 8px #10273e14}.frp1-footer-part{flex-shrink:0;align-items:center;gap:5px;display:flex}.frp1-footer-part>button{color:#344454;cursor:pointer;background:#fff;border:1px solid #c9d2dc;border-radius:3px;flex-direction:column;justify-content:center;min-width:68px;height:46px;padding:3px 9px;display:flex}.frp1-footer-part>button span{font-size:13px;font-weight:700}.frp1-footer-part>button small{color:#748190;margin-top:2px;font-size:11px}.frp1-footer-part>button.active{color:#fff;border-color:var(--frp1-blue);background:linear-gradient(135deg, var(--frp1-blue), var(--frp1-purple))}.frp1-footer-part>button.active small{color:#d9e7f2}.frp1-number-list{gap:3px;display:flex}.frp1-number-list button{color:#283746;cursor:pointer;background:#fff;border:1px solid #b8c3ce;border-radius:2px;width:30px;height:30px;padding:0;font-size:12px}.frp1-number-list button.answered{background:#dcecf8;border-color:#87afd0}.frp1-number-list button.current{color:#fff;border-color:var(--frp1-blue);background:linear-gradient(135deg, var(--frp1-blue), var(--frp1-purple))}.frp1-footer-legend{color:#617080;white-space:nowrap;gap:10px;margin-left:auto;font-size:11px;display:flex}.frp1-footer-legend span{align-items:center;gap:4px;display:flex}.frp1-footer-legend i{border:1px solid #9facb8;width:12px;height:12px;display:inline-block}.frp1-footer-legend i.answered{background:#dcecf8;border-color:#87afd0}.frp1-footer-legend i.current{border-color:var(--frp1-navy);background:var(--frp1-navy)}.frp1-footer-finish{color:#fff;background:var(--frp1-navy);cursor:pointer;border:0;border-radius:4px;flex-shrink:0;height:44px;margin-left:0;padding:0 17px;font-weight:700}.frp1-highlight-toolbar{z-index:50;background:#fff;border:1px solid #bfcbd5;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;display:flex;position:fixed;box-shadow:0 5px 18px #162e4133}.frp1-highlight-toolbar span{font-size:12px;font-weight:800}.frp1-highlight-toolbar button:not(.remove){cursor:pointer;border:1px solid #aeb8c2;border-radius:3px;width:26px;height:26px;padding:0}.frp1-highlight-toolbar .remove{color:#9c2e2e;cursor:pointer;background:0 0;border:0;padding:5px 7px;font-size:12px;font-weight:700}.frp1-user-highlight{color:inherit}.frp1-evidence-focus{outline-offset:7px;background:#fff9d9;border-radius:3px;outline:3px solid #e0a800;scroll-margin-top:20px}.frp1-evidence-sentence-focus{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff1a8;border-radius:3px;padding:1px 2px;box-shadow:0 0 0 2px #e1bb22}.frp1-evidence-keyword-focus{color:#1f2937;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffbd59;border-bottom:2px solid #a66a00;border-radius:2px;padding:0 1px;font-weight:900}.frp1-results{color:#263746}.frp1-result-heading{background:#f7fafc;border:1px solid #ccd8e2;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-bottom:10px;padding:16px 18px;display:grid}.frp1-result-heading>div:first-child>span{color:#536b7c;letter-spacing:.65px;font-size:11px;font-weight:900}.frp1-result-heading h1{color:#173c59;margin:3px 0 5px;font-size:24px}.frp1-result-heading p,.frp1-review-heading p{margin:0;line-height:1.5}.frp1-result-stars-summary{flex-wrap:wrap;gap:9px;margin-top:13px;display:flex}.frp1-result-stars-summary>div{background:#fff;border:1px solid #c8d5df;border-radius:5px;min-width:190px;padding:9px 11px}.frp1-result-stars-summary span,.frp1-result-stars-summary strong{display:block}.frp1-result-stars-summary span{color:#6b7785;letter-spacing:.4px;font-size:10px;font-weight:900}.frp1-result-stars-summary strong{color:#173c59;margin-top:5px;font-size:17px}.frp1-result-metrics{gap:9px;display:flex}.frp1-result-metrics div{text-align:center;background:#fff;border:1px solid #c8d5df;border-radius:5px;align-content:center;min-width:120px;padding:11px 13px;display:grid}.frp1-result-metrics span{color:#65788a;font-size:10px;font-weight:800}.frp1-result-metrics strong{color:#173c59;margin-top:4px;font-size:26px}.frp1-result-breakdown{flex-wrap:wrap;gap:7px;margin:10px 0 14px;display:flex}.frp1-result-breakdown span{background:#fff;border:1px solid #ccd8e2;border-radius:3px;padding:7px 10px;font-size:13px}.frp1-review-help{color:#394b5a;border-left:4px solid var(--frp1-blue);background:#f2f7fb;margin:10px 0 14px;padding:11px 13px;font-size:13px;line-height:1.5}.frp1-review-heading{border-top:1px solid #dfe6ec;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 8px;padding-top:16px;display:flex}.frp1-review-heading h2{color:#111827;margin:0;font-size:19px}.frp1-review-heading p{color:#667281;margin:3px 0 0;font-size:13px}.frp1-review-tools{flex-shrink:0;gap:7px;display:flex}.frp1-review-tools button{color:#344454;cursor:pointer;background:#fff;border:1px solid #b9c5d0;border-radius:4px;padding:7px 10px;font-weight:700}.frp1-answer-review{gap:8px;margin-top:16px;display:grid}.frp1-answer-review details{background:#fff;border:1px solid #d7e1e9;border-left:5px solid #9aa9b6;border-radius:6px;margin:8px 0;overflow:hidden}.frp1-answer-review details.correct{border-left-color:#2c9a5c}.frp1-answer-review details.wrong{border-left-color:#c2413a}.frp1-answer-review details.unanswered{border-left-color:#a66a00}.frp1-answer-review summary{cursor:pointer;background:#fbfcfd;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 13px;display:grid}.frp1-answer-review summary small{color:#526576}.frp1-answer-review details>div{padding:12px 14px 14px;line-height:1.5}.frp1-answer-review blockquote{color:#263646;background:#f5f9fc;border-left:4px solid #8bb8d6;margin:0;padding:11px 13px;font-size:14px;line-height:1.55}.frp1-source-note{color:#617080;font-style:italic}.frp1-answer-review button{color:#fff;background:var(--frp1-blue);cursor:pointer;border:0;border-radius:3px;padding:8px 11px;font-weight:700}@media (width<=1180px){.frp1-telegram{display:none}.frp1-brand{min-width:270px}.frp1-footer-legend{display:none}}@media (width<=900px){.frp1-header{gap:6px;height:68px;padding:5px 8px}.frp1-brand{min-width:0}.frp1-brand img{width:50px;height:50px}.frp1-brand strong{font-size:16px}.frp1-head-center,.frp1-finish{display:none}.frp1-brand small{font-size:10px}.frp1-mobile-toggle{display:block}.frp1-timer{height:44px}.frp1-timer>span{display:none}.frp1-timer small{font-size:0}.frp1-timer strong{margin:0;font-size:18px}.frp1-workspace{display:block;inset:68px 0 70px}.frp1-panel{height:100%;padding:18px 16px;width:100%!important}.frp1-passage-panel,.frp1-questions-panel{display:none}.frp1-preview.mobile-show-passage .frp1-passage-panel,.frp1-preview.mobile-show-questions .frp1-questions-panel{display:block}.frp1-resizer{display:none}.frp1-footer{height:70px;padding:6px}.frp1-footer-part>button{min-width:62px;height:42px}.frp1-number-list{display:none}.frp1-footer-finish{margin-left:auto}.frp1-result-heading{grid-template-columns:1fr}.frp1-result-metrics{justify-content:flex-start}}@media (width<=560px){.frp1-timer button{display:none}.frp1-header-actions{gap:5px}.frp1-header-tool{padding:0 8px}.frp1-timer{padding:4px 7px}.frp1-preview .paper-table{font-size:13px}.frp1-preview .paper-table th,.frp1-preview .paper-table td{padding:7px}.frp1-preview .paper-answer{width:110px;min-width:90px}.frp1-preview .paper-select{min-width:96px;margin-left:4px}.frp1-preview .mcq-option{grid-template-columns:22px 20px minmax(0,1fr);margin-left:8px}.frp1-result-metrics{grid-template-columns:1fr 1fr;display:grid}.frp1-result-metrics>div{min-width:0}.frp1-review-heading{flex-direction:column;align-items:flex-start}.frp1-review-tools{flex-wrap:wrap}.frp1-answer-review summary{grid-template-columns:42px 1fr}.frp1-answer-review summary small{grid-column:1/-1}}.interesting-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.interesting-article-card{background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #5b89ad24;border-radius:22px;padding:25px;box-shadow:0 10px 30px #2c5b8014}.interesting-article-card-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.interesting-article-number{color:#d1e2ee;font-size:42px;font-weight:900;line-height:1}.interesting-article-category{color:#28754d;background:#e6f8ee;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}.interesting-article-thumbnail{aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:16px;width:100%;margin-top:22px;display:block}.interesting-article-card-body{margin-top:24px}.interesting-article-card h3{color:#234f73;margin:0;font-size:25px}.interesting-article-link{text-decoration:none}.interesting-article-reading-shell{width:min(900px,90%);margin:55px auto 90px}.interesting-article-heading{text-align:center;margin-bottom:30px}.interesting-article-heading>span,.interesting-vocabulary-shell>span{color:#4a86b2;letter-spacing:1.8px;font-size:11px;font-weight:850}.interesting-article-heading>p{color:#688699;margin:18px 0 0;font-size:14px}.interesting-article-heading .interesting-article-standfirst{max-width:720px;margin:22px auto 0;font-size:18px;line-height:1.65}.interesting-article-heading h1,.interesting-vocabulary-shell h1{color:#1c4668;letter-spacing:-2px;margin:10px 0 0;font-size:clamp(42px,7vw,70px);line-height:1.05}.interesting-article-content{background:#fff;border:1px solid #5b89ad24;border-radius:28px;padding:clamp(28px,6vw,64px);box-shadow:0 18px 48px #234f731a}.interesting-article-figure{max-width:720px;margin:0 auto 38px}.interesting-article-figure img{border-radius:20px;width:100%;height:auto;display:block}.interesting-article-figure figcaption{color:#718ba0;text-align:center;margin-top:11px;font-size:13px;font-style:italic;line-height:1.5}.interesting-article-content p{color:#2f4f65;-webkit-hyphens:auto;hyphens:auto;text-align:justify;max-width:720px;margin:0 auto 1.55em;font-size:clamp(17px,2vw,20px);line-height:1.85}.interesting-article-section-heading{width:min(720px,100%);margin-inline:auto}.interesting-article-content>p:first-of-type:first-letter{float:left;color:#347faf;margin:.08em .09em 0 0;font-size:3.3em;font-weight:900;line-height:.8}.interesting-article-practice-button{color:#fff;background:linear-gradient(135deg,#4791c6,#2e759f);border-radius:16px;justify-content:center;align-items:center;gap:18px;width:min(520px,100%);min-height:58px;margin:40px auto 0;font-weight:900;text-decoration:none;display:flex;box-shadow:0 12px 28px #2e759f38}.interesting-article-source{color:#718ba0;text-align:right;max-width:720px;margin:34px auto 0;font-size:13px;font-style:italic}.interesting-vocabulary-shell{box-sizing:border-box;text-align:center;background:#fff;border:1px dashed #a9c9dc;border-radius:28px;place-content:center;width:min(760px,90%);min-height:360px;margin:70px auto 100px;padding:clamp(35px,7vw,70px);display:grid;box-shadow:0 16px 42px #234f7314}.interesting-vocabulary-shell h1{font-size:clamp(36px,6vw,56px)}.interesting-vocabulary-shell p{color:#668294;margin:20px 0 0;font-size:17px}@media (width<=900px){.interesting-articles-grid{grid-template-columns:1fr}}@media (width<=600px){.interesting-article-card{padding:20px}.interesting-article-reading-shell{width:calc(100% - 24px);margin-top:35px}.interesting-article-heading h1{font-size:43px}.interesting-article-content{border-radius:22px;padding:27px 21px}.interesting-article-content p{font-size:17px;line-height:1.75}}.orphaned-ocean-page .orphaned-ocean-opening{max-width:720px;margin-inline:auto;display:flow-root}.orphaned-ocean-page .orphaned-ocean-wrapped-image{float:left;border-radius:8px;width:42%;height:auto;margin:.35em 24px 16px 0}.orphaned-ocean-page .interesting-article-content>p:first-of-type:first-letter{float:none;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}@media (width<=600px){.orphaned-ocean-page .orphaned-ocean-wrapped-image{float:none;width:100%;max-width:502px;margin:0 auto 20px;display:block}}.global-star-profile{z-index:2000;color:#214d70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #347faf33;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:9px 13px;animation:.45s global-star-pulse;display:flex;position:fixed;top:84px;right:14px;box-shadow:0 8px 25px #183d5729}.global-star-profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;overflow:hidden}.global-star-profile span{color:#9a6a00;flex-shrink:0;font-size:13px;font-weight:900}.global-flying-stars{z-index:1999;pointer-events:none;position:fixed;top:98px;right:42px}.global-flying-stars span{animation:.7s ease-in both global-star-fly;position:absolute}@keyframes global-star-fly{0%{opacity:1;transform:translate(-38vw,42vh)scale(1.45)rotate(-18deg)}to{opacity:.2;transform:translate(0)scale(.65)rotate(12deg)}}@keyframes global-star-pulse{50%{transform:scale(1.08)}}@media (width<=600px){.global-star-profile{gap:8px;padding:7px 10px;top:76px;right:8px}.global-star-profile strong{max-width:105px;font-size:11px}}@media (prefers-reduced-motion:reduce){.global-star-profile{animation:none}.global-flying-stars{display:none}}