:root {
  --black: #050505;
  --surface: #171717;
  --surface-2: #101010;
  --line: rgba(255,255,255,.12);
  --silver: #c7c7c7;
  --muted: #929292;
  --red: #d32e2a;
  --red-dark: #7e1513;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 120px; }
body { margin: 0; background: var(--surface); color: #f4f4f4; font-family: Inter, Arial, Helvetica, sans-serif; line-height: 1.5; overflow-x: hidden; transition: background .35s ease, color .35s ease; }
body.intro-active { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font: inherit; }
::selection { background: var(--red); color: #fff; }

.intro { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: #000; transition: opacity .8s ease, visibility .8s ease; }
.intro::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 48%, rgba(211,46,42,.08), transparent 32%); }
.intro.hide { opacity: 0; visibility: hidden; pointer-events: none; }
.intro-inner { position: relative; z-index: 1; text-align: center; animation: introIn 1.1s cubic-bezier(.2,.8,.2,1) both; }
.intro-logo { font-family: Unbounded, Inter, sans-serif; font-size: clamp(8rem, 24vw, 21rem); font-weight: 900; line-height: .78; letter-spacing: -.11em; padding-right: .08em; color: transparent; background: linear-gradient(115deg,#141414 8%,#d7d7d7 32%,#3a3a3a 48%,#a71917 61%,#ef413a 69%,#202020 88%); background-size: 180% 180%; -webkit-background-clip: text; background-clip: text; filter: contrast(1.18); text-shadow: 0 0 45px rgba(255,255,255,.08); animation: introMetal 3.8s ease-in-out infinite alternate; }
@keyframes introMetal { from { background-position: 10% 50%; } to { background-position: 90% 50%; } }
.intro-inner p { margin: 56px 0 0; color: #bebebe; font-size: 18px; font-weight: 900; letter-spacing: .32em; text-transform: uppercase; animation: introText 1s .45s both; }
@keyframes introIn { from { opacity: 0; transform: scale(.84); filter: blur(12px); } to { opacity: 1; transform: scale(1); filter: blur(0); } }
@keyframes introText { from { opacity: 0; letter-spacing: .65em; } to { opacity: 1; letter-spacing: .32em; } }

.topbar { position: sticky; top: 0; z-index: 40; height: 104px; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(5,5,5,.93); backdrop-filter: blur(16px); }
.nav-shell { width: min(calc(100% - 48px), var(--max)); height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.logo { color: #fff; font-family: Unbounded, Inter, sans-serif; font-size: 24px; font-weight: 900; letter-spacing: .06em; }
.nav-links { display: flex; align-items: center; gap: 40px; }
.nav-links a { color: #a6a6a6; font-size: 15px; font-weight: 900; text-transform: uppercase; transition: color .2s ease, text-shadow .2s ease; }
.nav-links a:hover { color: #fff; text-shadow: 0 0 14px rgba(255,255,255,.35); }
.theme-toggle { flex: 0 0 54px; width: 54px; height: 54px; margin-left: 28px; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: transparent; color: #d0d0d0; font-size: 22px; cursor: pointer; transition: .2s ease; }
.theme-toggle:hover { color: #fff; border-color: var(--red); box-shadow: 0 0 22px rgba(211,46,42,.25); transform: rotate(18deg); }
.menu-toggle { display: none; }

.page-section { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }
.hero { min-height: 720px; padding: 96px 0 74px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 26px; }
.hero-copy { text-align: center; position: relative; z-index: 2; }
.product-lockup { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 23px; }
.product-lockup strong { font-family: Unbounded, Inter, sans-serif; font-size: 42px; font-weight: 900; letter-spacing: -.04em; }
.mini-avatar { width: 48px; height: 48px; display: block; overflow: hidden; border-radius: 11px; border: 1px solid rgba(255,255,255,.3); background: #090909; box-shadow: 0 10px 28px rgba(0,0,0,.42),0 0 18px rgba(220,220,220,.1); transition: border-color .35s ease,box-shadow .35s ease,transform .35s ease; }
.mini-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease,filter .35s ease; }
.product-lockup:hover .mini-avatar { border-color: rgba(245,245,245,.82); box-shadow: 0 0 0 1px rgba(255,255,255,.2),0 0 18px rgba(255,255,255,.34),0 0 40px rgba(210,210,210,.18); transform: translateY(-2px); }
.product-lockup:hover .mini-avatar img { transform: scale(1.08); filter: brightness(1.1); }
.hero h1, .metal-title { color: #efefef; background: linear-gradient(180deg,#fff 0%,#f0f0f0 44%,#999 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 4px 16px rgba(0,0,0,.48), 0 0 20px rgba(255,255,255,.07); }
.hero h1 { margin: 0; font-family: Arial,Helvetica,sans-serif; font-size: clamp(2.45rem, 4.1vw, 4.4rem); font-weight: 900; line-height: 1.11; letter-spacing: -.025em; }
.hero-copy > p { max-width: 590px; margin: 28px auto 40px; color: #aaa; font-size: 20px; }
.outline-button { min-width: 250px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 18px 27px; border: 2px solid #868686; border-radius: 100px; color: #e3e3e3; font-size: 17px; font-weight: 700; transition: .25s ease; }
.outline-button:hover { border-color: var(--red); box-shadow: 0 0 24px rgba(211,46,42,.3); transform: translateY(-3px); }
.outline-button span { font-size: 24px; }
.hero-art { min-height: 550px; position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #09090b; }
.hero-art .hero-main-photo { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none; }
.blank-media { position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at 50% 54%,rgba(96,16,15,.12),transparent 43%),#0b0b0d; }
.blank-media::after { content: "SLS"; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); color: rgba(255,255,255,.018); font-size: clamp(5rem,13vw,11rem); font-weight: 1000; letter-spacing: -.08em; }

.about { padding: 72px 0 130px; }
.metal-title { margin: 0; text-align: center; font-family: Arial,Helvetica,sans-serif; font-size: clamp(2.8rem, 5.2vw, 5rem); line-height: 1.05; font-weight: 900; letter-spacing: .005em; }
.about-layout { margin-top: 74px; display: grid; grid-template-columns: 1fr 1.08fr; gap: 46px; align-items: center; }
.about-card { min-height: auto; padding: 20px 0 20px 46px; border: 0; border-left: 2px solid var(--red); border-radius: 0; background: transparent; box-shadow: none; position: relative; }
.about-card::before { content: ""; position: absolute; left: -2px; top: 0; width: 2px; height: 30%; background: #ff4a43; box-shadow: 0 0 22px rgba(211,46,42,.72); }
.card-label { color: var(--red)!important; font-size: 13px!important; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.about-card h3 { margin: 9px 0 18px; font-family: Inter, sans-serif; font-size: clamp(3rem,5vw,5.2rem); font-weight: 900; line-height: .95; letter-spacing: -.055em; }
.about-card > p { color: #aaa; font-size: 17px; }
.about-card .activity { color: #e0e0e0; }
.activity span { display: block; color: #777; font-size: 13px; text-transform: uppercase; }
.stats { display: grid; grid-template-columns: 1fr 1.5fr; gap: 28px; margin: 38px 0; padding: 28px 0; border-block: 1px solid var(--line); }
.stats div { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.stats strong { font-size: clamp(3.7rem,7vw,6.4rem); line-height: .82; color: #fff; letter-spacing: -.06em; }
.stats span { color: #898989; font-size: 13px; }
.about-photo { position: relative; margin: 0; min-height: 690px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #080808; }
.about-photo img { width: 100%; height: 690px; object-fit: cover; object-position: center; }
.about-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 62%,rgba(0,0,0,.85)); }
.about-photo figcaption { position: absolute; z-index: 2; bottom: 25px; left: 28px; color: #fff; font-size: 13px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.down-arrow { display: block; width: max-content; margin: 92px auto 0; color: var(--red); font-size: 66px; line-height: 1; text-shadow: 0 0 18px rgba(211,46,42,.75); animation: arrow 1.4s ease-in-out infinite; }
@keyframes arrow { 50% { transform: translateY(12px); } }

.step-section, .reviews, .faq, .decision { padding: 105px 0 150px; text-align: center; }
.step-label { width: max-content; margin: 0 auto 25px; padding-bottom: 7px; border-bottom: 4px solid var(--red); color: #ededed; font-size: 22px; font-weight: 1000; letter-spacing: .14em; text-transform: uppercase; }
.step-section .metal-title, .reviews .metal-title, .faq .metal-title, .decision .metal-title { font-size: clamp(2.45rem, 4.6vw, 4.4rem); }
.step-subtitle { max-width: 760px; margin: 24px auto 48px; color: #a8a8a8; font-size: 18px; }
.media-frame { position: relative; width: min(900px,100%); height: auto; aspect-ratio: 16 / 9; margin: 0 auto; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,.15); background: #050505; box-shadow: 0 26px 90px rgba(0,0,0,.45); }
.channel-preview img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; filter: grayscale(.55) contrast(1.08); }
.step-video { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; background: #050505; }
.media-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.7)); }
.play-button { position: absolute; z-index: 3; inset: 50% auto auto 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; display: grid; place-items: center; padding-left: 5px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: rgba(175,175,175,.64); color: #fff; font-size: 22px; backdrop-filter: blur(8px); box-shadow: 0 0 38px rgba(255,255,255,.14); }
.play-button.small { width: 66px; height: 66px; font-size: 18px; }
.media-caption { position: absolute; z-index: 3; left: 28px; bottom: 25px; display: flex; flex-direction: column; text-align: left; }
.media-caption strong { font-size: 24px; }
.media-caption span { color: #bdbdbd; font-size: 13px; }
.red-outline-button { width: min(370px,100%); min-height: 70px; margin: 42px auto 0; padding: 0 30px; display: flex; align-items: center; justify-content: center; gap: 32px; border: 1px solid var(--red); border-radius: 13px; box-shadow: 0 0 24px rgba(211,46,42,.22), inset 0 0 16px rgba(211,46,42,.06); font-weight: 900; letter-spacing: .08em; text-transform: uppercase; transition: .25s ease; }
.red-outline-button:hover { background: var(--red); box-shadow: 0 0 35px rgba(211,46,42,.5); transform: translateY(-3px); }

.reviews { padding-top: 40px; }
.community-card { margin-top: 30px; padding: clamp(30px,5vw,62px); display: grid; grid-template-columns: 120px 1fr; gap: clamp(24px,5vw,74px); border-top: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(90deg,rgba(211,46,42,.035),transparent 35%); text-align: left; position: relative; overflow: hidden; }
.community-card::after { content: ""; position: absolute; right: -120px; top: -160px; width: 360px; height: 360px; border: 1px solid rgba(211,46,42,.08); border-radius: 50%; box-shadow: inset 0 0 80px rgba(211,46,42,.03); }
.community-number { color: transparent; -webkit-text-stroke: 1px rgba(211,46,42,.58); font-size: clamp(4rem,9vw,8rem); font-weight: 1000; line-height: .85; letter-spacing: -.08em; }
.community-copy { position: relative; z-index: 1; max-width: 880px; }
.community-label { margin: 0 0 8px!important; color: var(--red)!important; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.community-copy h3 { margin: 0 0 16px; color: #f1f1f1; font-size: clamp(2.25rem,4vw,4rem); line-height: 1; letter-spacing: -.04em; text-transform: uppercase; }
.community-copy > p { margin: 0 0 22px; color: #a6a6a6; font-size: 17px; }
.community-copy ul { margin: 0; padding: 0; list-style: none; }
.community-copy li { padding: 12px 0 12px 25px; border-top: 1px solid rgba(255,255,255,.08); color: #999; position: relative; }
.community-copy li::before { content: "↗"; position: absolute; left: 0; color: var(--red); }
.community-copy li strong { color: #d6d6d6; }
.community-copy .community-note { margin: 25px 0 0; padding-left: 18px; border-left: 2px solid var(--red); color: #d0d0d0; }
.review-row { min-height: 285px; margin-top: 34px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: #101010; text-align: left; }
.review-row.reverse .review-copy { order: 2; }
.review-row.reverse .review-visual { order: 1; }
.review-copy { padding: 38px 36px; }
.review-copy h3 { margin: 0; font-size: 28px; }
.review-copy > span { color: #767676; font-size: 13px; }
.review-copy p { color: #a0a0a0; margin: 22px 0 0; }
.review-visual { position: relative; min-height: 285px; overflow: hidden; background: #080808; }
.review-visual img { width: 100%; height: 100%; object-fit: cover; }
.review-channel img { object-position: center 18%; }
.student-review { min-height: 610px; grid-template-columns: 1.12fr .88fr; }
.student-review .review-copy { display: flex; flex-direction: column; justify-content: center; padding: 44px; }
.student-heading { display: flex; align-items: center; gap: 17px; }
.student-heading span { color: var(--red); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.student-heading h3 { margin-top: 2px; font-size: 32px; }
.review-copy .student-result { margin-top: 25px; color: #d0d0d0; font-size: 16px; line-height: 1.65; }
.student-evidence { margin-top: 28px; display: grid; grid-template-columns: 1.45fr .72fr; gap: 13px; align-items: stretch; }
.telegram-review, .income-proof { margin: 0; min-width: 0; }
.telegram-review img, .income-proof img { width: 100%; height: 178px; object-fit: cover; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: #080808; }
.telegram-review img { object-position: center; }
.income-proof img { object-position: center; }
.telegram-review figcaption, .income-proof figcaption { margin-top: 9px; color: #707070; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.dmitry-ai-review .student-evidence { grid-template-columns: 1fr 1fr; }
.dmitry-ai-review .telegram-review img, .dmitry-ai-review .income-proof img { height: 270px; object-fit: contain; background: #050505; }
.gleb-review .review-visual { background: #050505; }
.gleb-review .review-visual video { width: 100%; height: 100%; display: block; object-fit: cover; }
.student-gallery { min-height: 610px; isolation: isolate; }
.student-gallery::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(180deg,transparent 48%,rgba(0,0,0,.88)); }
.student-gallery .student-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.result-badge { position: absolute; z-index: 3; left: 27px; bottom: 25px; display: flex; flex-direction: column; }
.result-badge strong { color: #fff; font-size: clamp(1.8rem,3vw,3rem); line-height: 1; letter-spacing: -.04em; text-shadow: 0 4px 18px #000; }
.result-badge span { margin-top: 7px; color: #d0d0d0; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.wide { margin-top: 75px; }

.faq { padding-top: 80px; }
.faq .metal-title { margin-bottom: 68px; }
.faq-row { min-height: 270px; margin-top: 25px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: #0f0f0f; text-align: left; }
.faq-media { position: relative; min-height: 270px; overflow: hidden; }
.faq-media img, .faq-media video { width: 100%; height: 100%; display: block; object-fit: contain; background: #050505; }
.faq-row:nth-of-type(even) .faq-media { order: 2; }
.faq-row:nth-of-type(even) .faq-copy { order: 1; }
.faq-copy { padding: 48px 42px; display: flex; flex-direction: column; justify-content: center; }
.faq-copy h3 { margin: 0 0 18px; font-size: 24px; }
.faq-copy p { margin: 0; color: #9b9b9b; font-size: 17px; }

.decision { padding-top: 95px; }
.decision-media { position: relative; display: block; width: min(800px,100%); height: 520px; margin: 46px auto 0; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,.14); background: #050505; }
.decision-media img, .decision-media video { width: 100%; height: 100%; display: block; object-fit: contain; background: #050505; }

.pricing { padding: 50px 0 120px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: stretch; max-width: 1240px; margin: auto; }
.price-card { --tariff-x: 50%; --tariff-y: 50%; position: relative; min-height: 680px; padding: 34px 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(13,13,15,.86); text-align: left; backdrop-filter: blur(14px); isolation: isolate; transition: border-color .3s ease,box-shadow .35s ease,transform .35s ease,opacity .9s cubic-bezier(.25,.46,.45,.94); }
.price-card > * { position: relative; z-index: 2; }
.price-card:not(.featured)::before { content: ""; position: absolute; z-index: 3; inset: 0; border: 1.5px solid rgba(255,59,48,.9); border-radius: inherit; opacity: 0; pointer-events: none; box-shadow: inset 0 0 18px rgba(255,59,48,.12),0 0 0 1px rgba(255,59,48,.2),0 0 28px rgba(255,59,48,.3); transition: opacity .3s ease; }
.price-card:not(.featured)::after { content: ""; position: absolute; z-index: 1; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: radial-gradient(420px circle at var(--tariff-x) var(--tariff-y),rgba(255,59,48,.18),rgba(255,59,48,.06) 34%,transparent 66%); transition: opacity .3s ease; }
.price-card:not(.featured):hover { border-color: transparent; box-shadow: 0 0 0 1px rgba(255,59,48,.2),0 0 34px rgba(255,59,48,.28),0 16px 50px rgba(0,0,0,.32); transform: translateY(-6px); }
.price-card:not(.featured):hover::before,
.price-card:not(.featured):hover::after { opacity: 1; }
.price-card.featured { border-color: rgba(211,46,42,.85); box-shadow: 0 0 32px rgba(211,46,42,.16); }
.limited { margin: -17px -13px 26px; padding: 9px 14px; border-radius: 100px; background: linear-gradient(90deg,#a32320,var(--red)); text-align: center; font-size: 13px; font-weight: 900; }
.tariff-name { margin: 0; font-size: 19px; font-weight: 1000; text-transform: uppercase; }
.price { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin: 16px 0 22px; }
.current-price { display: inline-flex; align-items: baseline; gap: 7px; }
.price strong { font-size: clamp(3rem,5vw,4.8rem); line-height: 1; letter-spacing: -.05em; }
.price span { color: #8a8a8a; }
.price .current-price { order: 2; }
.price .old-price { order: 1; color: #888; font-size: 1rem; font-weight: 800; letter-spacing: .04em; text-decoration: line-through; text-decoration-color: var(--red); text-decoration-thickness: 2px; text-decoration-skip-ink: none; }
.offer-accept { min-height: 36px; color: #777; font-size: 12px; }
.offer-accept a { text-decoration: underline; text-underline-offset: 3px; }
.buy-button { height: 58px; display: grid; place-items: center; border-radius: 8px; color: #090909; font-weight: 900; transition: .2s ease; }
.buy-button:hover { transform: translateY(-2px); filter: brightness(1.1); }
.buy-button.silver { background: linear-gradient(180deg,#eee,#b5b5b5); }
.buy-button.red { color: #fff; background: linear-gradient(90deg,#9c211e,var(--red)); }
.included { display: flex; align-items: center; gap: 16px; margin: 28px 0 18px; color: #777; font-size: 12px; text-transform: uppercase; }
.included::before, .included::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.09); }
.price-card ul { margin: 0; padding: 0; list-style: none; }
.price-card li { position: relative; padding: 10px 0 10px 29px; color: #aaa; }
.price-card li::before { content: "✓"; position: absolute; left: 0; top: 12px; width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; background: #353535; color: #ddd; font-size: 10px; }
.featured li::before { background: var(--red-dark); }
.consulting-badge { background: linear-gradient(90deg,#292929,#525252); }
.consulting { border-color: rgba(255,255,255,.24); }

.disclaimer { padding: 72px 0 88px; border-top: 1px solid rgba(255,255,255,.09); color: #777; text-align: center; }
.disclaimer h2 { margin: 0 0 24px; color: rgba(211,46,42,.72); font-size: 13px; letter-spacing: .18em; text-transform: uppercase; opacity: 0; transform: translateY(15px); transition: opacity .8s ease, transform .8s ease; }
.disclaimer.active h2 { opacity: 1; transform: translateY(0); }
.disclaimer p { max-width: 980px; margin: 10px auto 0; font-size: 13px; }
.disclaimer [data-typewriter] { min-height: 1.5em; }
.disclaimer [data-typewriter].typing::after { content: ""; display: inline-block; width: 1px; height: 1em; margin-left: 3px; vertical-align: -.12em; background: var(--red); box-shadow: 0 0 8px rgba(211,46,42,.8); animation: caretBlink .65s steps(1) infinite; }
@keyframes caretBlink { 50% { opacity: 0; } }
.footer { min-height: 160px; padding: 42px 24px; border-top: 1px solid rgba(255,255,255,.08); background: #080808; color: #6f6f6f; display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13px; text-transform: uppercase; }
.footer p { margin: 0; }
.footer a:hover { color: #fff; }

html[data-theme="light"] { --surface: #f5f5f2; --surface-2: #f0f0ec; --line: rgba(0,0,0,.14); --silver: #353535; --muted: #666; }
html[data-theme="light"] body { background: #f5f5f2; color: #1a1a1a; }
html[data-theme="light"] .topbar { background: rgba(245,245,242,.94); border-color: rgba(0,0,0,.08); box-shadow: 0 12px 30px rgba(0,0,0,.035); }
html[data-theme="light"] .logo { color: #1a1a1a; }
html[data-theme="light"] .nav-links a { color: rgba(0,0,0,.62); }
html[data-theme="light"] .nav-links a:hover { color: #1a1a1a; text-shadow: 0 0 14px rgba(255,59,48,.16); }
html[data-theme="light"] .theme-toggle { color: rgba(0,0,0,.64); border-color: rgba(0,0,0,.14); }
html[data-theme="light"] .hero { background: radial-gradient(72% 56% at 50% 34%,rgba(255,255,255,.44),transparent 62%),linear-gradient(180deg,#f6f4ee 0%,#f1efe8 45%,#f5f5f2 100%); }
html[data-theme="light"] .hero h1,
html[data-theme="light"] .metal-title { background: linear-gradient(180deg,#1a1a1a 0%,#888 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 16px rgba(255,255,255,.05),0 0 28px rgba(0,0,0,.075); }
html[data-theme="light"] .metal-title.letters { background: none; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: initial; color: transparent; text-shadow: none; }
html[data-theme="light"] .hero-copy > p,
html[data-theme="light"] .step-subtitle { color: #555; }
html[data-theme="light"] .product-lockup strong,
html[data-theme="light"] .step-label { color: #1a1a1a; }
html[data-theme="light"] .mini-avatar { border-color: rgba(0,0,0,.15); }
html[data-theme="light"] .outline-button { color: #1a1a1a; border-color: rgba(0,0,0,.42); }
html[data-theme="light"] .about-card h3,
html[data-theme="light"] .faq-copy h3,
html[data-theme="light"] .tariff-name { color: #1a1a1a; }
html[data-theme="light"] .about-card > p,
html[data-theme="light"] .community-copy > p,
html[data-theme="light"] .faq-copy p { color: rgba(0,0,0,.68); }
html[data-theme="light"] .about-card .activity,
html[data-theme="light"] .community-copy li,
html[data-theme="light"] .price-card li { color: rgba(0,0,0,.76); }
html[data-theme="light"] .stats strong,
html[data-theme="light"] .price strong { color: #1a1a1a; }
html[data-theme="light"] .about-photo,
html[data-theme="light"] .media-frame,
html[data-theme="light"] .faq-row,
html[data-theme="light"] .decision-media,
html[data-theme="light"] .price-card { background: rgba(248,248,244,.94); border-color: rgba(0,0,0,.16); }
html[data-theme="light"] .blank-media { background: radial-gradient(circle at 50% 54%,rgba(255,59,48,.07),transparent 43%),#efefeb; }
html[data-theme="light"] .blank-media::after { color: rgba(0,0,0,.025); }
html[data-theme="light"] .community-card { border-color: rgba(0,0,0,.12); background: linear-gradient(90deg,rgba(255,59,48,.035),transparent 35%); }
html[data-theme="light"] .community-copy h3,
html[data-theme="light"] .community-copy li strong,
html[data-theme="light"] .community-copy .community-note { color: #1a1a1a; }
html[data-theme="light"] .community-copy li { border-color: rgba(0,0,0,.09); }
html[data-theme="light"] .faq-row { background: rgba(248,248,244,.94); }
html[data-theme="light"] .review-row { background: rgba(248,248,244,.94); border-color: rgba(0,0,0,.16); }
html[data-theme="light"] .review-copy h3 { color: #1a1a1a; }
html[data-theme="light"] .review-copy > span { color: rgba(0,0,0,.5); }
html[data-theme="light"] .review-copy p { color: rgba(0,0,0,.7); }
html[data-theme="light"] .included::before,
html[data-theme="light"] .included::after { background: rgba(0,0,0,.1); }
html[data-theme="light"] .buy-button.silver { color: #fff; background: #1a1a1a; }
html[data-theme="light"] .featured { border-color: rgba(255,59,48,.72); }
html[data-theme="light"] .price-card li::before { background: rgba(0,0,0,.16); color: #222; }
html[data-theme="light"] .featured li::before { background: var(--red); color: #fff; }
html[data-theme="light"] .disclaimer { border-color: rgba(0,0,0,.06); color: rgba(0,0,0,.3); }
html[data-theme="light"] .footer { background: #080808; color: rgba(255,255,255,.46); }
html[data-theme="light"] .menu-toggle { border-color: rgba(0,0,0,.12); }
html[data-theme="light"] .menu-toggle span { background: #1a1a1a; }

.reveal { opacity: 0; transform: translateY(64px) scale(.98); transition: opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94); transition-delay: var(--reveal-delay,0ms); will-change: opacity,transform; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.price-card.reveal { transition: opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94),border-color .3s ease,box-shadow .35s ease; transition-delay: var(--reveal-delay,0ms); }
.metal-title.letters { background: none; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: initial; color: transparent; text-shadow: none; }
.letters .split-char { display: inline-block; opacity: 0; transform: translateY(18px); filter: blur(6px); background: linear-gradient(180deg,#fff 0%,#999 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: inherit; transition: opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94),filter .7s cubic-bezier(.25,.46,.45,.94); }
.letters.visible .split-char { opacity: 1; transform: translateY(0); filter: blur(0); }
html[data-theme="light"] .letters .split-char { background: linear-gradient(180deg,#1a1a1a 0%,#888 100%); -webkit-background-clip: text; background-clip: text; }

.hero-copy.reveal > * { opacity: 0; transform: translateY(30px); transition: opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94); }
.hero-copy.reveal.visible > * { opacity: 1; transform: translateY(0); }
.hero-copy.reveal.visible > *:nth-child(2) { transition-delay: .1s; }
.hero-copy.reveal.visible > *:nth-child(3) { transition-delay: .25s; }
.hero-copy.reveal.visible > *:nth-child(4) { transition-delay: .4s; }

.glow-card { --glow-x: 50%; --glow-y: 50%; --glow-opacity: 0; transition: border-color .3s ease, box-shadow .35s ease, transform .35s ease; isolation: isolate; }
.glow-card::before { content: ""; position: absolute; z-index: 4; inset: 0; pointer-events: none; opacity: var(--glow-opacity); background: radial-gradient(360px circle at var(--glow-x) var(--glow-y),rgba(211,46,42,.24),rgba(211,46,42,.07) 35%,transparent 68%); transition: opacity .25s ease; }
.glow-card:hover { --glow-opacity: 1; border-color: #e13a34; box-shadow: 0 0 0 1px rgba(225,58,52,.22),0 0 34px rgba(211,46,42,.24),inset 0 0 48px rgba(211,46,42,.08); transform: translateY(-5px); }
.glow-card img { transition: transform .7s cubic-bezier(.16,.78,.22,1),filter .5s ease; }
.glow-card:hover img { transform: scale(1.035); filter: brightness(1.04) saturate(1.04); }

.offer-page { background: #0a0a0a; }
.offer-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid var(--line); background: rgba(10,10,10,.9); backdrop-filter: blur(18px); }
.offer-header-inner { width: min(100% - 40px,1000px); min-height: 72px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.offer-header .brand-mark { font-size: 22px; font-weight: 1000; color: var(--red); }
.offer-back { font-size: 14px; color: #aaa; }
.offer-main { width: min(100% - 40px,900px); margin: 0 auto; padding: 88px 0 120px; }
.offer-title { margin: 0 0 18px; color: #eee; font-size: clamp(2.5rem,7vw,5.6rem); line-height: .92; letter-spacing: -.06em; text-transform: uppercase; }
.offer-meta { color: var(--red); margin-bottom: 50px; }
.offer-content { color: #c4c4bd; }
.offer-content p { white-space: pre-wrap; margin: 0 0 13px; }
.offer-content .offer-section { margin-top: 45px; color: white; font-size: 21px; font-weight: 800; }
.offer-content .offer-lead { font-size: 18px; color: white; }
.offer-loading { color: var(--muted); }

@media (max-width: 900px) {
  .topbar { height: 78px; }
  .nav-links { position: absolute; top: 78px; inset-inline: 0; display: none; flex-direction: column; align-items: flex-start; gap: 0; padding: 18px 24px; background: rgba(5,5,5,.98); border-bottom: 1px solid var(--line); }
  .nav-links.open { display: flex; }
  .nav-links a { width: 100%; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
  .menu-toggle { width: 48px; height: 48px; display: flex; flex-direction: column; justify-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 50%; background: transparent; }
  .theme-toggle { display: none; }
  .menu-toggle span { width: 18px; height: 1px; margin: 0 auto; background: #eee; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding-top: 80px; }
  .hero-copy { order: 2; }
  .hero-art { order: 1; min-height: 520px; }
  .about-layout { grid-template-columns: 1fr; }
  .about-card { order: 2; min-height: auto; }
  .about-photo { order: 1; }
  .about-photo, .about-photo img { min-height: 560px; height: 560px; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 520px; }
  .price-card { min-height: auto; }
  html[data-theme="light"] .nav-links { background: rgba(245,245,242,.98); border-color: rgba(0,0,0,.1); }
  html[data-theme="light"] .nav-links a { border-color: rgba(0,0,0,.08); }
}

@media (max-width: 640px) {
  .page-section, .nav-shell { width: min(calc(100% - 28px),var(--max)); }
  .intro-logo { font-size: 38vw; }
  .intro-inner p { margin-top: 35px; font-size: 11px; }
  .logo { font-size: 23px; }
  .hero { padding: 64px 0 55px; }
  .product-lockup strong { font-size: 36px; }
  .hero h1 { font-size: clamp(2.15rem,11vw,3.1rem); }
  .hero-copy > p { font-size: 16px; }
  .hero-art { min-height: 390px; }
  .about { padding: 50px 0 90px; }
  .metal-title { font-size: 2.8rem; }
  .about-layout { margin-top: 42px; gap: 22px; }
  .about-card { padding: 30px 24px; }
  .about-card h3 { font-size: 34px; }
  .stats strong { font-size: 38px; }
  .about-photo, .about-photo img { min-height: 420px; height: 420px; }
  .down-arrow { margin-top: 60px; }
  .step-section, .reviews, .faq, .decision { padding: 75px 0 100px; }
  .step-label { font-size: 16px; }
  .step-section .metal-title, .reviews .metal-title, .faq .metal-title, .decision .metal-title { font-size: 2.45rem; }
  .media-frame { height: auto; aspect-ratio: 16 / 9; }
  .review-row, .faq-row { grid-template-columns: 1fr; }
  .community-card { grid-template-columns: 1fr; }
  .community-number { font-size: 4.5rem; }
  .review-row.reverse .review-copy, .review-row.reverse .review-visual, .faq-row:nth-of-type(even) .faq-media, .faq-row:nth-of-type(even) .faq-copy { order: initial; }
  .review-visual, .faq-media { min-height: 250px; }
  .review-copy, .faq-copy { padding: 30px 24px; }
  .student-review .review-copy { padding: 32px 24px; }
  .student-evidence { grid-template-columns: 1fr; }
  .telegram-review img, .income-proof img { height: auto; max-height: 300px; }
  .student-gallery { min-height: 430px; }
  .decision-media { height: 360px; }
  .pricing-grid { grid-template-columns: 1fr; }
  .price-card { min-height: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .intro-logo, .down-arrow { animation: none; }
}