*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#fffaf5}a{text-decoration:none;color:inherit}nav{height:70px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 22px}.brand{font-weight:950;font-size:21px;color:#c2410c}nav div{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:800}.login{padding:10px 15px;border:1px solid #fed7aa;border-radius:12px;color:#c2410c;background:#fff}.hero{min-height:570px;background:radial-gradient(circle at 78% 18%,#fff7ed 0,#fff7ed 12%,transparent 34%),linear-gradient(135deg,#fffaf5,#fff 48%,#fff7ed);display:flex;align-items:center;justify-content:center;gap:70px;padding:70px 24px;border-top:1px solid #ffedd5;border-bottom:1px solid #ffedd5}.hero-copy{max-width:660px}.pill,.tag{display:inline-block;padding:7px 11px;border-radius:999px;background:#ffedd5;color:#c2410c;font-weight:900;font-size:13px}.notice{display:inline-block;margin-left:8px;padding:7px 11px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:900;font-size:12px}.hero h1{font-size:54px;line-height:1.06;margin:18px 0;letter-spacing:-.035em}.hero h1 em{font-style:normal;background:linear-gradient(135deg,#ea580c,#f59e0b);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.7;color:#64748b}.cta{display:flex;gap:12px;margin-top:28px}.primary,.secondary{display:inline-block;padding:14px 20px;border-radius:14px;font-weight:950}.primary{background:linear-gradient(135deg,#ea580c,#f59e0b);color:#fff;box-shadow:0 12px 28px #ea580c2e}.secondary{background:#fff;border:1px solid #fed7aa;color:#c2410c;box-shadow:0 7px 20px #0f172a0a}.trust{font-size:12px;color:#64748b;margin-top:14px}.hero-card{width:310px;background:linear-gradient(180deg,#fff,#fffaf5);border:1px solid #ffedd5;border-radius:28px;padding:28px;text-align:center;box-shadow:0 28px 70px #9a34121c}.pet{font-size:72px}.levels{display:flex;justify-content:center;gap:7px;margin:12px}.levels span{padding:5px 10px;background:#fff7ed;border-radius:8px;font-weight:950;color:#c2410c}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.mini-grid i{font-style:normal;font-size:27px;background:#fff;padding:12px;border:1px solid #ffedd5;border-radius:13px;box-shadow:0 5px 14px #0f172a0a}.hero-card strong,.hero-card small{display:block}.hero-card strong{font-size:25px;color:#ea580c}.hero-card small{color:#64748b;margin-top:5px}section{padding:76px 24px;max-width:1180px;margin:auto}.soft{max-width:none;background:linear-gradient(180deg,#fff,#fff7ed80)}.soft>*{max-width:1132px;margin-left:auto;margin-right:auto}.section-head{text-align:center;max-width:720px;margin:0 auto 34px}.section-head span{color:#ea580c;font-size:12px;font-weight:950;letter-spacing:.1em}.section-head h2,.split h2{font-size:34px;margin:10px 0}.section-head p,.split p{color:#64748b;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.article-card{padding:24px;border:1px solid #ffedd5;border-radius:20px;background:#fff;box-shadow:0 10px 28px #9a34120c;font-size:28px;transition:.18s}.cards article:hover,.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #9a341216}.cards h3{font-size:17px;margin:12px 0 5px}.cards p{font-size:14px;line-height:1.55;color:#64748b}.center{text-align:center;margin-top:30px}.note{font-size:12px;color:#64748b}.game-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-preview div{background:#fff;border:1px solid #ffedd5;border-radius:16px;padding:20px;font-size:26px;box-shadow:0 8px 22px #9a34120d}.game-preview b{font-size:13px;display:block;margin-top:10px}.textlink{display:block;color:#c2410c;font-weight:900;margin-top:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.split>div{padding:34px;border-radius:24px;background:#fff7ed;border:1px solid #fed7aa;box-shadow:0 12px 28px #9a34120d}.split>div+div{background:#fffbeb;border-color:#fde68a}.dark{margin-top:8px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{display:block;font-size:14px}.article-card .ico{font-size:30px}.article-card h3{font-size:17px;margin:12px 0 7px}.article-card p{color:#64748b;line-height:1.55;margin:0}.article-card small{display:block;color:#ea580c;font-weight:900;margin-top:14px}footer{padding:32px 24px;text-align:center;background:#1c1917;color:#d6d3d1;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:13px}footer b{color:#fff}.floating-home{position:fixed;right:16px;bottom:16px;background:#fff;border:1px solid #fed7aa;border-radius:16px;padding:10px 13px;box-shadow:0 14px 34px #0f172a22;font-size:12px;font-weight:900;color:#c2410c;z-index:20}@media(max-width:760px){nav div a:not(.login){display:none}.hero{padding:48px 18px;display:block}.hero h1{font-size:39px}.hero-card{width:100%;margin-top:38px}.cards{grid-template-columns:1fr 1fr}.game-preview{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}.cta{flex-direction:column}.section-head h2,.split h2{font-size:28px}}@media(max-width:430px){.cards,.article-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.notice{margin:8px 0 0}}
/* V5.2.1 · calmer public visual language */
body{font-family:"Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif;color:#172033;background:#fbfcfe}nav{height:68px}.brand{font-weight:720;color:#b45309}nav div{font-weight:600}.hero{background:radial-gradient(circle at 82% 20%,#eef5ff 0,#eef5ff 13%,transparent 35%),linear-gradient(135deg,#fbfcfe,#fff 52%,#fff8ee);border-color:#e8edf2}.pill,.tag{background:#fff4e5;color:#b45309;font-weight:650}.hero h1{font-weight:720;letter-spacing:-.045em}.hero h1 em{background:linear-gradient(135deg,#b45309,#e69a27);-webkit-background-clip:text}.hero p{color:#667085}.primary,.secondary{font-weight:650;border-radius:12px}.primary{background:linear-gradient(135deg,#c66a0a,#e99a2e);box-shadow:0 9px 22px #b4530924}.secondary{border-color:#e5eaf0;color:#7c4a13}.hero-card{border-color:#e3e9ef;background:linear-gradient(160deg,#fff,#f5f8fc);box-shadow:0 22px 58px #33415518}.levels span{background:#eef5ff;color:#466b9e;font-weight:650}.mini-grid i{border-color:#e6ebf0}.hero-card strong{color:#b45309;font-weight:720}.section-head span{color:#b45309;font-weight:650}.section-head h2,.split h2{font-weight:700;letter-spacing:-.025em}.cards article,.article-card{border-color:#e6ebf0;box-shadow:0 8px 24px #0f172a0a}.cards h3,.article-card h3{font-weight:680}.game-preview div{border-color:#e4eaf0;box-shadow:0 6px 18px #0f172a0a}.game-preview b,.textlink,.article-card small{font-weight:650}.split>div{background:#f4f7fb;border-color:#dfe7f0}.split>div+div{background:#fff8ee;border-color:#f1dfc6}

.article-tag{display:inline-block;margin:8px 0 0;padding:4px 8px;border-radius:999px;background:#fff4e5;color:#a6530b;font-size:10px;font-weight:700}.dynamic-article{background:linear-gradient(145deg,#fff,#fbfcfe 70%,#fff9f1)!important;border-color:#e5eaf0!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important}

/* V5.5.6 · editorial article cards */
.article-grid{align-items:stretch}
.article-card{display:flex;flex-direction:column;min-height:248px;padding:22px 22px 20px;border-radius:18px;background:#fff!important}
.article-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.article-card .ico{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f6f8fb;font-size:22px}
.article-card .article-tag{margin:0;background:#fff4e8;color:#9a520f;letter-spacing:.015em}
.article-card h3{font-size:18px;line-height:1.38;margin:0 0 9px;color:#1f2937;letter-spacing:-.012em}
.article-card p{font-size:13.5px;line-height:1.65;color:#667085;margin:0 0 16px}
.article-card small{margin-top:auto;padding-top:4px;color:#9a520f;font-size:12.5px}
.article-card:hover{transform:translateY(-2px);border-color:#d9e1ea;box-shadow:0 14px 30px rgba(15,23,42,.07)!important}


/* V5.5.8 · authenticated teacher strip on public homepage */
.teacher-public-bar{max-width:1180px;margin:0 auto 6px;padding:12px 20px;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(120deg,#fff,#f8fafc);box-shadow:0 6px 22px rgba(15,23,42,.05)}
.teacher-public-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.teacher-public-main>div:first-child{display:flex;align-items:baseline;gap:10px}.teacher-public-main b{color:#1f2937}.teacher-public-main span{font-size:12px;color:#64748b}.teacher-public-actions{display:flex;gap:8px;align-items:center}.teacher-public-actions a,.teacher-public-actions button{border:1px solid #e2e8f0;background:#fff;border-radius:9px;padding:7px 10px;font:inherit;font-size:12px;font-weight:650;color:#475569;cursor:pointer}.teacher-public-actions a:hover,.teacher-public-actions button:hover{border-color:#fdba74;color:#b45309}.teacher-public-results{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:#64748b}.public-result-chip{padding:5px 8px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0}.public-result-empty{color:#94a3b8}@media(max-width:760px){.teacher-public-main{align-items:flex-start;flex-direction:column}.teacher-public-main>div:first-child{flex-direction:column;gap:2px}.teacher-public-results{display:none}}

/* V5.9.0 SEO/product homepage */
.proof{max-width:1180px;padding:0 24px;margin:-28px auto 22px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.proof>div{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:16px 18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.proof b,.proof span{display:block}.proof b{font-size:15px;color:#8a4a0d}.proof span{margin-top:3px;font-size:11px;color:#667085}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-grid a{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:20px;border:1px solid #e5eaf0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);font-size:28px}.tool-grid b{font-size:16px}.tool-grid span{grid-column:2;font-size:12px;color:#667085;margin-top:2px}.tool-grid a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.07)}@media(max-width:760px){.proof{grid-template-columns:1fr 1fr;margin-top:0;padding-top:18px}.tool-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.tool-grid{grid-template-columns:1fr}}


/* V6.0.6 · teacher-first homepage */
.hero.teacher-first{min-height:535px;gap:64px;padding-top:62px;padding-bottom:64px;background:radial-gradient(circle at 80% 20%,#edf5ff 0,#edf5ff 15%,transparent 38%),linear-gradient(135deg,#fbfcfe,#fff 54%,#fff8ef)}
.hero.teacher-first .hero-copy{max-width:690px}
.hero.teacher-first .hero-card{width:360px;text-align:left;padding:24px}
.teacher-panel-top{padding-bottom:17px;border-bottom:1px solid #e8edf2}.teacher-panel-top span{display:block;font-size:11px;font-weight:750;letter-spacing:.08em;color:#b45309}.teacher-panel-top b{display:block;margin-top:7px;font-size:21px;line-height:1.25;color:#22304a;letter-spacing:-.025em}
.teacher-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.teacher-feature-grid>div{padding:14px;border:1px solid #e5eaf0;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04)}.teacher-feature-grid strong,.teacher-feature-grid small{display:block}.teacher-feature-grid strong{font-size:14px;color:#27364d}.teacher-feature-grid small{font-size:11px;line-height:1.4;color:#7a8699;margin-top:4px}
.teacher-panel-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:11px 13px;border-radius:12px;background:#fff5e9;border:1px solid #f5e3ca}.teacher-panel-foot b{color:#b45309;font-size:13px}.teacher-panel-foot span{font-size:11px;color:#7a654f}
.feature-proof{margin-top:-24px}.feature-proof>div{padding:15px 18px}.feature-proof b{color:#334155}.feature-proof span{font-size:11.5px}
.games-secondary{padding-top:62px;padding-bottom:62px}.games-secondary .game-preview{opacity:.92}.games-secondary .game-preview div{padding:16px;font-size:22px}
@media(max-width:900px){.hero.teacher-first{gap:30px}.hero.teacher-first .hero-card{width:330px}}
@media(max-width:760px){.hero.teacher-first{padding-top:42px;padding-bottom:42px}.hero.teacher-first .hero-card{width:100%;margin-top:30px}.feature-proof{margin-top:0}.teacher-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.teacher-feature-grid{grid-template-columns:1fr}.hero.teacher-first .hero-card{padding:18px}}