:root{--ink:#14251f;--green:#167a5a;--muted:#69766f;--mint:#dff4e9}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f5f1e8}button{font:inherit}.shell{min-height:100svh;position:relative;overflow:hidden;padding:22px 18px 34px;background:radial-gradient(circle at 15% 5%,#fff,transparent 28%),linear-gradient(155deg,#faf7f0,#edf5ed)}.orb{position:fixed;border-radius:50%;pointer-events:none;opacity:.65}.orb.a{width:340px;height:340px;top:-210px;right:-100px;background:#bfe7d2}.orb.b{width:260px;height:260px;bottom:-170px;left:-110px;background:#f1d79f}.loading{min-height:90svh;display:grid;place-items:center;color:var(--muted)}.menu,.trainer{width:min(100%,820px);margin:auto;position:relative;z-index:1}.menu{padding:22px 0}.logo{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:var(--ink);color:white;font-size:22px;font-weight:850;box-shadow:0 12px 30px #14251f2b}.kicker{margin:24px 0 7px;color:var(--green);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.menu>h1,.finish h1{margin:0;font:600 clamp(34px,6vw,54px)/1.08 Georgia,serif;letter-spacing:-.035em}.intro{color:var(--muted);margin:12px 0 30px}.group{margin:0 0 25px}.group h2{display:flex;align-items:center;gap:9px;margin:0 0 11px;font-size:15px}.group h2 svg{width:19px;height:19px;fill:none;stroke:var(--green);stroke-width:1.8}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.modules.one{grid-template-columns:1fr}.module{min-height:100px;display:flex;align-items:center;gap:13px;text-align:left;border-radius:20px;padding:16px;border:1px solid #dbe3dc;background:#ffffffc7;color:var(--ink)}.module>b{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#edf1ed;color:#65726c}.module span{display:flex;flex:1;flex-direction:column;gap:5px}.module small{font-size:11px;color:#7a8780}.module i{font-style:normal}.module.active{cursor:pointer;border-color:#65a989;background:linear-gradient(145deg,#f7fffa,#e2f5e9);box-shadow:0 12px 32px #2f704d18;transition:.2s}.module.active:hover{transform:translateY(-3px)}.module.active>b{background:var(--green);color:white}.module.locked{opacity:.62;cursor:not-allowed}
.trainer{max-width:760px}.trainer header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{display:flex;align-items:center;gap:11px}.brand>b{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--ink);color:white}.brand span{display:flex;flex-direction:column}.brand small{color:var(--muted);margin-top:3px}.exit{padding:10px 13px;border-radius:13px;color:#526059;background:#ffffffa6;border:1px solid #dbe3dc;cursor:pointer}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:8px}.progress-meta strong{color:var(--green)}.progress{height:8px;background:#dce6de;border-radius:99px;overflow:hidden;margin-bottom:18px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#1d8d68,#6bb68d);transition:.3s}.trainer article{position:relative;overflow:hidden;background:#ffffffed;border:1px solid #dfe6df;border-radius:28px;padding:29px;box-shadow:0 24px 65px #3b59431a;animation:in .35s ease}.accent{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#167a5a,#86c59e,#e4b959)}.meta{display:flex;justify-content:space-between;color:#78847e;font-size:12px;margin-bottom:15px}.meta em{font-style:normal;padding:7px 10px;border-radius:99px;background:var(--mint);color:#176b50;font-weight:750}.topic{color:var(--green);font-size:13px;font-weight:760;margin:0 0 11px}.trainer article h1{font:600 clamp(24px,4vw,34px)/1.32 Georgia,serif;letter-spacing:-.025em;margin:0}.opts{margin:20px 0 0;padding:12px 16px;background:#f6f7f3;border-radius:15px}.opts p{margin:6px 0;font-size:14px}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:27px}.answers button{min-height:61px;border:1px solid #dce3dd;background:#fbfcfa;border-radius:17px;color:#34433c;display:flex;align-items:center;gap:10px;padding:10px 13px;cursor:pointer;font-weight:690}.answers i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#edf1ed;font-style:normal}.answers .correct{background:#e1f6e9;border-color:#51a779;color:#126443}.answers .correct i{background:#1b8a61;color:white}.answers .wrong{background:#fff0ee;border-color:#d87070;color:#a73535}.answers .wrong i{background:#cb4e4e;color:white}.feedback{margin-top:18px;display:flex;gap:11px;padding:13px 15px;border-radius:15px;animation:in .25s ease}.feedback.good{background:#e4f5e9;color:#176b4b}.feedback.bad{background:#fff0ee;color:#9f3939}.feedback>span{display:flex;flex-direction:column}.feedback small{margin-top:3px}article footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.show{border:0;background:transparent;color:#52625a;padding:11px 3px;cursor:pointer}.next,.start{border:0;background:var(--ink);color:white;padding:12px 17px;border-radius:14px;font-weight:750;cursor:pointer}.hint{text-align:center;font-size:12px;color:#7f8b85}.finish{width:min(100%,500px);margin:18vh auto 0;position:relative;z-index:1;text-align:center;background:#ffffffeb;border:1px solid #dfe7df;border-radius:30px;padding:42px 28px;box-shadow:0 25px 70px #2948361c}.finish>div{width:76px;height:76px;display:grid;place-items:center;margin:auto;border-radius:25px;background:var(--mint);color:var(--green);font-size:38px}.finish>p:not(.kicker){color:var(--muted);line-height:1.6}.finish button{margin:6px}@keyframes in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:620px){.shell{padding:15px 12px 24px}.menu{padding:12px 2px}.logo{width:52px;height:52px;border-radius:17px}.modules{grid-template-columns:1fr}.module{min-height:79px;padding:12px 14px;border-radius:17px}.module>b{width:41px;height:41px}.exit span{display:none}.trainer article{padding:25px 18px 20px;border-radius:23px}.trainer article h1{font-size:24px}.answers{grid-template-columns:1fr;gap:9px;margin-top:22px}.answers button{min-height:55px}.finish{margin-top:10vh}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:18px}.stats>div{background:#ffffffbd;border:1px solid #dfe6df;border-radius:15px;padding:10px 12px}.stats span{font-size:11px;color:var(--muted)}.stats b{float:right}.stats em{display:block;clear:both;height:5px;margin-top:9px;background:#dce6de;border-radius:9px;overflow:hidden}.stats em i{display:block;height:100%;background:#278967}.stats .red em i{background:#c94d4d}.stats .green em i{background:#1b8a61}.translate,.prev{border:1px solid #d4e1d8;background:#f4faf6;color:var(--green);border-radius:12px;padding:8px 11px;cursor:pointer;font-weight:700}.translate{margin-top:16px}.persian{margin-top:10px;padding:14px 16px;border-radius:15px;background:#f1f7f3;color:#31463c;font-size:16px;line-height:1.9}.prev:disabled{opacity:.35}@media(max-width:620px){.stats{grid-template-columns:1fr 1fr}.stats>div:first-child{grid-column:1/-1}article footer{flex-wrap:wrap}}