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;height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.login-btn{color:#fff;background:#ffffff0a;border:1px solid #ffffffa6}.register-btn{color:#fff;background:linear-gradient(135deg,#4289ef,#286be0);border:none;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}.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}.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}}.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-a-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-a-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:25px;min-height:82px;padding:0 5%;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #14375538}.section-a-brand{color:#fff;align-items:center;gap:13px;text-decoration:none;display:flex}.section-a-brand img{object-fit:cover;border:2px solid #ffffffbf;border-radius:50%;width:60px;height:60px;box-shadow:0 5px 18px #102f4840}.section-a-brand div{flex-direction:column;display:flex}.section-a-brand strong{color:#fff;font-size:19px;font-weight:800}.section-a-brand span{color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.section-a-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}.section-a-back:hover{color:#285778;background:#fff;transform:translateY(-2px)}.section-a-hero{background:radial-gradient(circle at 82% 20%,#ffffff2e,#0000 28%),linear-gradient(135deg,#275d87,#3d7ba8 55%,#75b8df);border-radius:30px;grid-template-columns:1fr auto;align-items:center;width:min(1180px,90%);min-height:285px;margin:42px auto 0;padding:48px 60px;display:grid;box-shadow:0 25px 60px #1e537d33}.section-a-label{color:#235878;letter-spacing:1px;background:#fff;border-radius:999px;padding:9px 15px;font-size:11px;font-weight:850;display:inline-block}.section-a-hero h1{color:#fff;letter-spacing:-2px;margin:21px 0 14px;font-size:clamp(42px,5vw,64px);line-height:1}.section-a-hero p{color:#ffffffde;max-width:700px;margin:0;font-size:16px;line-height:1.7}.section-a-hero-badge{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}.activity-selector{z-index:5;background:#fff;border-radius:20px;grid-template-columns:repeat(2,1fr);gap:12px;width:min(850px,86%);margin:-28px auto 0;padding:15px;display:grid;position:relative;box-shadow:0 15px 40px #204f7324}.activity-button{color:#5e7d94;text-align:left;cursor:pointer;background:#f6fafc;border:1px solid #e1edf5;border-radius:14px;align-items:center;gap:13px;min-height:78px;padding:13px 18px;transition:transform .2s,background .2s,color .2s;display:flex}.activity-button>span{font-size:27px}.activity-button div{flex-direction:column;display:flex}.activity-button strong{font-size:15px}.activity-button small{color:#91a4b3;margin-top:3px;font-size:10px}.activity-button:hover{transform:translateY(-2px)}.activity-button.active{color:#fff;background:linear-gradient(135deg,#3d7da9,#2f668f);border-color:#0000}.activity-button.active small{color:#ffffffb8}.best-score-bar{background:linear-gradient(135deg,#fffdf4,#fff);border:1px solid #f0e4af;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:12px;width:min(850px,86%);margin:18px auto 0;padding:16px 22px;display:grid}.best-score-bar>div{border-right:1px solid #eee7c7;flex-direction:column;padding:5px 15px;display:flex}.best-score-bar>div:last-child{border-right:none}.best-score-bar span{color:#a08842;letter-spacing:1.2px;font-size:9px;font-weight:850}.best-score-bar strong{color:#6f5717;margin-top:5px;font-size:16px}.simple-vocab-content{width:min(920px,90%);margin:60px auto 90px}.simple-section-heading{text-align:center;margin-bottom:30px}.simple-section-heading>span{color:#4c86af;letter-spacing:1.6px;font-size:10px;font-weight:850}.simple-section-heading h2{color:#214d70;margin:8px 0;font-size:34px}.simple-section-heading p{color:#7890a4;max-width:680px;margin:0 auto;line-height:1.6}.flashcard-counter{color:#8299aa;justify-content:center;align-items:center;gap:8px;margin:0 auto 16px;display:flex}.flashcard-counter span{letter-spacing:1.1px;font-size:9px;font-weight:850}.flashcard-counter strong{color:#316f9b;font-size:16px}.vocab-flashcard{cursor:pointer;perspective:1600px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:min(680px,100%);height:405px;margin:auto;padding:0;display:block;position:relative}.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}.vocab-flashcard:hover .flashcard-inner{box-shadow:0 32px 70px #1e4b6e33}.vocab-flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.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}.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}.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)}.flashcard-top-row{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.card-side-label{color:#4c7797;letter-spacing:1.6px;background:#e3f1fbdb;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}.flashcard-back .card-side-label{color:#fff;background:#ffffff21}.card-number-badge{color:#3976a1;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;font-size:11px;font-weight:900;display:flex}.card-number-badge.back-badge{color:#fff;background:#ffffff24}.flashcard-main{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.flashcard-language-icon{color:#3a79a5;letter-spacing:1px;background:linear-gradient(145deg,#eaf5fc,#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}.flashcard-language-icon.back-icon{color:#fff;background:#ffffff21}.flashcard-main h3{color:#214d70;letter-spacing:-1.2px;max-width:570px;margin:0;font-size:clamp(34px,4.5vw,53px);line-height:1.15}.flashcard-back .flashcard-main h3{color:#fff}.transcription{color:#718ba0;margin:17px 0 0;font-size:20px}.back-original-word{color:#ffffff9e;margin:17px 0 0;font-size:14px;font-weight:700}.flashcard-bottom-row{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.tap-message{color:#8ca2b3;font-size:10px;font-weight:750}.flashcard-back .tap-message{color:#ffffffa6}.flip-symbol{color:#417da7;background:#eaf5fb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.flashcard-back .flip-symbol{color:#fff;background:#ffffff21}.flashcard-controls{grid-template-columns:1fr 1fr 1fr;gap:10px;width:min(680px,100%);margin:25px auto 0;display:grid}.flashcard-controls button{color:#52748d;cursor:pointer;background:#fff;border:1px solid #d8e7f1;border-radius:13px;min-height:52px;padding:14px 16px;font-size:12px;font-weight:800}.flashcard-controls .shuffle-button{background:#edf6fc}.flashcard-controls .next-card-button{color:#fff;background:linear-gradient(135deg,#3c7da9,#2d668f);border-color:#0000}.test-progress-panel{background:#fff;border:1px solid #4c7fa421;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 #23527617}.test-progress-stat{background:#f5f9fc;border-radius:13px;align-items:center;gap:11px;padding:10px 12px;display:flex}.test-stat-icon{color:#fff;background:#4887b1;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:13px;font-weight:900;display:flex}.test-stat-icon.correct-icon{background:#4a9d70}.test-stat-icon.remaining-icon{background:#d59a3f}.test-progress-stat div{flex-direction:column;display:flex}.test-progress-stat small{color:#8da0ae;letter-spacing:1px;font-size:8px;font-weight:850}.test-progress-stat strong{color:#285a7f;margin-top:2px;font-size:16px}.test-progress-track{background:#e8f0f6;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.test-progress-fill{background:linear-gradient(90deg,#3677a6,#58a9d8,#78c6ea);border-radius:999px;height:100%;transition:width .4s}.typing-game{background:linear-gradient(145deg,#fff,#fafdff);border:1px solid #4c7fa424;border-radius:26px;width:min(730px,100%);margin:auto;padding:32px;animation:.38s cubic-bezier(.2,.8,.2,1) questionEnter;box-shadow:0 20px 55px #23527621}@keyframes questionEnter{0%{opacity:0;transform:translate(22px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.question-number-pill{color:#467fa7;letter-spacing:1.4px;background:#eaf5fc;border-radius:999px;width:fit-content;margin:0 auto;padding:7px 12px;font-size:9px;font-weight:900}.typing-question{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:215px;display:flex}.typing-question span{color:#89a0b1;letter-spacing:1.7px;font-size:9px;font-weight:850}.typing-question h3{color:#214d70;letter-spacing:-.8px;max-width:590px;margin:18px 0 0;font-size:clamp(31px,5vw,49px);line-height:1.2}.typing-form{grid-template-columns:1fr auto;gap:10px;display:grid}.typing-form input{color:#234f73;background:#f9fcfe;border:2px solid #d7e6f0;border-radius:13px;outline:none;width:100%;padding:17px 18px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.typing-form input:focus{background:#fff;border-color:#5ca0cf;box-shadow:0 0 0 4px #5ca0cf1f}.typing-form input:disabled{color:#73899b;background:#f1f6f9}.typing-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b7daa,#2f678f);border:none;border-radius:13px;min-width:135px;padding:0 22px;font-weight:800;transition:transform .2s,box-shadow .2s}.typing-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 20px #2a638d33}.typing-form button:disabled{opacity:.38;cursor:not-allowed}.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) feedbackPop;display:flex}@keyframes feedbackPop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.feedback-icon{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}.answer-feedback section{flex-direction:column;display:flex}.answer-feedback section>span{letter-spacing:1.4px;font-size:8px;font-weight:900}.answer-feedback strong{margin-top:3px;font-size:15px}.answer-feedback p{margin:5px 0 2px;font-size:17px;font-weight:850}.answer-feedback small{opacity:.74}.answer-feedback.correct{color:#276444;background:linear-gradient(135deg,#e9f9f0,#f7fdf9);border:1px solid #bde9cf}.answer-feedback.correct .feedback-icon{background:#45a36e}.answer-feedback.incorrect{color:#8a4040;background:linear-gradient(135deg,#fff0f0,#fff9f9);border:1px solid #efc9c9}.answer-feedback.incorrect .feedback-icon{background:#d45d5d}.next-word-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#397aa8,#2d668f);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 #2a638d26}.next-word-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #2a638d38}.test-result-screen{text-align:center;background:radial-gradient(circle at 50% -5%,#ffd74936,#0000 31%),radial-gradient(circle at 100% 100%,#469bd81f,#0000 30%),linear-gradient(145deg,#fff,#f8fcff);border:1px solid #4d80a524;border-radius:32px;width:min(760px,100%);margin:auto;padding:45px 42px;animation:.55s cubic-bezier(.2,.9,.2,1.1) resultEntrance;position:relative;overflow:hidden;box-shadow:0 25px 70px #23527629}@keyframes resultEntrance{0%{opacity:0;transform:translateY(24px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}.new-best-badge{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 newBestPulse}@keyframes newBestPulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.result-trophy{font-size:64px;animation:.85s trophyBounce}@keyframes trophyBounce{0%{opacity:0;transform:scale(.4)rotate(-12deg)}60%{transform:scale(1.18)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result-label{color:#4d84ab;letter-spacing:1.8px;margin-top:12px;font-size:9px;font-weight:900;display:block}.test-result-screen h2{color:#214d70;margin:7px 0 20px;font-size:34px}.percentage-ring{background:conic-gradient(#397ba9 0deg, #60b1df var(--score), #e5eef4 var(--score), #e5eef4 360deg);border-radius:50%;width:170px;height:170px;margin:15px auto 23px;padding:10px;animation:.8s ringAppear;display:flex;box-shadow:0 15px 35px #2e69942e}@keyframes ringAppear{0%{opacity:0;transform:rotate(-25deg)scale(.75)}to{opacity:1;transform:rotate(0)scale(1)}}.percentage-ring-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.percentage-ring-inner strong{color:#285e86;font-size:39px;font-weight:900}.percentage-ring-inner span{color:#8a9fac;letter-spacing:1.4px;margin-top:2px;font-size:8px;font-weight:900}.result-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.result-stats>div{background:#f5f9fc;border:1px solid #e4edf3;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:14px;display:flex}.result-stats span{color:#4b88b2;font-size:18px;font-weight:900}.result-stats strong{color:#234f73;margin-top:5px;font-size:23px}.result-stats small{color:#8a9fac;margin-top:2px;font-size:9px}.result-stars-area{background:linear-gradient(135deg,#fffaf0,#fffef9);border:1px solid #f0e2b1;border-radius:20px;margin-top:30px;padding:25px 18px}.result-stars-label{color:#9b7c27;letter-spacing:1.5px;font-size:9px;font-weight:900}.stars-earned{justify-content:center;align-items:center;gap:7px;min-height:60px;margin-top:13px;display:flex}.result-star{color:#d9d4bd;opacity:0;font-size:clamp(30px,5vw,45px);animation:.5s forwards starReveal;display:inline-block}.result-star.earned{color:#efbb22}@keyframes starReveal{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)}}.stars-earned-text{color:#806319;margin-top:7px;font-size:14px;display:block}.star-scale{background:#f7fafc;border:1px solid #e5edf3;border-radius:17px;gap:7px;margin-top:22px;padding:14px;display:grid}.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}.star-scale div.achieved{background:linear-gradient(135deg,#fff4bb,#fff9e4);border:1px solid #ebce67;transform:scale(1.02)}.star-scale strong{color:#dda919;letter-spacing:2px}.star-scale span{color:#8d7a45;font-size:11px;font-weight:800}.best-result-message{text-align:left;background:linear-gradient(135deg,#edf7fd,#f9fcff);border:1px solid #d8eaf5;border-radius:17px;align-items:center;gap:15px;margin-top:22px;padding:18px 20px;display:flex}.best-result-message>div{background:#fff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;display:flex}.best-result-message section{flex-direction:column;display:flex}.best-result-message span{color:#5787aa;letter-spacing:1.4px;font-size:8px;font-weight:900}.best-result-message strong{color:#285e86;margin-top:4px;font-size:19px}.best-result-message p{color:#8196a7;margin:5px 0 0;font-size:10px}.result-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;display:grid}.result-actions button,.result-actions a{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:12px 18px;font-size:12px;font-weight:850;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.result-actions button{color:#53748d;background:#fff;border:1px solid #d6e5ef}.result-actions a{color:#fff;background:linear-gradient(135deg,#3a7ba8,#2e668f);border:none}.result-actions button:hover,.result-actions a:hover{transform:translateY(-2px);box-shadow:0 9px 20px #2652731f}.section-a-footer{color:#fff;background:#214d70;justify-content:center;align-items:center;gap:12px;min-height:120px;padding:25px;display:flex}.section-a-footer img{object-fit:cover;border-radius:50%;width:55px;height:55px}.section-a-footer div{flex-direction:column;display:flex}.section-a-footer strong{font-size:16px}.section-a-footer span{color:#ffffffa6;margin-top:4px;font-size:10px}@media (width<=650px){.section-a-header{min-height:70px;padding:0 16px}.section-a-brand img{width:45px;height:45px}.section-a-brand strong{font-size:14px}.section-a-brand span{font-size:7px}.section-a-back{padding:9px;font-size:10px}.section-a-hero{width:calc(100% - 24px);min-height:unset;border-radius:22px;grid-template-columns:1fr;margin-top:18px;padding:35px 24px}.section-a-hero-badge{display:none}.section-a-hero h1{font-size:39px}.activity-selector{grid-template-columns:1fr;width:calc(100% - 40px);margin-top:-18px}.best-score-bar{grid-template-columns:1fr;width:calc(100% - 40px)}.best-score-bar>div{border-bottom:1px solid #eee7c7;border-right:none}.best-score-bar>div:last-child{border-bottom:none}.simple-vocab-content{width:calc(100% - 30px);margin-top:45px}.vocab-flashcard{height:355px}.flashcard-face{padding:24px 22px}.flashcard-main h3{font-size:clamp(29px,9vw,41px)}.transcription{font-size:17px}.flashcard-controls{grid-template-columns:1fr}.test-progress-panel{grid-template-columns:1fr;padding:15px}.test-progress-track{grid-column:1}.typing-game{padding:23px 20px}.typing-question{min-height:190px}.typing-form{grid-template-columns:1fr}.typing-form button{min-height:51px}.test-result-screen{border-radius:23px;padding:30px 20px}.percentage-ring{width:145px;height:145px}.percentage-ring-inner strong{font-size:32px}.result-stats{grid-template-columns:1fr 1fr 1fr}.result-stats>div{min-height:85px;padding:10px 5px}.result-actions{grid-template-columns:1fr}.best-result-message{align-items:flex-start}}.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}}.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-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<=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}}