/* Общий стиль сайта по образцу /club (25.09.2026). Подключается последним в <head>, поверх встроенных стилей страниц. */
:root {
  --bg-alt:#10151d; --accent-soft:#7ff0fb; --on-accent:#04191a;
  --glow-a:rgba(28,198,217,.10); --glow-b:rgba(95,227,240,.05);
  --shadow:0 20px 50px rgba(0,0,0,.35); --navbar-bg:rgba(11,14,19,.82);
}
html[data-theme="light"] {
  --bg:#f4f6f8; --bg-alt:#e8edf2; --card:#ffffff; --border:#dde3ea; --text:#171b21; --text-dim:#525c68;
  --accent:#0d8f9e; --accent-dark:#0a6f7b; --accent-soft:#0a6f7b; --on-accent:#ffffff;
  --glow-a:rgba(13,143,158,.08); --glow-b:rgba(13,143,158,.04);
  --shadow:0 14px 34px rgba(23,27,33,.08); --navbar-bg:rgba(255,255,255,.85);
}

body { font-family:"Montserrat",-apple-system,"Segoe UI",sans-serif;
  background:radial-gradient(900px 600px at 85% -10%,var(--glow-a),transparent 60%),
             radial-gradient(700px 500px at -10% 30%,var(--glow-b),transparent 60%), var(--bg);
  background-attachment:fixed; }

/* шапка */
.navbar { background:var(--navbar-bg); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); height:66px; }
body { padding-top:66px; }
.navbar nav { gap:8px; align-items:center; }
.navbar nav a { margin-left:0; padding:9px 16px; border-radius:999px; font-size:13px; font-weight:600;
  border:1px solid var(--border); color:var(--text-dim); transition:color .2s,border-color .2s; }
.navbar nav a:hover { color:var(--text); border-color:var(--accent); }
.navbar nav a[href="/#form"], .navbar nav a[href="#form"] { color:var(--on-accent); border-color:transparent;
  background:linear-gradient(135deg,#5fe3f0,var(--accent)); }
@media (max-width:1100px) and (min-width:761px) { .navbar nav a { padding:8px 11px; font-size:12px; } }
@media (max-width:760px) {
  .navbar nav { background:var(--bg); gap:10px; padding:18px 20px; }
  .navbar nav a { width:100%; max-width:320px; text-align:center; padding:11px 0; }
}
.theme-toggle { top:12px; box-shadow:var(--shadow); }

/* заголовки и текст */
h1 { font-weight:800; letter-spacing:-.015em; line-height:1.12; }
h2, h3 { font-weight:800; letter-spacing:-.01em; }
.back { font-family:"JetBrains Mono",monospace; font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  text-decoration:none; padding:8px 16px; border-radius:999px; background:rgba(28,198,217,.08); border:1px solid rgba(28,198,217,.3); color:var(--accent); }
.back:hover { background:rgba(28,198,217,.16); }

/* плашка-заголовок раздела */
.section-banner { background:none; padding:40px 0 10px; margin:10px 0 30px; }
.section-banner::before { content:"iMaSchool"; display:flex; width:fit-content; margin:0 auto; align-items:center; gap:8px; padding:8px 16px; border-radius:999px;
  background:rgba(28,198,217,.08); border:1px solid rgba(28,198,217,.3); font-family:"JetBrains Mono",monospace; font-size:11.5px;
  font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); }
.section-banner h1, .section-banner h2 { color:transparent; text-transform:none; letter-spacing:-.015em; font-size:clamp(34px,5vw,56px); font-weight:800; font-style:italic;
  margin-top:18px; background:linear-gradient(90deg,var(--accent-soft) 0%,var(--accent) 50%,var(--text) 100%);
  -webkit-background-clip:text; background-clip:text; padding-right:.08em; }

.section-banner h2 span { -webkit-text-fill-color:var(--text-dim); font-style:normal; font-weight:600; }

/* первый экран главной: заголовок как у /club, без переноса слов по буквам на телефоне */
.hero-text h1 { font-weight:800; letter-spacing:-.015em; overflow-wrap:normal; word-break:normal;
  background:linear-gradient(90deg,var(--accent-soft) 0%,var(--accent) 60%,var(--accent-dark) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
@media (max-width:760px) { .hero-text h1 { font-size:clamp(24px,7.4vw,34px); } }

/* кнопки */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:999px; border:0; font-family:inherit; font-weight:700;
  color:var(--on-accent); background:linear-gradient(135deg,#5fe3f0 0%,var(--accent) 50%,var(--accent-dark) 100%);
  box-shadow:0 10px 30px rgba(28,198,217,.35); transition:transform .2s,box-shadow .2s; text-decoration:none; }
.btn:hover { color:var(--on-accent); background:linear-gradient(135deg,#5fe3f0 0%,var(--accent) 50%,var(--accent-dark) 100%);
  transform:translateY(-2px); box-shadow:0 14px 36px rgba(28,198,217,.5); }

/* карточки */
.testi-card, .post, .case-card, .get-card, .step-card, .faq-item, .module-item, .option-item {
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)), var(--card);
  border:1px solid var(--border); border-radius:22px; box-shadow:var(--shadow); transition:border-color .2s,transform .2s; }
.post:hover, .case-card:hover { border-color:var(--accent); transform:translateY(-2px); }
.post { padding:24px 26px; text-decoration:none; }
.testi-card { padding:28px 24px; }
/* у этих блоков раньше не было рамки и боковых отступов, в карточке текст упирался в край */
.get-card, .module-item { padding:24px 22px; }
.faq-item { padding:18px 22px; margin-bottom:12px; }
.faq-item h3 { gap:14px; }
.option-item { padding:12px 16px; margin-bottom:8px; }
@media (max-width:760px) {
  .get-card, .module-item { padding:20px 18px; }
  .faq-item { padding:16px 18px; }
}
.testi-card h3 { font-size:15px; line-height:1.35; }
.testi-avatar { box-shadow:0 0 0 1px var(--border),0 0 40px rgba(28,198,217,.18); border:0; }
.video-testi-row video { border-radius:18px; }

/* картинки в статьях */
.container img { border-radius:16px; }
.container > img, .container p + img { border:1px solid var(--border); box-shadow:var(--shadow); }

/* подвал */
footer { border-top:1px solid var(--border) !important; }
footer a { color:var(--text-dim); text-decoration:none; }
footer a:hover { color:var(--accent); }

/* главная, телефон и планшет: фото автора в первом экране по центру (когда колонки переносятся, flex-элемент 300px прижимался к левому краю) */
@media (max-width:900px) {
  .hero .container { justify-content:center; }
  .hero-photo { flex:1 1 100%; }
  .hero-photo img { display:block; margin:0 auto; max-width:300px; width:100%; }
}

/* третий цвет: приглушённый фиолетовый с градиентами по схеме бирюзового (25.09.2026) */
:root { --violet:#9787c6; --violet-soft:#c8bee1; --violet-dark:#6f5fa2; --violet-light:#b3a7d7; --on-violet:#ffffff; --violet-glow:rgba(151,135,198,.17); }
html[data-theme="light"] { --violet:#6c5ca3; --violet-soft:#605296; --violet-dark:#4e417e; --violet-light:#9185be; --violet-glow:rgba(108,92,163,.12); }
/* короткий текст в строке: градиент слева направо, как заголовок первого экрана */
.vtext, .faq-item .plus, .plan-card.featured li::before, .testi-card h3::after {
  background:linear-gradient(90deg,var(--violet-soft) 0%,var(--violet) 60%,var(--violet-dark) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
/* блочные подписи и цены: градиент сверху вниз, чтобы не зависеть от ширины блока */
.eyebrow, .week-num, .author-box .author-role, .price, .plan-price, .chip b {
  background:linear-gradient(180deg,var(--violet-soft) 0%,var(--violet) 55%,var(--violet-dark) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.hero-text h1 .vtext { filter:drop-shadow(0 0 16px var(--violet-glow)); }
.week-node::before { border-color:var(--violet); }
.step-num { background:linear-gradient(135deg,var(--violet-light) 0%,var(--violet) 50%,var(--violet-dark) 100%); color:var(--on-violet); box-shadow:0 6px 16px var(--violet-glow); }
.section-banner::before { background:rgba(151,135,198,.08); border-color:rgba(151,135,198,.32); color:var(--violet); }
/* рекомендуемый тариф: рамка и плашка как .btn */
.plan-card.featured { position:relative; border:2px solid transparent;
  background:linear-gradient(var(--card),var(--card)) padding-box, linear-gradient(135deg,var(--violet-light) 0%,var(--violet) 50%,var(--violet-dark) 100%) border-box;
  box-shadow:0 10px 40px var(--violet-glow); }
.plan-card.featured::before { content:"Популярный выбор"; position:absolute; top:-15px; left:50%; transform:translateX(-50%);
  background:linear-gradient(135deg,var(--violet-light) 0%,var(--violet) 50%,var(--violet-dark) 100%); color:var(--on-violet);
  box-shadow:0 8px 24px var(--violet-glow); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; padding:6px 16px; border-radius:999px; white-space:nowrap; }
.testi-card h3::after { content:"★★★★★"; display:block; width:fit-content; margin:6px auto 0; font-size:16px; letter-spacing:3px; }

/* фон в стиле ИИ на всех страницах (25.09.2026): элементы создаёт /assets/site-fx.js, z-index -1 держит их под контентом */
.fx-layer { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.fx-orb { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .65; animation: fxDrift 38s ease-in-out infinite alternate; }
.fx-orb.o1 { width: 520px; height: 520px; top: -160px; left: -140px; background: rgba(28,198,217,.16); }
.fx-orb.o2 { width: 460px; height: 460px; top: 38%; right: -160px; background: rgba(151,135,198,.20); animation-duration: 46s; animation-delay: -12s; }
.fx-orb.o3 { width: 380px; height: 380px; bottom: -140px; left: 30%; background: rgba(28,198,217,.10); animation-duration: 52s; animation-delay: -24s; }
@keyframes fxDrift { 0% { transform: translate(0,0) scale(1); } 50% { transform: translate(60px,40px) scale(1.08); } 100% { transform: translate(-40px,70px) scale(.95); } }
.fx-grid { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.4px); background-size: 28px 28px;
-webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 20%, transparent 75%); }
/* разбросанные по странице элементы: слой высотой со страницу, расставляет /assets/site-fx.js */
.fx-scatter { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; overflow: hidden; pointer-events: none; }
.fx-item { position: absolute; pointer-events: none; }
.fx-neural svg, .fx-circuit svg, .fx-chip svg, .fx-wave svg { width: 100%; height: 100%; display: block; overflow: visible; }
.fx-neural { --c: 28,198,217; animation: fxFloat 16s ease-in-out infinite; }
.fx-neural.v, .fx-circuit.v, .fx-chip.v { --c: 151,135,198; }
.fx-neural .ln line { stroke: rgba(var(--c),.10); stroke-width: 1; }
.fx-neural .n { fill: rgba(var(--c),.35); transform-box: fill-box; transform-origin: center; animation: fxPulse 3s ease-in-out infinite; }
.fx-neural .sig { fill: rgba(var(--c),.9); filter: drop-shadow(0 0 4px rgba(var(--c),.9)); }
.fx-circuit { --c: 28,198,217; }
.fx-circuit .tr path { fill: none; stroke: rgba(var(--c),.12); stroke-width: 1.5; }
.fx-circuit .flow { fill: none; stroke: rgba(var(--c),.6); stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 14 400; animation: fxFlow 4s linear infinite; }
.fx-circuit .pad { fill: none; stroke: rgba(var(--c),.4); stroke-width: 1.5; }
.fx-chip { --c: 28,198,217; animation: fxFloat 14s ease-in-out infinite; animation-delay: -4s; }
.fx-chip .pins line { stroke: rgba(var(--c),.22); stroke-width: 2; stroke-linecap: round; }
.fx-chip .body { fill: rgba(var(--c),.04); stroke: rgba(var(--c),.28); stroke-width: 1.5; }
.fx-chip .core { fill: none; stroke: rgba(var(--c),.15); stroke-width: 1; }
.fx-chip text { font: 700 18px "JetBrains Mono", monospace; fill: rgba(var(--c),.45); letter-spacing: 1px; }
.fx-wave rect { fill: rgba(151,135,198,.22); transform-box: fill-box; transform-origin: center; animation: fxWave 1.2s ease-in-out infinite; }
@keyframes fxPulse { 0%,100% { opacity: .5; transform: scale(1); } 50% { opacity: 1; transform: scale(1.35); } }
@keyframes fxFlow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -414; } }
@keyframes fxWave { 0%,100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }
html[data-theme="light"] .fx-neural, html[data-theme="light"] .fx-circuit, html[data-theme="light"] .fx-chip { --c: 13,143,158; }
html[data-theme="light"] .fx-neural.v, html[data-theme="light"] .fx-circuit.v, html[data-theme="light"] .fx-chip.v { --c: 108,92,163; }
.fx-spark { animation: fxTwinkle 4s ease-in-out infinite; }
.fx-spark svg { width: 100%; height: 100%; display: block; }
.fx-spark.v { color: var(--violet); }
.fx-spark.t { color: var(--accent); }
.fx-spark.d2 { animation-delay: -1.4s; } .fx-spark.d3 { animation-delay: -2.6s; }
@keyframes fxFloat { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-18px) rotate(8deg); } }
@keyframes fxTwinkle { 0%,100% { opacity: .25; transform: scale(.8) rotate(0); } 50% { opacity: .9; transform: scale(1.1) rotate(20deg); } }
html[data-theme="light"] .fx-orb { opacity: .35; }
html[data-theme="light"] .fx-grid { background-image: radial-gradient(rgba(23,27,33,.08) 1px, transparent 1.4px); }
@media (max-width: 760px) { .fx-circuit, .fx-wave, .fx-neural.v, .fx-chip.v { display: none; } .fx-neural { opacity: .4; } .fx-orb { filter: blur(70px); } }
@media (prefers-reduced-motion: reduce) { .fx-orb, .fx-neural, .fx-neural .n, .fx-circuit .flow, .fx-chip, .fx-wave rect, .fx-spark { animation: none; } .fx-neural .sig { display: none; } }
@media (max-width: 1360px) { .fx-item { opacity: .55; } }