@import url("brand.css?v=20260812-1");
:root{--navy:#162447;--navy-2:#101a34;--cognac:#c97b4d;--cognac-dark:#a95f38;--paper:#fff8f3;--surface:#fff;--surface-2:#f4eee9;--text:#172039;--muted:#6d7485;--border:#e7ded7;--pink:#ff8cb9;--blue:#3a86ff;--green:#50ef8e;--red:#f05d6c;--shadow:0 20px 60px rgba(22,36,71,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Manrope,"Segoe UI",sans-serif;line-height:1.5}body.dark{--paper:#0d152a;--surface:#141f3b;--surface-2:#1a2748;--text:#f8f5f2;--muted:#aeb7ca;--border:#293758;--shadow:0 20px 60px rgba(0,0,0,.25)}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.brand{display:flex;gap:10px;align-items:center;font-size:17px}.brand b{font-weight:800}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--cognac);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}nav{display:flex;gap:28px;font-size:14px;font-weight:700}nav a:hover{color:var(--cognac)}.header-actions{display:flex;gap:10px;align-items:center}.theme-toggle,.profile-button{border:1px solid var(--border);background:var(--surface);color:var(--text);height:42px;border-radius:14px;padding:0 16px;cursor:pointer}.theme-toggle{width:42px;padding:0}.profile-button{display:grid;place-items:center;font-weight:800}.hero{min-height:710px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;padding-block:70px 90px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:var(--cognac)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 28px}h1 em{font-style:normal;color:var(--cognac)}.hero-copy>p{font-size:20px;color:var(--muted);max-width:590px;margin-bottom:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:14px;padding:14px 20px;font-weight:850;border:0;cursor:pointer}.button.primary{background:var(--cognac);color:#fff;box-shadow:0 10px 28px rgba(201,123,77,.25)}.button.primary:hover{background:var(--cognac-dark);transform:translateY(-1px)}.button.light{background:#fff;color:var(--navy)}.hero-trust{display:flex;gap:22px;margin-top:30px;font-size:12px;color:var(--muted);font-weight:750;flex-wrap:wrap}.hero-trust span:before{content:"✓";color:var(--cognac);margin-right:6px}.hero-visual{height:530px;position:relative;border-radius:42px;background:var(--navy);overflow:hidden;box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:240px;height:240px;background:var(--cognac);right:-70px;top:-55px}.orb-two{width:150px;height:150px;background:var(--pink);left:-40px;bottom:20px}.demo-card{position:absolute;z-index:2;background:rgba(255,255,255,.95);color:var(--navy);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.main-demo{width:76%;left:12%;top:110px;padding:28px}.demo-card span,.demo-card small{display:block;color:#7b8291;font-size:12px}.demo-card strong{font-size:19px}.progress{height:10px;border-radius:8px;background:#e7e9ef;margin:20px 0 10px;overflow:hidden}.progress i{height:100%;display:block;background:var(--cognac);border-radius:inherit}.score-demo{left:7%;bottom:70px}.score-demo strong{font-size:44px;color:var(--cognac)}.next-demo{right:7%;bottom:58px;min-width:195px}.route-line{position:absolute;width:290px;height:160px;border:3px dashed rgba(255,255,255,.35);border-left:0;border-bottom:0;border-radius:50%;right:30px;top:45px;transform:rotate(15deg)}.section{padding-block:105px}.section-heading{max-width:700px;margin-bottom:42px}.section-heading h2,.split-section h2,.cta-panel h2{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 20px}.section-heading p{font-size:18px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:var(--surface);padding:28px;border:1px solid var(--border);border-radius:22px;min-height:230px}.feature-no{font-size:12px;color:var(--cognac);font-weight:900}.feature-card h3{font-size:22px;margin:46px 0 12px}.feature-card p{color:var(--muted);font-size:14px}.dark-band{background:var(--navy);color:#fff}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}.warm{color:#efaa7e}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.15)}.steps b{color:#efaa7e}.steps span,.steps strong{display:block}.steps span{color:#bfc7d9}.steps strong{color:#fff;font-size:18px;margin-bottom:3px}.row-heading{max-width:none;display:flex;justify-content:space-between;align-items:end}.tabs{display:flex;padding:5px;background:var(--surface-2);border-radius:14px}.tab{border:0;background:transparent;color:var(--muted);font-weight:800;padding:10px 22px;border-radius:10px;cursor:pointer}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 5px 15px rgba(0,0,0,.07)}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.course-card{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--border);background:var(--surface);border-radius:26px;overflow:hidden;min-height:350px}.course-cover{position:relative;display:grid;place-items:center;overflow:hidden}.math .course-cover{background:var(--pink)}.physics .course-cover{background:var(--blue)}.info .course-cover{background:var(--green)}.russian .course-cover{background:#ffd289}.course-cover span{position:absolute;font-weight:950;font-size:58px;color:var(--navy)}.course-cover span:nth-child(1){transform:translate(-25px,-45px) rotate(-8deg)}.course-cover span:nth-child(2){transform:translate(38px,40px) rotate(12deg);font-size:42px}.course-cover span:nth-child(3){transform:translate(-45px,80px);font-size:30px}.course-body{padding:28px}.tags{display:flex;gap:7px}.tags span{font-size:11px;font-weight:900;padding:5px 8px;border-radius:7px;background:var(--surface-2)}.tags .exam-label{background:var(--navy);color:#fff}.course-body h3{font-size:25px;margin:17px 0 7px}.course-body p{font-size:14px;color:var(--muted);min-height:42px}.course-meta{display:flex;gap:18px;font-size:12px;color:var(--muted);margin:18px 0}.price{font-size:25px;font-weight:950}.price small{font-size:12px;color:var(--muted)}.price.free{color:var(--cognac)}.card-actions{display:flex;align-items:center;gap:20px;margin-top:20px}.card-actions .button{padding:11px 15px;font-size:13px}.text-link{font-size:13px;font-weight:850;border-bottom:1px solid var(--border)}.cta-panel{background:var(--cognac);color:#fff;border-radius:34px;padding:62px;display:flex;align-items:center;justify-content:space-between}.cta-panel .eyebrow{color:#fff}.cta-panel h2{margin-bottom:10px}.cta-panel p{margin:0;color:#ffe8da}.narrow{max-width:900px}.faq-list details{border-top:1px solid var(--border);padding:23px 0}.faq-list details:last-child{border-bottom:1px solid var(--border)}summary{font-size:18px;font-weight:850;cursor:pointer}.faq-list p{color:var(--muted);padding-top:14px;margin:0}footer{background:var(--navy-2);color:#fff;padding:70px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:12px}.footer-grid p,.footer-grid a{color:#aeb7ca;font-size:13px}.footer-grid .brand{color:#fff;font-size:17px}
@media(max-width:920px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{height:430px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr;gap:35px}.course-grid{grid-template-columns:1fr}.cta-panel{margin-inline:20px;width:auto}.course-card{grid-template-columns:180px 1fr}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.site-header{height:66px;padding:0 14px}.brand b{display:none}.hero{min-height:auto;gap:35px;padding-block:48px 65px}h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-visual{height:370px;border-radius:28px}.main-demo{width:86%;left:7%;top:76px}.score-demo{left:5%;bottom:42px}.next-demo{right:5%;bottom:35px;min-width:165px}.feature-grid{grid-template-columns:1fr}.section{padding-block:72px}.row-heading{align-items:start;gap:25px;flex-direction:column}.course-card{grid-template-columns:1fr}.course-cover{height:175px}.course-body{padding:22px}.cta-panel{padding:35px 25px;flex-direction:column;align-items:start;gap:25px}.footer-grid{grid-template-columns:1fr}.hero-trust{gap:9px 16px}.profile-button{font-size:0;width:42px}.profile-button:before{content:"●";font-size:15px}.section-heading h2,.split-section h2,.cta-panel h2{font-size:38px}}

/* Motion and glass effects for the public product presentation. */
.hero-visual{background:linear-gradient(145deg,#101a34,#1d315f)!important;transform:perspective(1000px) rotateY(-2deg);transition:transform .45s ease}.hero-visual:hover{transform:perspective(1000px) rotateY(0) translateY(-5px)}
.orb-one{animation:float-one 7s ease-in-out infinite}.orb-two{animation:float-two 6s ease-in-out infinite}
.demo-card{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.55);animation:card-float 5s ease-in-out infinite}.next-demo{animation-delay:-2.1s}.score-demo{animation-delay:-1s}
.course-card,.feature-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.course-card:hover,.feature-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(22,36,71,.11);border-color:color-mix(in srgb,var(--cognac) 45%,var(--border))}.course-cover span{transition:transform .4s ease}.course-card:hover .course-cover span:first-child{transform:translate(-25px,-52px) rotate(-14deg) scale(1.07)}
@keyframes float-one{50%{transform:translate(-18px,22px) scale(1.06)}}@keyframes float-two{50%{transform:translate(24px,-18px) scale(.94)}}@keyframes card-float{50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.interactive-hero:before{content:"";position:absolute;width:330px;height:330px;left:calc(var(--mx,70%) - 165px);top:calc(var(--my,30%) - 165px);border-radius:50%;background:radial-gradient(circle,rgba(201,123,77,.28),rgba(58,134,255,.08) 40%,transparent 70%);filter:blur(12px);z-index:1;pointer-events:none;transition:left .12s linear,top .12s linear}.interactive-hero .demo-card{transform:translate(var(--parallax-x,0),var(--parallax-y,0));transition:transform .25s ease}.hero-core{position:absolute;z-index:2;width:160px;height:160px;right:35px;top:42px;border-radius:50%;display:grid;place-items:center;transform:translate(var(--parallax-x,0),var(--parallax-y,0));transition:transform .25s ease}.hero-core:before,.hero-core:after,.hero-core i{content:"";position:absolute;border-radius:50%;inset:0;border:1px solid rgba(255,255,255,.18)}.hero-core:before{inset:15px;border-color:rgba(255,140,185,.45);border-width:2px;animation:core-spin 9s linear infinite}.hero-core:after{inset:35px;background:radial-gradient(circle at 35% 30%,#fff,var(--cognac) 18%,#71402b 62%,#172039 100%);border:0;box-shadow:0 0 45px rgba(201,123,77,.38)}.hero-core i{inset:-8px;border-style:dashed;animation:core-spin 16s linear infinite reverse}.hero-core b{z-index:2;color:#fff;font-size:28px}.live-badge{position:absolute;z-index:3;top:22px;left:24px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:20px;color:#ccd5e7;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.live-badge:first-letter{color:var(--green)}@keyframes core-spin{to{transform:rotate(360deg)}}

/* Stable, purpose-built mobile composition. Decorative desktop parallax must not
   compete with the narrow viewport or the browser's own moving toolbars. */
@media(max-width:620px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{z-index:100;background:var(--paper);backdrop-filter:none;box-shadow:0 1px 0 var(--border),0 10px 26px rgba(22,36,71,.06)}
  .hero{overflow:hidden}
  .hero-visual,.hero-visual:hover{height:390px;transform:none!important}
  .interactive-hero:before,.route-line{display:none}
  .interactive-hero .demo-card,.demo-card{animation:none!important;transform:none!important;backdrop-filter:none}
  .live-badge{top:18px;left:18px}
  .hero-core{width:96px;height:96px;right:18px;top:52px;transform:none!important}
  .hero-core:before{inset:9px}
  .hero-core:after{inset:22px}
  .hero-core i{inset:-4px}
  .main-demo{box-sizing:border-box;width:calc(100% - 36px);left:18px;top:96px;padding:20px;padding-right:78px;overflow:hidden}
  .main-demo strong{display:block;max-width:100%;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .score-demo{box-sizing:border-box;left:18px;bottom:22px;width:42%;padding:16px}
  .score-demo strong{font-size:36px}
  .next-demo{box-sizing:border-box;right:18px;bottom:22px;width:48%;min-width:0;padding:16px}
  .next-demo strong{font-size:17px;line-height:1.2}
  .course-card,.course-card:hover{transform:none!important}
  .course-cover{height:158px;isolation:isolate}
  .course-cover span{transition:none!important;line-height:1}
  .course-cover span:nth-child(1),.course-card:hover .course-cover span:first-child{left:50%;top:50%;transform:translate(-50%,-50%)!important;font-size:54px}
  .course-cover span:nth-child(2){left:72%;top:25%;transform:rotate(7deg)!important;font-size:31px}
  .course-cover span:nth-child(3){left:25%;top:72%;transform:rotate(-5deg)!important;font-size:23px}
  .course-cover-visual{display:block;width:112px;height:112px;object-fit:contain}
}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}.reveal.revealed{opacity:1;transform:none}
.disabled-button{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.disabled-button:hover{transform:none}