:root{--bg:#f3f7ff;--bg-card:#fff;--ink:#233143;--ink-soft:#5b6b7f;--primary:#3a7afe;--primary-dark:#2c63d6;--accent:#ffb02e;--green:#2bb673;--red:#e0586b;--line:#e3ebf7;--radius:16px;--shadow:0 6px 24px rgba(58,122,254,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--ink);line-height:1.25}.container{max-width:1080px;margin:0 auto;padding:24px 20px}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;border:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .05s ease}.btn:hover{background:var(--primary-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-accent{background:var(--accent);color:#553a00}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost,.input,.select{border:1px solid var(--line)}.input,.select{width:100%;padding:12px 14px;border-radius:12px;font-size:16px;background:#fff;color:var(--ink)}.input:focus,.select:focus{outline:2px solid rgba(58,122,254,.25);border-color:var(--primary)}.label{display:block;font-weight:700;font-size:14px;margin-bottom:6px;color:var(--ink-soft)}.field{margin-bottom:16px}.error{color:var(--red);font-size:14px;margin-top:8px}.muted{color:var(--ink-soft)}.row{display:flex;gap:12px;align-items:center}.spacer{flex:1 1}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topbar .container{gap:16px;padding-top:14px;padding-bottom:14px}.brand,.topbar .container{display:flex;align-items:center}.brand{font-weight:800;font-size:20px;color:var(--primary);gap:8px}.chat-wrap{display:grid;grid-template-columns:1fr 300px;grid-gap:20px;gap:20px}@media (max-width:820px){.chat-wrap{grid-template-columns:1fr}}.messages{display:flex;flex-direction:column;gap:12px;min-height:360px;max-height:56vh;overflow-y:auto;padding:8px}.bubble{max-width:78%;padding:12px 16px;border-radius:16px;white-space:pre-wrap;word-wrap:break-word}.bubble.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:#eef3ff;color:var(--ink);border-bottom-left-radius:4px}.composer{display:flex;gap:10px;margin-top:14px}.composer .input{flex:1 1}.badge-grid{display:flex;flex-wrap:wrap;gap:10px}.badge{background:#fff7e6;border:1px solid #ffe2a8;border-radius:12px;padding:8px 10px;font-size:14px;font-weight:700}.streak{font-size:28px;font-weight:800;color:var(--accent)}.progress-bar{height:10px;background:#eef3ff;border-radius:6px;overflow:hidden}.progress-bar>span{display:block;height:100%;background:var(--green)}.subject-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:14px}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.list{display:flex;flex-direction:column;gap:10px}.list-item{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;display:flex;align-items:center;gap:12px}.tag{font-size:12px;font-weight:700;color:var(--primary);background:#eef3ff;padding:3px 8px;border-radius:999px}.toggle{display:flex;align-items:center;gap:8px}.footer-links{display:flex;flex-direction:column;gap:6px;font-size:14px}.doodle-page{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23aecbf2%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2824%2030%29%20rotate%28-35%29%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2214%22%20height%3D%2242%22%20rx%3D%222%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%2210%22%20x2%3D%2214%22%20y2%3D%2210%22%2F%3E%3Cpath%20d%3D%22M0%2042%20L7%2054%20L14%2042%20Z%22%2F%3E%3Cline%20x1%3D%227%22%20y1%3D%2248%22%20x2%3D%227%22%20y2%3D%2254%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28150%2040%29%22%3E%3Cpath%20d%3D%22M0%204%20C10%20-2%2022%20-2%2030%204%20L30%2026%20C22%2020%2010%2020%200%2026%20Z%22%2F%3E%3Cline%20x1%3D%2230%22%20y1%3D%224%22%20x2%3D%2230%22%20y2%3D%2226%22%2F%3E%3Cpath%20d%3D%22M30%204%20C38%20-2%2050%20-2%2060%204%20L60%2026%20C50%2020%2038%2020%2030%2026%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28206%20150%29%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%2F%3E%3Cpath%20d%3D%22M6%2022%20L18%2022%20M8%2027%20L16%2027%22%2F%3E%3Cpath%20d%3D%22M12%20-3%20L12%20-9%20M-3%2012%20L-9%2012%20M27%2012%20L33%2012%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2828%20172%29%20rotate%2818%29%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2270%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%220%22%20x2%3D%2212%22%20y2%3D%228%22%2F%3E%3Cline%20x1%3D%2224%22%20y1%3D%220%22%20x2%3D%2224%22%20y2%3D%228%22%2F%3E%3Cline%20x1%3D%2236%22%20y1%3D%220%22%20x2%3D%2236%22%20y2%3D%228%22%2F%3E%3Cline%20x1%3D%2248%22%20y1%3D%220%22%20x2%3D%2248%22%20y2%3D%228%22%2F%3E%3Cline%20x1%3D%2260%22%20y1%3D%220%22%20x2%3D%2260%22%20y2%3D%228%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M120%20118%20C122%20126%20122%20126%20130%20128%20C122%20130%20122%20130%20120%20138%20C118%20130%20118%20130%20110%20128%20C118%20126%20118%20126%20120%20118%20Z%22%2F%3E%3Cpath%20d%3D%22M200%2072%20C201%2076%20201%2076%20205%2077%20C201%2078%20201%2078%20200%2082%20C199%2078%20199%2078%20195%2077%20C199%2076%20199%2076%20200%2072%20Z%22%2F%3E%3Cg%20transform%3D%22translate%2895%2062%29%22%3E%3Cline%20x1%3D%22-5%22%20y1%3D%220%22%20x2%3D%225%22%20y2%3D%220%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%22-5%22%20x2%3D%220%22%20y2%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28242%20232%29%22%3E%3Cline%20x1%3D%22-5%22%20y1%3D%220%22%20x2%3D%225%22%20y2%3D%220%22%2F%3E%3Cline%20x1%3D%220%22%20y1%3D%22-5%22%20x2%3D%220%22%20y2%3D%225%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28150%20208%29%22%3E%3Cpath%20d%3D%22M0%200%20L0%2016%20M-3%203%20L0%200%22%2F%3E%3Cline%20x1%3D%228%22%20y1%3D%228%22%20x2%3D%2216%22%20y2%3D%228%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%224%22%20x2%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cpath%20d%3D%22M22%200%20L22%2016%20M19%203%20L22%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:repeat;background-attachment:fixed}.hero{background:linear-gradient(135deg,#eef4ff,#fff7e6);border-radius:24px;padding:48px 32px;text-align:center;border:1px solid var(--line)}.hero h1{font-size:40px;margin:0 0 12px}@media (max-width:640px){.hero h1{font-size:30px}}.section{margin-top:40px}.section h2{text-align:center;font-size:28px;margin-bottom:24px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:16px}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}}.step-num{width:40px;height:40px;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.tariff{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.tariff.hl{border:2px solid var(--primary);box-shadow:var(--shadow)}.tariff .price{font-size:32px;font-weight:800;color:var(--primary)}.tariff ul{list-style:none;padding:0;margin:16px 0 0}.tariff li{padding:6px 0 6px 26px;position:relative}.tariff li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.legal{max-width:800px}.legal h1{font-size:30px}.legal h2{font-size:20px;margin-top:28px}.legal li,.legal p{color:var(--ink);line-height:1.7}.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;z-index:60;font-size:14px}@media (max-width:560px){.cookie-bar{flex-direction:column;align-items:stretch}}