
:root{--bg:#070A0F;--bg2:#0B1018;--card:#10151F;--line:rgba(255,255,255,.11);--line2:rgba(183,255,60,.22);--text:#F4F7FB;--soft:#C8D1DF;--muted:#8E9AAD;--lime:#B7FF3C;--cyan:#00D1FF;--violet:#8B5CF6;--red:#FF4D4D;--orange:#FFB020;--shadow:0 38px 120px rgba(0,0,0,.58)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Manrope,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 16% 10%,rgba(183,255,60,.11),transparent 28%),radial-gradient(circle at 84% 18%,rgba(139,92,246,.13),transparent 31%),radial-gradient(circle at 50% 65%,rgba(0,209,255,.08),transparent 42%),linear-gradient(180deg,#05070B 0%,#070A0F 100%)}body::after{content:"";position:fixed;inset:0;z-index:-2;opacity:.24;background-image:linear-gradient(rgba(0,209,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,209,255,.16) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,rgba(0,0,0,.96),transparent 92%)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}p{color:var(--soft);line-height:1.68;margin:0}.container{width:min(1200px,calc(100% - 40px));margin:auto}.loader{position:fixed;inset:0;background:radial-gradient(circle at 50% 35%,rgba(183,255,60,.14),transparent 32%),#05070B;z-index:1000;display:grid;place-items:center;transition:opacity .5s ease,visibility .5s ease}.loaded .loader{opacity:0;visibility:hidden}.loader-card{width:min(430px,calc(100% - 40px));border:1px solid var(--line);border-radius:30px;background:rgba(16,21,31,.78);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:28px}.loader-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.loader-line{height:7px;border-radius:20px;background:rgba(255,255,255,.08);overflow:hidden}.loader-line span{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--violet));border-radius:20px;animation:loadbar 1.8s ease-in-out infinite}.loader p{margin-top:16px;color:var(--muted);font-size:14px}@keyframes loadbar{0%{transform:translateX(-120%)}60%,100%{transform:translateX(245%)}}.header{position:sticky;top:0;z-index:50;background:rgba(7,10,15,.72);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em;font-size:22px}.logo-mark{display:inline-grid;place-items:center;width:38px;height:38px;border:3px solid var(--lime);color:var(--lime);clip-path:polygon(25% 0,80% 0,100% 30%,100% 76%,76% 100%,20% 100%,0 70%,0 25%);font-weight:1000;box-shadow:0 0 24px rgba(183,255,60,.2)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{font-size:14px;color:var(--muted);padding:10px 12px;border-radius:999px}.nav-links a:hover,.nav-links a.active{color:var(--text);background:rgba(255,255,255,.08)}.nav-cta{display:flex;align-items:center;gap:10px}.burger{display:none;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);color:var(--text);font-size:22px;padding:8px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(183,255,60,.38);border-radius:999px;background:linear-gradient(135deg,var(--lime),#D7FF87);color:#081005;font-weight:950;padding:15px 22px;box-shadow:0 0 32px rgba(183,255,60,.18);cursor:pointer}.btn:hover{transform:translateY(-2px);filter:saturate(1.15)}.btn.secondary{background:rgba(255,255,255,.06);color:var(--text);border-color:var(--line);box-shadow:none}.btn.small{padding:10px 15px;font-size:13px}.hero{padding:72px 0 58px;position:relative}.inner-hero{padding-top:56px}.hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.hero h1{font-size:clamp(44px,6.2vw,88px);line-height:.96;letter-spacing:-.075em;margin:18px 0 22px;font-weight:1000;text-wrap:balance}.inner-hero h1{font-size:clamp(42px,5vw,76px)}.lead{font-size:clamp(17px,2vw,21px);max-width:680px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);font-weight:900}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chip-row span{border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--soft);font-size:13px;border-radius:999px;padding:9px 12px;backdrop-filter:blur(12px)}.hero-note,.micro-humor{margin-top:18px;color:var(--muted);font-size:14px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px rgba(183,255,60,.6);margin-right:8px}.hero-visual-image,.visual-img{position:relative;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:rgba(255,255,255,.045);overflow:hidden;box-shadow:var(--shadow)}.hero-visual-image::after,.visual-img::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 40%,rgba(255,255,255,.1) 48%,transparent 58%);transform:translateX(-130%);animation:shine 6s ease-in-out infinite}.hero-visual-image img,.visual-img img{aspect-ratio:16/9;object-fit:cover}.visual-img figcaption{padding:14px 18px;color:var(--muted);font-size:13px;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,10,15,.45)}@keyframes shine{0%,55%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}.stats-strip{padding:20px 0 46px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.05);padding:22px}.stat strong{display:block;font-size:28px;letter-spacing:-.05em;color:var(--lime)}.stat span{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.4}.section{padding:92px 0;position:relative}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:end;margin-bottom:34px}.section h2{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.065em;margin:10px 0 0;text-wrap:balance}.section-head p{font-size:17px}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));padding:28px;min-height:255px;position:relative;overflow:hidden}.card::before{content:"";position:absolute;inset:auto -30% -55% 30%;height:160px;background:radial-gradient(circle,rgba(183,255,60,.14),transparent 62%);filter:blur(8px)}.card h3{font-size:22px;margin:16px 0 12px;letter-spacing:-.03em}.card p{font-size:15.5px}.icon{width:max-content;min-width:48px;height:48px;border-radius:16px;border:1px solid rgba(183,255,60,.22);display:grid;place-items:center;color:var(--lime);font-weight:950;font-size:14px;background:rgba(183,255,60,.08);padding:0 12px}.panel{border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.05);padding:32px;position:relative;overflow:hidden}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:900}.panel.new{border-color:rgba(183,255,60,.22);background:linear-gradient(135deg,rgba(183,255,60,.1),rgba(0,209,255,.05),rgba(139,92,246,.07))}.panel h3{font-size:28px;margin:14px 0}.list{display:grid;gap:12px;padding:0;margin:18px 0 0}.list li{list-style:none;color:var(--soft);padding-left:25px;position:relative;line-height:1.55}.list li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px rgba(183,255,60,.55)}.muted li::before{background:rgba(255,255,255,.28);box-shadow:none}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.module{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.05);padding:22px;display:grid;grid-template-columns:62px 1fr;gap:18px}.module time{font-weight:1000;color:var(--cyan);font-size:24px}.module h3{margin:0;font-size:21px}.module p{font-size:15px;margin-top:8px}.module span{display:inline-block;margin-top:12px;color:var(--lime);font-weight:900;font-size:13px}.faq{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.05);overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:transparent;border:0;color:var(--text);padding:22px;text-align:left;cursor:pointer;font-weight:950;font-size:18px}.faq-q span:last-child{color:var(--lime);font-size:27px;transition:.2s}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-a p{padding:0 22px 22px}.faq-item.open .faq-a{max-height:340px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.cta-box{border:1px solid rgba(183,255,60,.2);border-radius:38px;background:linear-gradient(135deg,rgba(183,255,60,.12),rgba(0,209,255,.07),rgba(139,92,246,.08));padding:42px;display:grid;grid-template-columns:1fr .85fr;gap:36px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta-box::before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:36px 36px}.cta-box>*{position:relative}.form{display:grid;gap:12px}.field{display:grid;gap:8px}.field label{font-size:13px;color:var(--muted);font-weight:900}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:17px;background:rgba(7,10,15,.7);color:var(--text);padding:15px 16px;outline:none}.field textarea{min-height:112px;resize:vertical}.field input:focus,.field textarea:focus{border-color:rgba(183,255,60,.45);box-shadow:0 0 0 4px rgba(183,255,60,.08)}.form-note{font-size:12px;color:var(--muted)}.footer{padding:44px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(26px);filter:blur(12px);transition:opacity .75s ease,transform .75s ease,filter .75s ease}.reveal.in-view{opacity:1;transform:none;filter:blur(0)}.lead-section{padding-top:60px}@media(max-width:1040px){.hero-grid,.section-head,.cta-box{grid-template-columns:1fr}.cards.three,.program-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.nav-links,.nav-cta .btn.secondary{display:none}.burger{display:block}.nav-links.open{display:flex;position:absolute;left:16px;right:16px;top:84px;background:rgba(7,10,15,.96);border:1px solid var(--line);border-radius:24px;padding:18px;flex-direction:column;align-items:flex-start}.hero{padding-top:46px}.cards.three,.cards.two,.program-grid,.split,.stats{grid-template-columns:1fr}.section{padding:70px 0}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}}@media(max-width:560px){.container{width:calc(100% - 30px)}.nav{height:70px}.hero h1{font-size:40px}.section h2{font-size:32px}.card,.panel,.cta-box{border-radius:24px;padding:24px}.module{grid-template-columns:1fr}.stats{gap:10px}}


/* GeoMetrika v4: visible premium accents instead of hidden hover text */
.accent-flow,.money-flow{display:inline;background:linear-gradient(105deg,var(--text) 0%,var(--lime) 30%,var(--cyan) 58%,var(--violet) 82%,var(--text) 100%);background-size:260% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textFlow 8s linear infinite;text-shadow:0 0 34px rgba(183,255,60,.10)}
.money-flow{font-weight:1000;filter:drop-shadow(0 0 12px rgba(183,255,60,.18))}
@keyframes textFlow{0%{background-position:0% center}100%{background-position:260% center}}
.hero h1 .accent-flow,.section h2 .accent-flow{letter-spacing:inherit}
.lead .accent-flow,p .accent-flow{font-weight:800}
.card:hover,.panel:hover,.stat:hover,.module:hover{border-color:rgba(183,255,60,.24);box-shadow:0 24px 90px rgba(0,0,0,.24),0 0 0 1px rgba(183,255,60,.045) inset;transform:translateY(-2px)}
.card,.panel,.stat,.module{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
@media (prefers-reduced-motion: reduce){.accent-flow,.money-flow,.hero-visual-image::after,.visual-img::after,.loader-line span{animation:none!important}.reveal{transition:none!important;filter:none!important;transform:none!important;opacity:1!important}}


/* GeoMetrika v5: sticky offer, breadcrumbs, after-apply flow, commercial FAQ polish */
.breadcrumbs{position:relative;z-index:2;padding:22px 0 0;color:var(--muted);font-size:13px}
.breadcrumbs-inner{display:flex;align-items:center;gap:10px;min-height:26px}
.crumb-home{width:26px;height:26px;border:1px solid rgba(183,255,60,.22);border-radius:9px;display:grid;place-items:center;color:var(--lime);background:rgba(183,255,60,.07);box-shadow:0 0 24px rgba(183,255,60,.08)}
.crumb-chain{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.crumb-chain a{color:var(--muted);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}
.crumb-chain a:hover{color:var(--lime);text-shadow:0 0 18px rgba(183,255,60,.25)}
.crumb-chain span:last-child{color:var(--soft);font-weight:800}
.crumb-sep{color:rgba(255,255,255,.22);font-weight:900}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:flow}
.process-step{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));padding:24px;min-height:240px;position:relative;overflow:hidden}
.process-step::before{content:"";position:absolute;inset:auto -40% -45% 28%;height:150px;background:radial-gradient(circle,rgba(0,209,255,.12),transparent 62%);filter:blur(6px)}
.process-step span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:var(--lime);border:1px solid rgba(183,255,60,.25);background:rgba(183,255,60,.08);font-weight:1000;margin-bottom:18px}
.process-step h3{font-size:20px;margin:0 0 10px;letter-spacing:-.03em}.process-step p{font-size:14.5px;position:relative}.after-apply{padding-top:60px}.commercial-faq{padding-top:70px}
.sticky-offer{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;width:min(920px,calc(100% - 32px));transition:transform .3s ease,opacity .3s ease}
.sticky-offer.is-hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(28px)}
.sticky-offer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(183,255,60,.22);border-radius:24px;background:linear-gradient(135deg,rgba(7,10,15,.86),rgba(16,21,31,.78));box-shadow:0 28px 100px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04) inset;backdrop-filter:blur(20px);padding:12px 12px 12px 18px}
.sticky-offer-main{display:flex;align-items:center;gap:14px;min-width:0}.sticky-offer-main strong{color:var(--text);font-size:15px;letter-spacing:-.02em}.sticky-offer-main span{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-offer-main b{color:var(--lime);font-weight:1000;text-shadow:0 0 18px rgba(183,255,60,.22)}
.sticky-close{width:34px;height:34px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;font-size:20px;line-height:1;display:grid;place-items:center}.sticky-close:hover{color:var(--text);border-color:rgba(255,255,255,.18)}
body{padding-bottom:88px}
@media(max-width:1040px){.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.breadcrumbs{padding-top:14px}.process-grid{grid-template-columns:1fr}.sticky-offer{bottom:10px;width:calc(100% - 20px)}.sticky-offer-inner{border-radius:20px;align-items:stretch}.sticky-offer-main{display:block}.sticky-offer-main strong{display:block}.sticky-offer-main span{display:block;font-size:12px;max-width:210px}.sticky-offer .btn{padding:11px 14px}.sticky-close{width:30px;height:30px;position:absolute;right:6px;top:-38px;background:rgba(7,10,15,.86);backdrop-filter:blur(12px)}}
@media (prefers-reduced-motion: reduce){.sticky-offer{transition:none!important}}


/* GeoMetrika v6: large instructor photo section */
.teacher-spotlight{padding-top:70px;overflow:hidden}
.teacher-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center}
.teacher-copy{position:relative;z-index:2}
.teacher-copy h2{font-size:clamp(38px,5.4vw,68px);line-height:.98;letter-spacing:-.07em;margin:12px 0 18px;text-wrap:balance}
.teacher-lead{font-size:18px;max-width:640px}
.teacher-badges{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}
.teacher-badges span{border:1px solid rgba(183,255,60,.22);border-radius:999px;background:linear-gradient(135deg,rgba(183,255,60,.11),rgba(0,209,255,.055));padding:10px 13px;color:var(--soft);font-size:13px;font-weight:850;backdrop-filter:blur(14px)}
.teacher-panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));padding:26px;box-shadow:0 28px 110px rgba(0,0,0,.28);position:relative;overflow:hidden}
.teacher-panel::before{content:"";position:absolute;right:-90px;bottom:-90px;width:210px;height:210px;background:radial-gradient(circle,rgba(183,255,60,.14),transparent 66%);filter:blur(8px)}
.teacher-panel h3{margin:0 0 10px;font-size:22px;letter-spacing:-.035em}.teacher-panel p{position:relative;font-size:15.5px}
.teacher-photo{margin:0;position:relative;border:1px solid rgba(255,255,255,.14);border-radius:40px;background:rgba(255,255,255,.045);overflow:hidden;box-shadow:0 40px 150px rgba(0,0,0,.62),0 0 0 1px rgba(183,255,60,.045) inset;isolation:isolate}
.teacher-photo::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 56% 36%,rgba(183,255,60,.18),transparent 28%),radial-gradient(circle at 20% 70%,rgba(0,209,255,.14),transparent 34%);z-index:1;pointer-events:none;mix-blend-mode:screen}
.teacher-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 44%,rgba(255,255,255,.1) 50%,transparent 58%);transform:translateX(-140%);animation:shine 7s ease-in-out infinite;z-index:2;pointer-events:none}
.teacher-photo img{aspect-ratio:4/5;object-fit:cover;object-position:center;filter:saturate(1.06) contrast(1.04)}
.teacher-photo figcaption{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(7,10,15,.62);backdrop-filter:blur(14px);padding:12px 14px;color:var(--soft);font-size:13px;font-weight:800}
#teacher{scroll-margin-top:90px}
@media(max-width:1040px){.teacher-grid{grid-template-columns:1fr}.teacher-photo{max-width:620px;margin:auto}.teacher-photo img{max-height:760px}}
@media(max-width:560px){.teacher-spotlight{padding-top:54px}.teacher-photo{border-radius:28px}.teacher-copy h2{font-size:34px}.teacher-panel{border-radius:24px;padding:22px}.teacher-photo figcaption{font-size:12px;left:12px;right:12px;bottom:12px}.teacher-badges span{font-size:12px}}
@media (prefers-reduced-motion: reduce){.teacher-photo::after{animation:none!important}}

.form-status{min-height:20px;transition:color .2s ease,opacity .2s ease}
.form-status.success{color:var(--lime)}
.form-status.error{color:#FF6B6B}
.form button[disabled]{opacity:.7;cursor:wait;transform:none;filter:saturate(.8)}

/* GeoMetrika 404 page */
.page-404 .header{background:rgba(7,10,15,.78)}
.not-found-hero{position:relative;padding:74px 0 44px;overflow:hidden}
.not-found-hero::before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(circle at 20% 20%,rgba(183,255,60,.12),transparent 28%),radial-gradient(circle at 76% 28%,rgba(0,209,255,.11),transparent 28%),radial-gradient(circle at 54% 70%,rgba(139,92,246,.10),transparent 30%);filter:blur(8px);pointer-events:none}
.not-found-grid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}
.error-code{display:inline-block;font-size:clamp(84px,14vw,172px);line-height:.78;letter-spacing:-.1em;font-weight:1000;margin:10px 0 22px;text-shadow:0 0 44px rgba(183,255,60,.14)}
.not-found-copy h1{font-size:clamp(42px,6vw,78px);line-height:.92;letter-spacing:-.075em;margin:0 0 20px;max-width:820px;text-wrap:balance}
.not-found-panel{border:1px solid rgba(255,255,255,.13);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028));box-shadow:0 34px 130px rgba(0,0,0,.48),0 0 0 1px rgba(183,255,60,.035) inset;overflow:hidden;position:relative}
.not-found-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.08) 48%,transparent 58%);transform:translateX(-130%);animation:shine 8s ease-in-out infinite;pointer-events:none}
.serp-mock{padding:22px;display:grid;gap:14px;background:radial-gradient(circle at 72% 26%,rgba(183,255,60,.14),transparent 26%),radial-gradient(circle at 18% 88%,rgba(0,209,255,.12),transparent 30%)}
.serp-top{display:flex;gap:7px}.serp-top span{width:10px;height:10px;border-radius:99px;background:rgba(255,255,255,.18)}.serp-top span:first-child{background:var(--lime)}
.serp-search{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(7,10,15,.54);padding:14px 16px;color:var(--soft);font-size:14px;font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.serp-result{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(7,10,15,.48);padding:18px;display:grid;gap:7px;backdrop-filter:blur(14px)}
.serp-result strong{letter-spacing:-.025em}.serp-result span{color:var(--muted);font-size:14px}.serp-result.good{border-color:rgba(183,255,60,.25);box-shadow:0 0 42px rgba(183,255,60,.055)}.muted-result{opacity:.72}
.compact-section{padding-top:32px}
.text-link{display:inline-flex;margin-top:12px;color:var(--lime);font-weight:900;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:960px){.not-found-grid{grid-template-columns:1fr}.not-found-panel{order:-1}.not-found-hero{padding-top:44px}.serp-mock{padding:16px}.not-found-copy h1{font-size:40px}}
@media (prefers-reduced-motion: reduce){.not-found-panel::before{animation:none!important}}

/* GeoMetrika lead magnet page: free SEO course */
.free-hero{position:relative;padding:86px 0 68px;overflow:hidden}
.free-hero::before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(circle at 18% 20%,rgba(183,255,60,.14),transparent 28%),radial-gradient(circle at 74% 22%,rgba(0,209,255,.12),transparent 30%),radial-gradient(circle at 52% 74%,rgba(139,92,246,.11),transparent 34%);filter:blur(8px);pointer-events:none}
.free-hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.free-copy h1{font-size:clamp(42px,5.7vw,82px);line-height:.94;letter-spacing:-.078em;margin:18px 0 22px;text-wrap:balance;font-weight:1000}
.free-orbit{min-height:520px;position:relative;border:1px solid rgba(255,255,255,.12);border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.028));box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.free-orbit::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:42px 42px;opacity:.18}
.free-orbit::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 40%,rgba(255,255,255,.12) 48%,transparent 58%);transform:translateX(-130%);animation:shine 7s ease-in-out infinite;z-index:4;pointer-events:none}
.orbit-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,78%);border:1px solid rgba(183,255,60,.22);border-radius:32px;background:rgba(7,10,15,.66);backdrop-filter:blur(18px);padding:30px;box-shadow:0 36px 110px rgba(0,0,0,.48);z-index:3}
.orbit-label{display:inline-flex;border:1px solid rgba(0,209,255,.28);border-radius:999px;color:var(--cyan);font-size:11px;letter-spacing:.18em;font-weight:1000;padding:8px 11px;margin-bottom:18px}
.orbit-card strong{display:block;font-size:42px;line-height:.94;letter-spacing:-.07em;color:var(--text);margin-bottom:16px}.orbit-card p{font-size:15px}.orbit-stats{display:flex;gap:10px;margin-top:22px}.orbit-stats b{display:grid;place-items:center;min-width:70px;height:44px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--lime);font-size:13px}
.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(183,255,60,.18);box-shadow:0 0 42px rgba(183,255,60,.06)}.orbit-ring.one{width:460px;height:460px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(18deg);border-color:rgba(183,255,60,.2)}.orbit-ring.two{width:330px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);border-color:rgba(0,209,255,.22)}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:0 0 26px currentColor}.orbit-dot.a{left:18%;top:22%;background:var(--lime);color:var(--lime)}.orbit-dot.b{right:18%;top:34%;background:var(--cyan);color:var(--cyan)}.orbit-dot.c{left:26%;bottom:20%;background:var(--violet);color:var(--violet)}
.presentation-section{padding-top:78px}.presentation-viewer{display:grid;grid-template-columns:1fr 320px;gap:20px;border:1px solid rgba(255,255,255,.13);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));padding:18px;box-shadow:var(--shadow);overflow:hidden}.presentation-main{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(7,10,15,.56);overflow:hidden}.presentation-main img{aspect-ratio:16/9;object-fit:cover;background:#05070b}.presentation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,10,15,.72);backdrop-filter:blur(14px)}.presentation-toolbar span{color:var(--lime);font-weight:1000;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.presentation-toolbar strong{color:var(--text);font-size:14px;letter-spacing:-.02em}.viewer-btn{width:36px;height:36px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);font-weight:1000;cursor:pointer;margin-left:6px}.viewer-btn:hover{border-color:rgba(183,255,60,.35);color:var(--lime)}.presentation-side{border:1px solid rgba(255,255,255,.08);border-radius:28px;background:rgba(7,10,15,.44);padding:20px;overflow:hidden}.presentation-side h3{margin:0 0 8px;font-size:22px;letter-spacing:-.04em}.presentation-side p{font-size:13.5px;margin-bottom:16px}.slide-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:480px;overflow:auto;padding-right:4px}.slide-thumb{position:relative;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:14px;overflow:hidden;cursor:pointer;padding:0}.slide-thumb img{aspect-ratio:16/9;object-fit:cover;opacity:.72;transition:.2s}.slide-thumb span{position:absolute;left:7px;top:7px;border-radius:999px;background:rgba(7,10,15,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:var(--soft);font-size:10px;font-weight:900;padding:3px 6px}.slide-thumb.active{border-color:rgba(183,255,60,.6);box-shadow:0 0 28px rgba(183,255,60,.12)}.slide-thumb.active img,.slide-thumb:hover img{opacity:1}.download-box{border:1px solid rgba(183,255,60,.22);border-radius:38px;background:linear-gradient(135deg,rgba(183,255,60,.11),rgba(0,209,255,.06),rgba(139,92,246,.08));box-shadow:var(--shadow);padding:40px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}.download-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.11}.download-box>*{position:relative}.download-box h2{font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.065em;margin:10px 0 14px}.download-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.slides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.slide-card{border:1px solid rgba(255,255,255,.12);border-radius:26px;background:rgba(255,255,255,.045);overflow:hidden;box-shadow:0 24px 90px rgba(0,0,0,.34)}.slide-card img{aspect-ratio:16/9;object-fit:cover}.slide-card span{display:block;padding:12px 16px;color:var(--muted);font-size:13px;font-weight:900;border-top:1px solid rgba(255,255,255,.08);background:rgba(7,10,15,.44)}
@media(max-width:1040px){.free-hero-grid,.presentation-viewer{grid-template-columns:1fr}.free-orbit{min-height:420px}.presentation-side{order:-1}.slide-thumbs{grid-template-columns:repeat(4,1fr);max-height:none}.download-box{grid-template-columns:1fr}.download-actions{justify-content:flex-start}}
@media(max-width:720px){.free-hero{padding-top:50px}.free-copy h1{font-size:38px}.free-orbit{min-height:360px;border-radius:30px}.orbit-card{width:82%;padding:24px}.orbit-card strong{font-size:34px}.orbit-ring.one{width:360px;height:360px}.orbit-ring.two{width:260px;height:260px}.presentation-viewer{padding:10px;border-radius:26px}.presentation-toolbar{align-items:flex-start;flex-wrap:wrap}.slide-thumbs{grid-template-columns:repeat(2,1fr)}.download-box{padding:28px;border-radius:28px}.slides-grid{grid-template-columns:1fr}.download-actions .btn{width:100%}}
@media (prefers-reduced-motion: reduce){.free-orbit::after{animation:none!important}}


/* GeoMetrika interactive SEO knowledge hub */
.knowledge-hero .hero-grid { align-items: center; }
.knowledge-abstract { position: relative; min-height: 520px; border: 1px solid rgba(255,255,255,.08); border-radius: 34px; background: radial-gradient(circle at 45% 35%, rgba(183,255,60,.12), transparent 28%), radial-gradient(circle at 72% 62%, rgba(0,209,255,.12), transparent 32%), rgba(16,21,31,.62); overflow: hidden; box-shadow: 0 30px 100px rgba(0,0,0,.35); }
.knowledge-abstract::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 38px 38px; mask-image: radial-gradient(circle at 60% 50%, black, transparent 82%); }
.knowledge-abstract .orb { position:absolute; border-radius:50%; filter: blur(8px); opacity:.8; }
.knowledge-abstract .orb-one { width:180px; height:180px; left:15%; top:15%; background:rgba(183,255,60,.18); }
.knowledge-abstract .orb-two { width:250px; height:250px; right:10%; bottom:13%; background:rgba(0,209,255,.15); }
.knowledge-abstract .orb-three { width:150px; height:150px; right:24%; top:18%; background:rgba(139,92,246,.18); }
.abstract-card { position:absolute; z-index:1; border:1px solid rgba(255,255,255,.1); background:rgba(7,10,15,.72); backdrop-filter: blur(18px); border-radius:22px; box-shadow:0 20px 80px rgba(0,0,0,.35); }
.abstract-card.big { left:50%; top:47%; transform:translate(-50%,-50%); width:280px; min-height:155px; padding:28px; text-align:center; }
.abstract-card.big span { display:block; font:800 62px/1 var(--font-display, inherit); color:#B7FF3C; letter-spacing:-.05em; text-shadow:0 0 28px rgba(183,255,60,.38); }
.abstract-card.big strong { display:block; margin-top:8px; color:#F4F7FB; text-transform:uppercase; letter-spacing:.18em; font-size:12px; }
.abstract-card.small { padding:12px 16px; color:#F4F7FB; font-weight:700; font-size:13px; }
.abstract-card.one { left:9%; top:26%; color:#00D1FF; }.abstract-card.two { right:8%; top:31%; color:#B7FF3C; }.abstract-card.three { left:18%; bottom:18%; color:#8B5CF6; }
.abstract-line { position:absolute; height:1px; background:linear-gradient(90deg, transparent, rgba(183,255,60,.8), transparent); transform-origin:left center; opacity:.65; }
.abstract-line.l1 { left:24%; top:36%; width:46%; transform:rotate(15deg); }.abstract-line.l2 { left:29%; top:62%; width:52%; transform:rotate(-12deg); background:linear-gradient(90deg, transparent, rgba(0,209,255,.8), transparent); }.abstract-line.l3 { left:42%; top:25%; width:34%; transform:rotate(52deg); background:linear-gradient(90deg, transparent, rgba(139,92,246,.8), transparent); }
.knowledge-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:28px 0; }
.knowledge-progress > div { border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(16,21,31,.88), rgba(7,10,15,.66)); border-radius:22px; padding:22px; }
.knowledge-progress strong { display:block; font-size:36px; color:#B7FF3C; line-height:1; }
.knowledge-progress span { display:block; margin-top:8px; color:#A8B3C4; }
.toc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.toc-grid a { min-height:68px; display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid rgba(255,255,255,.08); background:rgba(16,21,31,.68); border-radius:18px; color:#F4F7FB; text-decoration:none; transition:.25s ease; }
.toc-grid a:hover { transform:translateY(-2px); border-color:rgba(183,255,60,.45); box-shadow:0 18px 55px rgba(183,255,60,.08); }
.toc-grid a span { color:#B7FF3C; font-weight:800; font-variant-numeric:tabular-nums; }
.knowledge-layout { display:flex; flex-direction:column; gap:34px; }
.knowledge-module { position:relative; display:grid; grid-template-columns:86px minmax(0,1fr); gap:24px; padding:30px; border:1px solid rgba(255,255,255,.08); border-radius:30px; background:radial-gradient(circle at 80% 5%, rgba(0,209,255,.08), transparent 30%), linear-gradient(180deg, rgba(16,21,31,.86), rgba(7,10,15,.72)); box-shadow:0 26px 80px rgba(0,0,0,.25); overflow:hidden; }
.knowledge-module::after { content:""; position:absolute; right:-110px; top:-110px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(183,255,60,.12), transparent 62%); pointer-events:none; }
.module-index { position:sticky; top:98px; align-self:start; width:72px; height:72px; border-radius:22px; display:grid; place-items:center; color:#070A0F; background:linear-gradient(135deg, #B7FF3C, #00D1FF); font-size:24px; font-weight:900; box-shadow:0 0 45px rgba(183,255,60,.18); }
.module-content h2 { font-size:clamp(28px, 4vw, 46px); line-height:1.04; margin:10px 0 14px; letter-spacing:-.045em; }
.module-lead { font-size:19px; line-height:1.55; color:#F4F7FB; max-width:980px; }
.module-text { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:24px 0; }
.module-text p { margin:0; color:#A8B3C4; line-height:1.64; font-size:15.8px; }
.knowledge-table-wrap { margin:22px 0; border:1px solid rgba(255,255,255,.08); border-radius:22px; overflow:hidden; background:rgba(7,10,15,.45); }
.knowledge-table { width:100%; border-collapse:collapse; }
.knowledge-table th,.knowledge-table td { padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.07); text-align:left; vertical-align:top; }
.knowledge-table tr:last-child th,.knowledge-table tr:last-child td { border-bottom:0; }
.knowledge-table th { width:28%; color:#B7FF3C; font-weight:800; background:rgba(183,255,60,.04); }
.knowledge-table td { color:#DDE6F3; }
.knowledge-diagram { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin:24px 0; }
.diagram-node { position:relative; min-height:104px; padding:16px; border-radius:20px; border:1px solid rgba(255,255,255,.08); background:rgba(7,10,15,.55); overflow:hidden; }
.diagram-node::before { content:""; position:absolute; inset:auto -30px -40px auto; width:95px; height:95px; border-radius:50%; background:rgba(0,209,255,.12); }
.diagram-node span { display:block; color:#00D1FF; font-weight:900; margin-bottom:14px; }
.diagram-node strong { position:relative; color:#F4F7FB; }
.quiz-card { margin-top:26px; padding:22px; border:1px solid rgba(183,255,60,.18); border-radius:24px; background:linear-gradient(135deg, rgba(183,255,60,.06), rgba(0,209,255,.035), rgba(16,21,31,.9)); }
.quiz-topline { display:flex; justify-content:space-between; gap:12px; color:#A8B3C4; font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.quiz-score-badge { color:#B7FF3C; }
.quiz-card h3 { margin:14px 0 16px; font-size:22px; }
.quiz-options { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.quiz-option { min-height:66px; padding:14px 16px; border:1px solid rgba(255,255,255,.11); border-radius:18px; background:rgba(7,10,15,.6); color:#F4F7FB; font:inherit; text-align:left; cursor:pointer; transition:.2s ease; }
.quiz-option:hover { transform:translateY(-2px); border-color:rgba(0,209,255,.45); }
.quiz-option:disabled { cursor:default; opacity:.92; }
.quiz-option.is-correct { border-color:#B7FF3C; background:rgba(183,255,60,.1); box-shadow:0 0 0 1px rgba(183,255,60,.22) inset; }
.quiz-option.is-wrong { border-color:#FF5A5A; background:rgba(255,90,90,.1); }
.quiz-result { margin-top:14px; padding:14px 16px; border-radius:16px; font-weight:700; }
.quiz-result.success { background:rgba(183,255,60,.1); color:#DFFF9E; border:1px solid rgba(183,255,60,.25); }
.quiz-result.error { background:rgba(255,90,90,.1); color:#FFD1D1; border:1px solid rgba(255,90,90,.25); }
.quiz-offer { margin-top:16px; }
.quiz-offer-card { padding:18px; border-radius:20px; border:1px solid rgba(255,255,255,.09); background:rgba(7,10,15,.76); }
.quiz-offer-card strong { display:block; color:#B7FF3C; font-size:18px; margin-bottom:8px; }
.quiz-offer-card p { color:#A8B3C4; margin:0 0 14px; line-height:1.55; }
.micro-lead-form { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; align-items:center; }
.micro-lead-form input { min-height:46px; border-radius:14px; border:1px solid rgba(255,255,255,.1); background:rgba(16,21,31,.82); color:#F4F7FB; padding:0 14px; }
.micro-lead-form .form-status { grid-column:1/-1; margin-top:0; }
.final-knowledge-cta .cta-panel { align-items:stretch; }
.final-knowledge-cta .lead-form { min-width:min(420px,100%); }
@media (max-width: 980px) {
  .knowledge-progress,.toc-grid,.module-text,.quiz-options,.knowledge-diagram { grid-template-columns:1fr; }
  .knowledge-module { grid-template-columns:1fr; padding:22px; }
  .module-index { position:relative; top:auto; }
  .micro-lead-form { grid-template-columns:1fr; }
  .knowledge-abstract { min-height:360px; }
}

/* Fix final CTA form layout on the interactive SEO FAQ page */
.final-knowledge-cta {
  padding-top: 80px;
  padding-bottom: 110px;
}
.final-knowledge-cta .cta-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
  gap: 34px;
  align-items: stretch;
  padding: 42px;
  border: 1px solid rgba(183,255,60,.22);
  border-radius: 38px;
  background:
    radial-gradient(circle at 12% 8%, rgba(183,255,60,.16), transparent 31%),
    radial-gradient(circle at 86% 28%, rgba(0,209,255,.12), transparent 28%),
    linear-gradient(135deg, rgba(16,21,31,.92), rgba(7,10,15,.82));
  box-shadow: 0 38px 120px rgba(0,0,0,.48);
  overflow: hidden;
}
.final-knowledge-cta .cta-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 65% 45%, #000, transparent 82%);
}
.final-knowledge-cta .cta-panel > * {
  position: relative;
  z-index: 1;
}
.final-knowledge-cta h2 {
  margin: 10px 0 16px;
  font-size: clamp(34px, 4.7vw, 62px);
  line-height: 1.02;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.final-knowledge-cta p {
  max-width: 720px;
  font-size: 17px;
  color: var(--soft);
}
.final-knowledge-cta .hero-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.final-knowledge-cta .hero-metrics span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: var(--soft);
  font-size: 13px;
  backdrop-filter: blur(12px);
}
.final-knowledge-cta .hero-metrics b {
  color: var(--lime);
  margin-right: 5px;
}
.final-knowledge-cta .lead-form {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 28px;
  background: rgba(7,10,15,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 80px rgba(0,0,0,.26);
  backdrop-filter: blur(18px);
}
.final-knowledge-cta .lead-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}
.final-knowledge-cta .lead-form input,
.final-knowledge-cta .lead-form textarea {
  display: block;
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 17px;
  background: rgba(16,21,31,.86);
  color: var(--text);
  padding: 15px 16px;
  font: inherit;
  font-weight: 500;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.final-knowledge-cta .lead-form textarea {
  min-height: 118px;
  resize: vertical;
}
.final-knowledge-cta .lead-form input::placeholder,
.final-knowledge-cta .lead-form textarea::placeholder {
  color: rgba(200,209,223,.58);
}
.final-knowledge-cta .lead-form input:focus,
.final-knowledge-cta .lead-form textarea:focus {
  border-color: rgba(183,255,60,.55);
  background: rgba(16,21,31,.96);
  box-shadow: 0 0 0 4px rgba(183,255,60,.08);
}
.final-knowledge-cta .lead-form .btn {
  width: 100%;
  min-height: 56px;
  margin-top: 2px;
}
.final-knowledge-cta .lead-form .form-note,
.final-knowledge-cta .lead-form .form-status {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted);
}
.final-knowledge-cta .lead-form .form-status.success {
  color: #DFFF9E;
}
.final-knowledge-cta .lead-form .form-status.error {
  color: #FFD1D1;
}

@media (max-width: 980px) {
  .final-knowledge-cta .cta-panel {
    grid-template-columns: 1fr;
    padding: 28px;
    border-radius: 30px;
  }
  .final-knowledge-cta .lead-form {
    padding: 20px;
    border-radius: 24px;
  }
}

@media (max-width: 560px) {
  .final-knowledge-cta {
    padding-bottom: 82px;
  }
  .final-knowledge-cta .cta-panel {
    padding: 22px;
  }
  .final-knowledge-cta h2 {
    font-size: 34px;
  }
}
