:root{--blue:#133c69;--navy:#102e50;--teal:#087f8c;--mint:#dff5ef;--gold:#f5bd56;--ink:#23364a;--muted:#516879;--bg:#f4f8fb;--white:#fff;--border:#d7e3ed;--shadow:0 14px 38px rgba(18,58,100,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}a{color:var(--blue)}img{max-width:100%;height:auto}h1,h2,h3{color:var(--navy);line-height:1.28}h1{font-size:clamp(2rem,4.5vw,3.65rem);margin:.35rem 0 1rem;letter-spacing:-.025em}h2{font-size:clamp(1.55rem,2.8vw,2.25rem);margin:0 0 1rem}h3{font-size:1.13rem;margin:.2rem 0 .7rem}.shell{max-width:1180px;margin:auto;padding:0 22px}.skip{position:absolute;left:-9999px;top:0;background:white;padding:10px;z-index:300}.skip:focus{left:0}.topbar{background:white;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90}.nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;display:flex;gap:10px;align-items:center;color:var(--navy);font-weight:850;font-size:1.05rem;line-height:1.2}.brand-mark{background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:16px;color:white;padding:10px;font-size:1.3rem}.nav-links{display:flex;flex-wrap:wrap;gap:5px}.nav-links a{padding:10px 11px;text-decoration:none;border-radius:10px;font-size:.89rem;font-weight:650;color:#28455c}.nav-links a:hover,.nav-links a.active{background:#e9f4f7;color:var(--blue)}.menu-toggle{display:none;border:1px solid var(--border);border-radius:11px;background:white;min-height:44px;padding:5px 15px}.hero{position:relative;overflow:hidden;padding:72px 0 78px;background:radial-gradient(circle at 80% 15%,#bceee2,transparent 39%),linear-gradient(120deg,#e7f6ff,#f3fff9 65%,#fffae9)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.eyebrow{font-size:.79rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:var(--teal)}.lead{font-size:1.13rem;max-width:690px;color:#40596c}.pill{display:inline-flex;padding:6px 12px;border:1px solid #91c4c7;border-radius:999px;font-size:.8rem;font-weight:700;color:var(--teal);background:#ffffffaa}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:0;border-radius:12px;background:var(--blue);color:white;text-decoration:none;font-weight:750;cursor:pointer}.button:hover{background:#255f96}.button.secondary{background:white;color:var(--blue);border:1px solid #a6c2d9}.button.ghost{background:#e6f4f3;color:#075965}.button.danger{background:#a53145}.button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-visual{border-radius:30px;padding:28px;box-shadow:var(--shadow);background:white;display:grid;gap:14px;transform:rotate(1deg)}.hero-visual .mini-card{background:#ebf8fa;padding:16px 18px;border-radius:17px;border-left:5px solid var(--teal)}.hero-visual .mini-card:nth-child(2){background:#fff3da;border-left-color:var(--gold)}.hero-visual .mini-card:nth-child(3){background:#e6eef9;border-left-color:#4574b2}.section{padding:68px 0}.section.alt{background:white}.section-head{max-width:760px;margin-bottom:25px}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--border);padding:24px;border-radius:21px;box-shadow:0 7px 20px rgba(17,50,90,.035);min-width:0}.card p{margin:0 0 14px}.card .num{display:inline-grid;place-items:center;background:var(--mint);color:#00646e;width:48px;height:48px;border-radius:16px;font-weight:850;margin-bottom:12px}.card a.more{font-weight:750;text-decoration:none;color:var(--teal)}.stat{font-size:2.05rem;color:var(--blue);font-weight:850;letter-spacing:-.03em}.note{background:#fff8e9;border-left:4px solid #e4aa41;border-radius:10px;padding:14px 17px}.good{background:#e8f7f1;border-left:4px solid var(--teal);border-radius:10px;padding:14px 17px}.narrow{max-width:860px}.page-hero{padding:48px 0;background:linear-gradient(110deg,#eaf5ff,#e6faf4)}.page-hero h1{font-size:clamp(1.9rem,3.5vw,3rem)}.prose{max-width:860px}.prose p{margin-bottom:1.1rem;text-align:justify}.tag{display:inline-block;background:#eaf3fc;color:#20537f;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.figure{padding:15px;background:white;border:1px solid var(--border);border-radius:19px}.figure img{width:100%;max-height:410px;object-fit:contain}.figcaption{font-size:.82rem;color:var(--muted);padding:4px 8px}.field{display:grid;gap:6px;margin-bottom:15px}.field label{font-weight:750}.field input,.field textarea,.field select{border:1px solid #a5bacb;border-radius:11px;padding:12px;background:#fff;min-width:0;width:100%}.field textarea{min-height:130px;resize:vertical}.list{padding-left:20px}.list li{margin-bottom:10px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{background:white;border:1px solid var(--border);border-radius:13px;padding:12px 4px;text-align:center;cursor:pointer;min-height:82px}.day.done{background:#c9f3e4;border-color:#0b8c82}.quiz-option{display:block;border:1px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;margin:8px 0;background:white}.quiz-option:has(input:checked){border-color:var(--teal);background:#eafbf5}.quiz-option input{margin-right:10px}.result{padding:16px;border-radius:12px;background:#e6f4f8;margin-top:14px;display:none}.result.show{display:block}.chart{display:grid;gap:9px}.chart-row{display:grid;grid-template-columns:190px 1fr 60px;gap:12px;align-items:center}.track{height:16px;background:#e4ecf2;border-radius:999px;overflow:hidden}.bar{height:100%;background:var(--teal);border-radius:999px}.chart-row b{font-variant-numeric:tabular-nums}.footer{background:#0c2d4c;color:#e1eff7;padding:45px 0 22px}.footer strong{color:white}.footer a{color:#d1f1f7}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.footer-bottom{border-top:1px solid #466078;margin-top:26px;padding-top:20px;font-size:.86rem}.chat-root{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;align-items:flex-end;gap:10px;max-width:calc(100vw - 32px)}.chat-teacher{border:4px solid white;box-shadow:0 8px 32px #0c43624d;width:76px;height:76px;object-fit:cover;object-position:top;border-radius:50%;cursor:pointer;background:white}.chat-bubble{max-width:240px;min-height:50px;padding:12px;border:1px solid #c3dfe5;background:white;border-radius:20px 20px 3px 20px;box-shadow:var(--shadow);cursor:pointer;font-size:.83rem;font-weight:700;color:var(--blue)}.chat-dialog{position:absolute;bottom:91px;right:0;width:min(365px,calc(100vw - 26px));height:min(510px,calc(100vh - 125px));display:none;flex-direction:column;border-radius:20px;overflow:hidden;background:white;box-shadow:0 10px 45px #082a4c55;border:1px solid #c2dfe3}.chat-dialog.open{display:flex}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--navy);color:white;padding:12px 15px}.chat-log{flex:1;overflow-y:auto;padding:13px;background:#f5f8fb}.chat-msg{border-radius:14px;padding:11px 13px;margin-bottom:10px;max-width:90%;background:white;border:1px solid var(--border);font-size:.9rem;white-space:pre-wrap}.chat-msg.me{margin-left:auto;background:#ddf4f0}.chat-form{display:flex;gap:6px;padding:9px;border-top:1px solid var(--border)}.chat-form input{flex:1;min-width:0;border:1px solid var(--border);border-radius:11px;padding:9px}.chat-form button{min-height:44px}.badge-list{display:flex;gap:8px;flex-wrap:wrap}.gallery-placeholder{background:linear-gradient(145deg,#e7f4f8,#f7ffef);border:2px dashed #86bbc3;min-height:190px;border-radius:16px;display:grid;place-items:center;padding:20px;text-align:center;color:#426c79}.article-card h3 a{text-decoration:none}.article-card p{color:#506576}.admin-wrap{max-width:1060px;margin:auto;padding:35px 20px}.admin-list{display:grid;gap:10px}.admin-row{display:flex;gap:12px;align-items:center;justify-content:space-between;background:white;border:1px solid var(--border);padding:12px;border-radius:12px}.admin-row .actions{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.nav-links{display:none;position:absolute;left:0;right:0;top:75px;background:white;padding:12px 18px;border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.nav-links.open{display:grid;grid-template-columns:1fr 1fr}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.grid.four,.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:610px){.shell{padding:0 16px}.hero{padding:42px 0}.section{padding:43px 0}.grid,.grid.two,.grid.four{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:120px 1fr 45px;font-size:.8rem;gap:6px}.week{grid-template-columns:repeat(4,1fr)}.chat-root{right:10px;bottom:10px}.chat-teacher{width:66px;height:66px}.chat-bubble{max-width:176px;font-size:.75rem}.card{padding:20px}.hero-visual{transform:none}}