:root{--ink:#132824;--muted:#687672;--green:#0d765d;--mint:#e1f5eb;--line:#dce4de;--cream:#f5f5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f3ef;color:var(--ink);font-family:"Hind Siliguri",sans-serif}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1060px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:23px;font-weight:700;text-decoration:none}.brand>span:last-child>span{color:var(--green)}.brand-mark{width:31px;height:31px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:7px;border-radius:9px;background:var(--green)}.brand-mark i{width:4px;border-radius:4px;background:#fff;transform:rotate(26deg)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:18px}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font:600 11px Manrope,sans-serif}.status i{width:7px;height:7px;border-radius:50%;background:#2ab77d;box-shadow:0 0 0 4px #e2f6ec}main{max-width:1060px;margin:auto;padding:70px 28px 60px}.hero{max-width:850px}.eyebrow{color:var(--green);font:700 10px Manrope,sans-serif;letter-spacing:1.5px}.hero h1{margin:16px 0 14px;font-size:clamp(42px,6vw,66px);line-height:1.03;letter-spacing:-2.8px}.hero h1 em{color:var(--green);font-style:normal}.hero>p{max-width:680px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.analyzer-card{margin-top:30px;padding:20px;border:1px solid #d5ded7;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(19,40,36,.09)}fieldset{margin:0 0 16px;padding:0 0 16px;border:0;border-bottom:1px solid #edf1ed}fieldset.language-field{padding-bottom:13px}legend,.analyzer-card>label{display:block;margin-bottom:9px;padding:0;font-size:12px;font-weight:700}.option-grid{display:grid;gap:9px}.provider-grid{grid-template-columns:1fr 1fr}.option{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fafbf9;color:var(--ink);text-align:left;cursor:pointer;transition:.18s}.option:hover,.language:hover{border-color:#9fc3b3}.option.active,.language.active{border-color:var(--green);background:#f0faf5;box-shadow:0 0 0 2px rgba(13,118,93,.07)}.symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font:700 14px Manrope}.symbol.gemini{background:#eee9ff;color:#6549bd}.symbol.openai{background:#e2f2eb;color:var(--green)}.option b,.option small{display:block}.option b{font:700 12px Manrope}.option small{margin-top:2px;color:#83908b;font-size:9px}.option i{display:none;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--green);color:#fff;font:700 9px Manrope;font-style:normal}.option.active i{display:grid}.language-grid{grid-template-columns:repeat(3,1fr)}.language{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#fafbf9;color:#5f6e69;font-weight:600;cursor:pointer}.language.active{color:var(--green)}.language span{margin-left:5px;font-size:9px}.hint{display:block;margin-top:8px;color:#8a9691;font-size:9px}.url-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.youtube{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#fff0ed;color:#e74235;font-size:13px}.url-row input{height:44px;min-width:0;border:0;outline:0;color:var(--ink);font:13px Manrope,sans-serif}.url-row input::placeholder{color:#a5afaa}.submit{height:43px;padding:0 20px;border:0;border-radius:9px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.submit:hover{background:var(--green)}.submit:disabled{opacity:.65;cursor:wait}.submit span{margin-left:7px}.form-foot{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #edf1ed;color:#86928d;font-size:10px}.notice{max-width:850px;margin-top:13px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px}.notice p{flex:1;margin:0}.notice b,.notice small{display:block}.notice b{font-size:12px}.notice small{color:#72827c;font-size:10px}.notice.loading{border:1px solid #bfe3d4;background:#effaf5}.spinner{width:19px;height:19px;border:2px solid #b7dccc;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice.error{border:1px solid #edc7bb;background:#fff4f0;color:#874a38}.notice.error>span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #be7d69;border-radius:50%;font:700 10px Manrope}.notice.error button{border:0;background:none;color:#9a6252;font-size:19px;cursor:pointer}.sample,.lesson{margin-top:70px;padding-top:32px;border-top:1px solid var(--line)}.pill{display:inline-block;padding:4px 10px;border-radius:20px;background:#e8f3ec;color:var(--green);font-size:10px;font-weight:700}.sample h2,.lesson h2{margin:9px 0 4px;font-size:27px}.sample>p,.lesson-head p{margin:0;color:var(--muted);font-size:13px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.sample-grid article,.panel{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.sample-grid article>span{color:var(--green);font:700 10px Manrope}.sample-grid h3,.panel h3{margin:8px 0;font-size:15px}.sample-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.lesson-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.level{padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:#687771;font-size:10px;white-space:nowrap}.lesson-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;margin-top:22px}.lesson-layout.lower{grid-template-columns:1fr 1fr}.panel>h3{margin:0 0 13px}.chapter{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #edf1ed}.chapter:last-child{border:0}.chapter time{color:var(--green);font:700 9px Manrope}.chapter b,.chapter small{display:block}.chapter b{font-size:12px}.chapter small{margin-top:2px;color:#84908c;font-size:10px}.concept{padding:13px;border-radius:10px;background:#f7faf7}.concept+.concept{margin-top:9px}.concept h4{margin:0 0 5px;font-size:13px}.concept p{margin:0;color:#62706b;font-size:11px;line-height:1.55}.concept .example{margin-top:8px;padding-left:9px;border-left:2px solid #a9d3c1;color:#49675d}.concept .warning-text{margin-top:7px;color:#8a6237}.panel ol,.panel ul{margin:0;padding-left:22px}.panel li{margin:7px 0;color:#5f6d68;font-size:11px;line-height:1.5}.panel.warning{background:#fffaf0;border-color:#e9d9ae}.quiz{margin-top:16px}.quiz-item+.quiz-item{margin-top:18px;padding-top:16px;border-top:1px solid #edf1ed}.quiz-item>p{font-weight:600}.answers{display:grid;grid-template-columns:1fr 1fr;gap:7px}.answers button{padding:9px;border:1px solid var(--line);border-radius:8px;background:#fafbf9;color:#53625d;text-align:left;font-size:10px;cursor:pointer}.answers button.correct{border-color:#71bf9f;background:#edf9f3;color:#226d51}.answers button.wrong{border-color:#dc9e8b;background:#fff2ee;color:#9b4c34}.quiz-explain{color:#687670;font-size:10px}.risk{margin-top:18px;padding:14px 16px;border-radius:10px;background:#efefe9;color:#696c63;font-size:10px;line-height:1.5}[hidden]{display:none!important}@media(max-width:700px){.topbar{padding:0 18px}.status{font-size:0}.status i{display:block}main{padding:46px 18px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero>p{font-size:14px}.provider-grid,.sample-grid,.lesson-layout,.lesson-layout.lower{grid-template-columns:1fr}.url-row{grid-template-columns:auto 1fr}.submit{grid-column:1/-1}.form-foot{display:none}.answers{grid-template-columns:1fr}.lesson-head{align-items:flex-start}.language{padding:7px 4px;font-size:11px}}
