:root{--navy:#102c3b;--teal:#087f80;--gold:#f4ba4c;--cream:#faf8f2;--muted:#6b7c82;--line:#e1e7e2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:bold;font-size:21px}.brand img{width:57px;height:57px;border-radius:50%}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--teal)}nav{display:flex;gap:25px;font-size:13px}nav a:hover,nav a.active{color:var(--teal)}.button,button.primary{display:inline-block;background:var(--teal);color:#fff;padding:13px 25px;border:0;border-radius:9px;font-weight:bold}.button.small{padding:10px 17px;font-size:12px}.button.light{background:white;color:var(--navy);border:1px solid var(--line)}.button.gold{background:var(--gold);color:var(--navy)}main{min-height:65vh}.wrap{max-width:1180px;margin:auto;padding:48px 28px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-top:60px;padding-bottom:65px}.eyebrow{color:var(--teal);font-size:12px;letter-spacing:1px;font-weight:bold}.pill{display:inline-block;background:#e6f1e9;color:var(--teal);border-radius:20px;padding:5px 13px;font-size:12px}h1{font-size:clamp(32px,4.6vw,59px);line-height:1.4;margin:20px 0;font-weight:800;letter-spacing:-1.5px}h1 em{color:var(--teal);font-style:normal}h2{font-size:29px;line-height:1.5;margin:7px 0 14px}h3{font-size:19px;line-height:1.6}.muted,p.description{color:var(--muted)}.hero p{max-width:485px;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-art{background:#e6ede5;border-radius:36px;position:relative;padding:43px 56px 60px;text-align:center;transform:rotate(-2deg)}.hero-art img{width:100%;max-width:330px;border-radius:50%;box-shadow:0 20px 35px #183a3e20}.float{position:absolute;bottom:15px;right:15px;left:15px;background:white;border:1px solid var(--line);border-radius:14px;padding:15px;transform:rotate(2deg);box-shadow:0 8px 20px #173f3610;font-size:14px}.spark{position:absolute;left:15px;top:15px;background:var(--gold);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px}.stats{display:flex;gap:30px;margin-top:30px;font-size:11px;color:var(--muted)}.stats strong{display:block;color:var(--navy);font-size:22px}.strip{background:var(--navy);color:#fff}.strip .wrap{display:flex;justify-content:space-between;gap:25px;padding-top:24px;padding-bottom:24px}.strip small{color:#b1c4c8}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card p{font-size:14px;color:var(--muted)}.card .level{display:inline-grid;place-items:center;width:48px;height:48px;background:#e7f2eb;border-radius:12px;color:var(--teal);font-size:18px;font-weight:bold}.card:nth-child(3n+2) .level{background:#fff2d4;color:#9c6c09}.card:nth-child(3n) .level{background:#e9edf7;color:#5c6c9c}.card-link{display:block;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;color:var(--teal);font-size:13px;font-weight:bold}.banner{background:#e4eee7;border-radius:22px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px}.banner p{margin:0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.filters input,.filters select{padding:10px 15px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--navy)}.filters input{flex:1;min-width:180px}footer{padding:30px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:17px}footer .brand span{font-size:12px;font-weight:normal}.narrow{max-width:850px}.quiz{background:white;border:1px solid var(--line);padding:34px;border-radius:20px;margin-top:25px}.options{display:grid;gap:12px;margin:25px 0}.option{text-align:left;background:#fff;border:1px solid #d4ded9;border-radius:10px;padding:15px 20px;color:var(--navy)}.option.selected{background:#e1f1ed;border:2px solid var(--teal)}.option.correct{background:#dff4e6;border-color:#358951}.option.wrong{background:#ffeded;border-color:#ba5353}button:disabled{opacity:.55;cursor:not-allowed}.bar{height:7px;background:#e5ece7;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:var(--teal)}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.note{background:#edf4ef;border-radius:12px;padding:18px;font-size:14px;margin:20px 0}.feedback{padding:15px;background:#f1f5f0;border-radius:10px}.result{text-align:center}.result .score{font-size:70px;color:var(--teal);font-weight:bold;line-height:1.4}.empty{text-align:center;padding:40px}.english{direction:ltr;text-align:left;font-family:Arial,sans-serif;font-size:19px}dialog{max-width:760px;width:calc(100% - 30px);max-height:90vh;border:0;border-radius:20px;padding:35px;color:var(--navy)}dialog::backdrop{background:#0d2a3bcc;backdrop-filter:blur(4px)}.close{float:left;border:0;background:#eef3ee;border-radius:50%;font-size:26px;width:40px;height:40px}.example{border-right:3px solid var(--gold);padding:5px 20px;margin:20px 0}.practice-box{background:#f5f7f2;padding:22px;border-radius:14px}ul{padding-right:22px}.badge{font-size:11px;color:var(--teal);background:#e7f2eb;border-radius:20px;padding:4px 10px}.mini{font-size:12px;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){header{flex-wrap:wrap;padding:16px 20px;gap:15px}nav{order:3;width:100%;overflow:auto;white-space:nowrap;padding:5px 0;gap:23px}.hero{gap:30px;grid-template-columns:1fr;padding-top:30px}.hero-art{max-width:440px;margin:auto;width:100%;order:2}.grid{grid-template-columns:repeat(2,1fr)}.strip .wrap{flex-wrap:wrap}.banner{align-items:start;flex-direction:column}.wrap{padding:30px 20px}h1{font-size:42px}.brand{font-size:18px}.brand img{width:46px;height:46px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero-art{padding:30px 45px 65px}h1{font-size:36px}.stats{gap:23px}.section-head{align-items:start;flex-direction:column}.quiz{padding:23px}.row{flex-wrap:wrap}.strip .wrap>div{width:100%}header>.button{padding:10px;font-size:11px}.banner{padding:25px}}