/* Общий стиль сайта по образцу /club (25.09.2026). Подключается последним в , поверх встроенных стилей страниц. */ :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%; } }