:root{--ink:#10241f;--ink-2:#1c3932;--muted:#557069;--faint:#718981;--bg:#f4f7f4;--surface:#fff;--surface-2:#edf4ef;--line:#cfded6;--teal:#0d6b5f;--teal-2:#0f8a7a;--deep:#08251f;--amber:#c87a21;--red:#b42318;--warn:#946200;--blue:#2458b8;--ok:#137a45;--r:16px;--r-lg:22px;--shadow:0 8px 24px #08251f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}p{line-height:1.65}.nav{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:auto;padding:22px 24px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:9px;font-size:23px;font-weight:900;display:inline-flex}.brand span{background:var(--deep);color:#e7fff9;border-radius:10px;place-items:center;min-width:38px;height:34px;font-size:17px;display:inline-grid}.navlinks{color:var(--ink-2);align-items:center;gap:20px;font-weight:650;display:flex}.navlinks a:not(.btn):hover{color:var(--teal)}.hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f5f8f5 0%,#eef5f1 44%,#ddebe4 100%);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0d6b5f22,#0000 68%);border-radius:50%;width:520px;height:520px;position:absolute;top:110px;right:-180px}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:58px;max-width:1180px;margin:auto;padding:64px 24px 92px;display:grid;position:relative}.label{color:var(--teal);background:#fff;border:1px solid #b8d3ca;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.kicker{color:var(--teal);font-size:13px;font-weight:850}.hero h1{max-width:860px;margin:18px 0;font-size:clamp(42px,7vw,82px);line-height:.96}.hero h1 b{color:var(--teal)}.lead{color:var(--ink-2);max-width:720px;font-size:19px;line-height:1.72}.actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.btn{background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:850;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.btn:hover{background:#09584f;border-color:#09584f}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--ink);border-color:var(--line);background:#fff}.btn.ghost:hover{border-color:var(--teal);color:var(--teal);background:#f8fffc}.btn.small{border-radius:12px;padding:9px 13px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{color:var(--ink-2);background:#fff;border:1px solid #c8dbd3;border-radius:999px;align-items:center;padding:7px 11px;font-size:13px;font-weight:750;display:inline-flex}.hero-console{background:var(--deep);color:#eafff9;border:1px solid #16473e;border-radius:24px;padding:18px;box-shadow:0 20px 50px #08251f38}.console-head{color:#9fd9ce;justify-content:space-between;align-items:center;padding:6px 8px 16px;font-weight:800;display:flex}.dot-row{gap:6px;display:flex}.dot-row i{background:#2a6d61;border-radius:50%;width:9px;height:9px}.message-stack{gap:12px;display:grid}.bubble{border-radius:16px;max-width:92%;padding:13px 15px;line-height:1.55}.bubble.me{color:#07352e;background:#dff7ef;margin-left:auto}.bubble.bot{color:#e7fff9;background:#123b34;border:1px solid #245e53}.bubble.warn{color:#fff4df;background:#402f12;border:1px solid #9e661d}.section{max-width:1180px;margin:auto;padding:72px 24px}.section.compact{padding-top:46px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section h2{margin:8px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.05}.copy,.unit p,.feature-card p,.announcement p{color:var(--muted);line-height:1.7}.link{color:var(--teal);font-weight:850}.unit-grid,.features-grid,.announce-grid,.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.unit,.feature-card,.announcement,.panel,.student-card,.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px}.unit,.metric{box-shadow:var(--shadow)}.unit-badge{background:var(--deep);color:#eafff9;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:950;display:grid}.big{letter-spacing:-.04em;font-size:44px;font-weight:950}.split{grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px;display:grid}.children-list{gap:12px;display:grid}.child-mini{border:1px solid var(--line);border-radius:var(--r);background:#fff;align-items:center;gap:14px;padding:14px;display:flex}.child-mini span{font-size:30px}.child-mini p{color:var(--muted);margin:3px 0 0}.child-mini em{border-radius:999px;margin-left:auto;padding:6px 10px;font-size:12px;font-style:normal;font-weight:850}.good{color:#0c5c32;background:#dff5e8}.warn{color:#734900;background:#fff1c7}.medium{color:#1e4b9b;background:#e2ecff}.feature-card{gap:8px;display:grid}.feature-num{color:var(--amber);font-weight:950}.feature-card h3{margin:0;font-size:19px}.mini{color:var(--teal);font-size:12px;font-weight:850}.center{text-align:center;margin-top:24px}.dark{background:var(--deep);color:#fff;max-width:none;padding-left:calc(50% - 566px);padding-right:calc(50% - 566px)}.dark p{color:#c7ddd7}.quiz-preview{color:var(--ink);border-radius:var(--r);background:#fff;border:1px solid #dbe8e2;padding:22px}.announcement small{color:var(--teal);font-weight:900}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--deep);color:#fff;height:100vh;padding:22px;position:sticky;top:0}.sidebar .brand{margin-bottom:20px}.side-link{color:#c7ddd7;border-radius:12px;margin:5px 0;padding:12px 13px;font-weight:720;display:block}.side-link.active,.side-link:hover{color:#fff;background:#123b34}.content{width:100%;max-width:1240px;margin:auto;padding:32px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.student-card{gap:12px;display:grid}.student-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.avatar{font-size:38px}.score-row{grid-template-columns:128px 1fr 38px;align-items:center;gap:10px;margin:8px 0;display:grid}.bar{background:#e4ece8;border-radius:999px;height:9px;overflow:hidden}.fill{background:var(--teal);border-radius:999px;height:100%}.ai-box{border-radius:var(--r);background:#e9f6f1;border:1px solid #c5dfd5;padding:22px}.timeline{border-left:2px solid #c9d8d2;margin-left:8px;padding-left:18px}.timeline li{color:var(--ink-2);margin:10px 0}.login-wrap{background:linear-gradient(145deg,#ecf4ef,#f7f9f7);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow);background:#fff;padding:28px}.login-grid{grid-template-columns:.85fr 1.15fr;gap:22px;display:grid}.input{width:100%;color:var(--ink);background:#fff;border:1px solid #bdcec7;border-radius:12px;margin:8px 0 14px;padding:13px;font-size:15px}.input:focus{border-color:var(--teal);outline:3px solid #b7e5dc}.demo-cred{color:var(--ink-2);background:#f3f8f5;border:1px dashed #bdd0c8;border-radius:14px;padding:13px;font-size:14px}.metric .num{font-size:32px;font-weight:950}.telegram-sim{grid-template-columns:.85fr 1.15fr;gap:18px;display:grid}.prompt-list button{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;margin:9px 0;padding:13px;font-weight:750;display:block}.prompt-list button:hover{border-color:var(--teal);background:#f7fffc}.chat-window{background:var(--deep);border-radius:var(--r-lg);color:#e2f5ef;min-height:520px;padding:20px}.phone-top{text-align:center;color:#9fd9ce;border-bottom:1px solid #ffffff1f;padding:6px 0 16px;font-weight:800}.approval{border-radius:var(--r);background:#fff8e6;border:1px solid #e9c56d;padding:18px}.cred-list{gap:12px;display:grid}.cred-card{text-align:left;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;width:100%;color:var(--ink);background:#fff;padding:16px}.cred-card:hover{border-color:var(--teal);background:#f8fffc}.cred-card b,.cred-card span,.cred-card small{display:block}.cred-card span{color:var(--teal);margin:6px 0;font-weight:850}.cred-card small{color:var(--muted);line-height:1.5}.error{color:#8a1f17;background:#fee9e7;border:1px solid #f6bbb5;border-radius:12px;margin:4px 0 12px;padding:10px 12px}.userbox{background:#123b34;border:1px solid #ffffff1a;border-radius:14px;margin:12px 0 18px;padding:13px}.userbox b,.userbox small{display:block}.userbox small{color:#9fd9ce;margin-top:4px}.logout-btn{color:#c7ddd7;cursor:pointer;background:#0b3029;border:1px solid #ffffff24;border-radius:12px;width:100%;margin-top:18px;padding:12px}.chat-input{background:#0b3029;border-radius:14px;gap:8px;margin-top:18px;padding:8px;display:flex}.chat-input input{color:#fff;background:0 0;border:0;outline:none;flex:1;padding:11px}.chat-input button{color:#07352e;cursor:pointer;background:#dff7ef;border:0;border-radius:10px;padding:0 16px;font-weight:900}@media (max-width:900px){.hero-grid,.split,.app-shell,.telegram-sim,.login-grid{grid-template-columns:1fr}.hero-grid{padding-top:38px}.hero-console{min-width:0}.hero h1{font-size:42px}.sidebar{height:auto;position:relative}.navlinks{display:none}.content{padding:22px}.grid-2{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.score-row{grid-template-columns:110px 1fr 36px}}.chart-bars{gap:12px;display:grid}.chart-row{grid-template-columns:90px 80px 1fr 42px;align-items:center;gap:12px;display:grid}.chart-row span{color:var(--muted);font-size:13px}.chart-row em{color:var(--teal);font-style:normal;font-weight:850}@media (max-width:700px){.chart-row{grid-template-columns:80px 1fr 38px}.chart-row span{display:none}}.ai-workbench{grid-template-columns:1fr 1.2fr;gap:16px;display:grid}.output-panel{grid-row:span 2}.action-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.action-tile,.history-item{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink);background:#fff;border-radius:14px;padding:14px}.action-tile:hover,.history-item:hover{border-color:var(--teal);background:#f8fffc}.action-tile b,.action-tile span,.history-item b,.history-item span{display:block}.action-tile span,.history-item span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.45}.action-tile:disabled{opacity:.65;cursor:wait}.output-panel pre{white-space:pre-wrap;color:#eafff9;background:#09251f;border-radius:14px;max-height:620px;padding:16px;line-height:1.55;overflow:auto}.history-panel{grid-column:1}.history-item{width:100%;margin-bottom:9px;display:block}@media (max-width:960px){.ai-workbench{grid-template-columns:1fr}.output-panel,.history-panel{grid-area:auto}}.approval-list{gap:14px;display:grid}.approval-body{white-space:pre-wrap;color:var(--ink);background:#fffaf0;border:1px solid #ecd28d;border-radius:12px;max-height:360px;padding:14px;line-height:1.55;overflow:auto}.data-list{gap:10px;max-height:640px;display:grid;overflow:auto}.data-list pre{white-space:pre-wrap;border:1px solid var(--line);background:#f6faf8;border-radius:12px;padding:12px;font-size:12px;line-height:1.4}.timeline-board{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}textarea.input{resize:vertical;line-height:1.45}.quick-ai{border-radius:var(--r);background:#eef8f4;border:1px solid #c7e0d7;margin:18px 0;padding:18px}.quick-ai-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.quick-ai-head h2{margin:0}.quick-ai-head p{color:var(--muted);margin:6px 0 0}.quick-action-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px;display:grid}.quick-action{border:1px solid var(--line);text-align:left;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;padding:14px}.quick-action:hover{border-color:var(--teal);background:#f8fffc}.quick-action:disabled{opacity:.65;cursor:wait}.quick-action b,.quick-action span{display:block}.quick-action span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.45}.quick-output{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:14px;padding:14px}.quick-output pre{white-space:pre-wrap;color:#eafff9;background:#09251f;border-radius:12px;max-height:360px;padding:14px;line-height:1.55;overflow:auto}@media (max-width:760px){.quick-ai-head{flex-direction:column}.quick-ai-head .btn{width:100%}}