*{box-sizing:border-box}
body{font-family:Segoe UI,Arial,sans-serif;margin:0;background:#f5f7fa;color:#1c1e21}
.top{background:#2374E1;color:#fff;padding:22px 20px;text-align:center}
.top h1{margin:0;font-size:22px;font-weight:600}
.top p{margin:4px 0 0;opacity:.9;font-size:14px}
.wrap{max-width:1080px;margin:0 auto;padding:18px 16px 48px}
.filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px 0 8px}
.filter button{background:#fff;border:1px solid #d5dbe4;color:#333;padding:9px 16px;border-radius:22px;
  font-size:14px;cursor:pointer;transition:.15s}
.filter button.on{background:#2374E1;border-color:#2374E1;color:#fff;font-weight:600}
.period{text-align:center;color:#8a93a2;font-size:13px;margin-bottom:20px}
.section{margin:26px 0 8px;font-size:17px;font-weight:600;color:#2b3a4b;
  border-left:4px solid #2374E1;padding-left:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 2px 10px rgba(20,40,80,.06);
  display:flex;flex-direction:column;gap:6px;border:1px solid #eef1f5}
.card .t{font-size:15px;font-weight:600;line-height:1.25}
.card .s{font-size:12px;color:#8a93a2}
.card .p{font-size:26px;font-weight:700;color:#2374E1;margin-top:6px}
.card .p small{font-size:13px;font-weight:500;color:#5b6472}
.card .n{font-size:12px;color:#98a1af}
.ladder{margin-top:8px;border-top:1px dashed #e6ebf2;padding-top:8px;display:flex;flex-direction:column;gap:4px}
.ladder .lr{display:flex;justify-content:space-between;font-size:13px}
.ladder .lr .ln{color:#5b6472}.ladder .lr .lv{font-weight:600}
.ladder .lr .pl{color:#98a1af;font-size:11px;font-weight:400;margin-left:4px}
.ladder .lr.base .lv{color:#2374E1}
.ladder .lr.man .lv{color:#8a5a12}
.ladder .lr .tag{font-size:10px;color:#b07d2a;margin-left:5px;font-weight:400}
.src{margin-top:9px;font-size:11px;padding:3px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}
.src.ok{background:#e7f1fd;color:#1a5aa0}
.src.warn{background:#fbf0da;color:#8a5a12}
.src.man{background:#eef0f3;color:#6b7280}
.src .dot{width:6px;height:6px;border-radius:50%}
.src.ok .dot{background:#2374E1}.src.warn .dot{background:#d38b1a}.src.man .dot{background:#9aa2ae}
.langs{margin-top:7px;display:flex;gap:4px;flex-wrap:wrap}
.langs .lg{font-size:10px;font-weight:600;letter-spacing:.03em;background:#eef1f5;color:#4a5666;padding:2px 6px;border-radius:5px}
.note{margin-top:30px;background:#eef3fb;border-radius:12px;padding:14px 18px;font-size:13px;color:#4a5666;line-height:1.5}
.note .nt-title{font-weight:600;color:#2c3e50;margin-bottom:8px}
.note .ni{margin-bottom:7px;line-height:1.5}
.empty{text-align:center;color:#98a1af;padding:60px 0}
.modes{display:flex;gap:6px;justify-content:center;margin:0 0 6px;flex-wrap:wrap}
.modes .ml{font-size:12px;color:#98a1af;align-self:center;margin-right:2px}
.modes button{background:#fff;border:1px solid #dde2ea;color:#5b6472;padding:5px 11px;border-radius:8px;font-size:12px;cursor:pointer}
.modes button.on{background:#1c2b3a;border-color:#1c2b3a;color:#fff;font-weight:600}
.langinline{color:#98a1af;font-size:11px;font-weight:400}
table.pt{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 5px rgba(20,40,80,.05);margin-bottom:8px}
table.pt th,table.pt td{padding:9px 13px;font-size:13px;text-align:left;border-bottom:1px solid #eef1f5}
table.pt th{background:#f6f8fb;color:#5b6472;font-weight:600}
table.pt td.r{text-align:right;font-weight:600;white-space:nowrap}
table.pt td.pl{color:#98a1af;font-size:11px;text-align:right;white-space:nowrap}
.ip{padding:11px 0;border-bottom:1px solid #eef1f5}
.ip .h{font-weight:600;font-size:14px}.ip .h small{color:#98a1af;font-weight:400;font-size:12px;margin-left:6px}
.ip .lad{font-size:13px;color:#4a5666;margin-top:4px;line-height:1.7}
.ip .lad b{color:#2374E1}.ip .lad .pl2{color:#98a1af;font-size:11px}
/* Дизайн «как языкплюс.рф» (Tilda) */
.rf-sec{background:#e21e5d;color:#fff;font-size:15px;font-weight:600;padding:9px 16px;border-radius:8px;margin:26px 0 14px;text-align:center;letter-spacing:.4px}
.rf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.rf-card{background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:22px 18px;text-align:center;display:flex;flex-direction:column}
.rf-card .rt{font-size:18px;font-weight:600;color:#2b3a4b;line-height:1.25}
.rf-card .ru{color:#e21e5d;font-weight:500;font-size:13px;margin-top:4px}
.rf-card .rp{font-size:30px;font-weight:700;color:#1c2b3a;margin:8px 0 6px}
.rf-card .rp small{font-size:15px;color:#8a93a2;font-weight:500}
.rf-card .rd{font-size:12px;color:#8a93a2;line-height:1.5}
/* Дизайн «как languageplus.info» (фиолетовая таблица) */
.info-title{font-size:16px;font-weight:600;color:#2c3e50;margin:26px 0 10px}
table.ift{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px rgba(20,40,80,.06)}
table.ift th{background:#6b5bd0;color:#fff;font-weight:600;padding:13px 12px;text-align:center}
table.ift th:first-child{text-align:left}
table.ift td{padding:15px 12px;border-bottom:1px solid #f1f3f4;text-align:center;vertical-align:middle}
table.ift td:first-child{text-align:left}
.ift .cat{font-weight:600;color:#2c3e50}
.ift .dur{font-size:10px;color:#667eea;background:#f0f3ff;border:1px solid #d1d9ff;border-radius:12px;padding:3px 8px;display:inline-block;margin-top:4px;text-transform:uppercase;letter-spacing:.3px}
.ift .m1{font-size:21px;font-weight:600;color:#1a1a1a}
.ift .m8{font-size:21px;font-weight:600;color:#6b46c1}
.ift .m24{font-size:21px;font-weight:600;color:#dc2626}
.ift .ru{font-size:.7em;color:#7f8c8d;font-weight:400}
.ift .mant{font-size:10px;color:#b07d2a;margin-top:2px}
.i-notes{background:#f8f9fa;border:1px solid #eef1f5;border-radius:8px;padding:13px 16px;margin:8px 0 6px;font-size:12px;color:#5a6c7d}
.i-notes .ni{margin-bottom:7px;line-height:1.45}
.i-notes .ni:last-child{margin-bottom:0}
table.ift td.rc{vertical-align:middle}
.star{color:#dc2626;font-weight:600;margin-left:1px}
.fn{display:inline-block;font-size:9px;font-weight:600;color:#6b5bd0;background:#fff;border:1.5px solid #6b5bd0;border-radius:50%;width:15px;height:15px;line-height:12px;text-align:center;margin-left:4px;vertical-align:super}
.nt-area{width:100%;box-sizing:border-box;font:inherit;font-size:12px;padding:8px;border:1px solid #d5dbe4;border-radius:7px;color:#2b3a4b;line-height:1.5}
.nt-bar{margin-top:8px;display:flex;gap:8px;align-items:center}
.nt-btn{background:#2374E1;color:#fff;border:0;border-radius:7px;padding:6px 13px;font-size:12px;cursor:pointer}
.nt-btn.sec{background:#e9edf2;color:#333}
.nt-hint{color:#98a1af;font-size:11px}

/* ===== Чистый макет мигрируемого сайта (вкладка Сайты) ===== */
/* Официальная бренд-палитра «Язык+» (BRANDBOOK v1.0, NCS): яркий синий + зелёный + жёлтый «+» */
:root{--lp-blue:#0085c7;--lp-blue-d:#006a9e;--lp-green:#7ab51e;--lp-gold:#ffc20e;
  --lp-ink:#1f2933;--lp-muted:#6b7280;--lp-line:#e5e7eb;--lp-soft:#f7f8fa}
.site-body{margin:0;font-family:'Golos Text','PT Sans',Segoe UI,Arial,sans-serif;color:var(--lp-ink);background:#fff}
.site-hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:var(--lp-blue-d);padding:12px 22px}
.site-brand{font-size:21px;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap;letter-spacing:.3px}
.site-brand span{color:var(--lp-gold)}
.site-brand{display:flex;align-items:center}
.site-logo{height:36px;width:auto;display:block}
.ft-logo-img{height:32px;width:auto;display:block}
.site-cta{margin-left:8px;background:var(--lp-green);color:#fff;font-weight:700;text-decoration:none;
  padding:9px 16px;border-radius:8px;font-size:14px;white-space:nowrap}
.site-cta:hover{background:#6aa019}
.su-nav{margin-left:auto}
.su-nav ul{list-style:none;display:flex;gap:2px;margin:0;padding:0;flex-wrap:wrap}
.su-item{position:relative}
.su-item>a{display:block;padding:9px 12px;color:#e6f5fd;text-decoration:none;font-size:14px;border-radius:8px}
.su-item>a:hover{background:rgba(255,255,255,.12);color:#fff}
.su-drop{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid #e8edf3;
  border-radius:10px;box-shadow:0 8px 28px rgba(4,20,50,.22);padding:6px;display:none;flex-direction:column;gap:1px}
.su-item:hover .su-drop{display:flex}
.su-drop a{padding:8px 11px;color:#2b3a4b;text-decoration:none;font-size:13px;border-radius:7px;line-height:1.3}
.su-drop a:hover{background:#eef3fb;color:var(--lp-blue)}
.site-main{padding:0 0 40px}
.site-content{max-width:1040px;margin:0 auto;line-height:1.6;padding:24px 18px}
.site-content img{max-width:100%;height:auto}
.site-content h1{font-size:26px;color:var(--lp-blue)}.site-content h2{font-size:20px;color:var(--lp-blue)}
.site-content a{color:var(--lp-blue)}
/* Подвал */
.site-ft{background:var(--lp-blue-d);color:#9fb6d4;font-size:13px}
.ft-in{max-width:1040px;margin:0 auto;padding:26px 22px 18px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ft-logo{font-size:19px;font-weight:700;color:#fff}.ft-logo span{color:var(--lp-gold)}
.ft-brand p{margin:8px 0 0;line-height:1.6}
.ft-col{display:flex;flex-direction:column;gap:7px}
.ft-col a{color:#c2d3e8;text-decoration:none}.ft-col a:hover{color:#fff}
.ft-bottom{border-top:1px solid rgba(255,255,255,.1);padding:14px 22px;text-align:center;color:#6f88ab;font-size:12px}
.draft-banner{background:#fdf0d5;color:#8a6d1a;font-size:13px;padding:8px 14px;border-radius:8px;margin-bottom:16px}
/* Листинг раздела (лента новостей/статей/курсов) */
.ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ls-card{display:block;background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:16px 18px;
  text-decoration:none;color:#2b3a4b;font-weight:500;line-height:1.35;box-shadow:0 1px 5px rgba(20,40,80,.05);transition:.12s}
.ls-card:hover{border-color:#2374E1;color:#2374E1;box-shadow:0 4px 14px rgba(35,116,225,.12)}

/* Лид-формы (мигрированные формы старого сайта в чистом дизайне) — form-embed.js */
.lf-wrap{display:flex;flex-wrap:wrap;gap:22px;margin:28px 0}
.lf{flex:1 1 340px;max-width:460px;padding:22px;background:#fff;border:1px solid #e8edf3;border-radius:14px;
  box-shadow:0 2px 12px rgba(20,40,80,.06);display:flex;flex-direction:column;gap:10px}
.lf-h{font-size:19px;font-weight:700;color:#1c2b3a}
.lf-sub{font-size:13px;color:#6b7686;margin-top:-4px}
.lf-in{padding:11px 13px;border:1px solid #d5dbe4;border-radius:9px;font-size:14px;font-family:inherit;width:100%}
.lf-in:focus{outline:0;border-color:#2374E1;box-shadow:0 0 0 3px rgba(35,116,225,.12)}
textarea.lf-in{min-height:84px;resize:vertical}
.lf-cap{display:flex;gap:10px;align-items:center}
.lf-capin{flex:1}
.lf-capimg{height:37px;width:90px;border-radius:6px;cursor:pointer;flex:none;border:1px solid #d5dbe4}
.lf-btn{margin-top:4px;background:var(--lp-green);color:#fff;border:0;border-radius:9px;padding:12px;font-size:15px;font-weight:700;cursor:pointer}
.lf-btn:hover{background:#6aa019}.lf-btn:disabled{opacity:.6;cursor:default}
.lf-msg{font-size:13px;padding:9px 12px;border-radius:8px}
.lf-msg.ok{background:#e6f6ea;color:#1a7a3a}.lf-msg.err{background:#fdeaea;color:#b02a2a}

/* Тест на уровень языка — test.js */
.test-quiz{max-width:680px}
.test-timer{position:sticky;top:64px;background:#2374E1;color:#fff;font-weight:600;display:inline-block;
  padding:6px 14px;border-radius:20px;margin-bottom:16px;font-size:14px}
.test-q{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:0 1px 5px rgba(20,40,80,.05)}
.test-qtext{font-weight:600;color:#1c2b3a;margin:0 0 10px}
.test-opt{display:block;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px}
.test-opt:hover{background:#f2f6fc}
.test-opt input{margin-right:8px}
.test-result{max-width:680px;background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:22px 24px;box-shadow:0 2px 12px rgba(20,40,80,.06)}
.test-result.ok h2{color:#1a7a3a}.test-result.fail h2{color:#b0662a}
.test-result h2{margin-top:0}
.test-cert{display:block;max-width:100%;height:auto;margin-top:16px;border:1px solid #e0e6ed;border-radius:8px}

/* ===== Главная languageplus.info: маркетинговые секции ===== */
.home .site-content{max-width:none;padding:0}        /* на главной секции во всю ширину */
.hero{background:var(--lp-blue);color:#fff;padding:46px 22px 42px}
.hero-in{max-width:1040px;margin:0 auto}
.hero h1{font-size:32px;font-weight:700;line-height:1.16;margin:0 0 14px;color:#fff;max-width:760px}
.hero-slogan{color:#fff;font-weight:700;font-size:16px;margin:0 0 8px;letter-spacing:.3px}
.hero p{color:#d6eefb;font-size:16px;line-height:1.6;margin:0 0 24px;max-width:640px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-gold{background:var(--lp-green);color:#fff;font-weight:700;text-decoration:none;padding:13px 22px;border-radius:10px;font-size:15px}
.btn-gold:hover{background:#6aa019}
.btn-ghost{border:1.5px solid rgba(255,255,255,.6);color:#fff;text-decoration:none;padding:13px 22px;border-radius:10px;font-size:15px}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-blue{background:var(--lp-blue);color:#fff;font-weight:700;text-decoration:none;padding:12px 22px;border-radius:10px;font-size:15px;white-space:nowrap}
.btn-blue:hover{background:var(--lp-blue-d)}
/* .site-content a перебивает белый текст кнопок — возвращаем явным более специфичным правилом */
.site-content a.btn-ghost,.site-content a.btn-blue,.site-content a.btn-gold{color:#fff}
.stats{background:var(--lp-green);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:16px 0}
.stats b{display:block;font-size:24px;font-weight:700}.stats span{font-size:13px}
.sec{max-width:1040px;margin:0 auto;padding:38px 22px}
.sec>h2{font-size:24px;font-weight:700;text-align:center;color:var(--lp-ink);margin:0 0 18px;padding-bottom:14px;position:relative}
.sec>h2::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:132px;height:4px;border-radius:2px;
  background:linear-gradient(90deg,var(--lp-blue) 0 34%,var(--lp-green) 34% 67%,var(--lp-gold) 67% 100%)}
.sec-sub{text-align:center;color:var(--lp-muted);font-size:14px;margin:0 0 24px}
.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.lang-card{border:1px solid #e8edf3;border-radius:14px;padding:20px;text-align:center;transition:.12s}
.lang-card:hover{border-color:var(--lp-blue);box-shadow:0 6px 18px rgba(12,68,124,.1)}
.lang-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-weight:700;font-size:17px}
.lang-ic.en{background:#e6f1fb;color:#0085c7}.lang-ic.de{background:#efeafe;color:#6b5bd0}
.lang-ic.zh{background:#fcebeb;color:#a32d2d}.lang-ic.es{background:#e1f5ee;color:#0f6e56}
.lang-card b{font-size:15px;display:block}.lang-card span{font-size:13px;color:#6b7686}
.testband{background:#e6f1fb;margin:8px 0}
.testband .sec{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.testband h2{font-size:21px;font-weight:700;color:var(--lp-blue);margin:0 0 5px;text-align:left}
.testband p{font-size:14px;color:#185fa5;margin:0;line-height:1.5;flex:1;min-width:220px}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.why-i{text-align:center;padding:0 8px}
.why-i svg{width:30px;height:30px;stroke:var(--lp-gold);fill:none;stroke-width:1.7}
.why-i b{display:block;font-size:15px;margin:10px 0 4px}.why-i span{font-size:13px;color:#6b7686;line-height:1.5}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.adv-card{border:1px solid #e8edf3;border-radius:14px;padding:20px 22px;transition:.12s}
.adv-card:hover{border-color:var(--lp-blue);box-shadow:0 6px 18px rgba(12,68,124,.08)}
.adv-card svg{width:30px;height:30px;stroke:var(--lp-blue);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.adv-card:nth-child(2) svg{stroke:var(--lp-green)}
.adv-card:nth-child(3) svg{stroke:#9b82f0}
.adv-card:nth-child(4) svg{stroke:#ce2029}
.adv-card:nth-child(5) svg{stroke:var(--lp-blue)}
.adv-card:nth-child(6) svg{stroke:var(--lp-green)}
.adv-card b{display:block;font-size:16px;color:var(--lp-blue);margin:10px 0 5px}
.adv-card p{margin:0;font-size:14px;color:var(--lp-muted);line-height:1.5}
.zapis{background:#f6f8fb;border-top:1px solid #eef1f5}