/* Академический курс — стили лендинга */
:root{--navy:#172d4d;--blue:#244b7b;--blue-soft:#eaf0f7;--ink:#202b3b;--muted:#6c7787;--line:#dfe4eb;--paper:#fff;--wash:#f5f7fa;--gold:#d8ad48;--gold-light:#f4e5b9;--serif:"Literata",Georgia,serif;--sans:"Inter",Arial,sans-serif;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(223,228,235,.9);backdrop-filter:blur(14px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--navy);font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:-.06em}.brand-name{font-size:9px;line-height:1.55;letter-spacing:.15em;color:var(--muted)}.brand-name strong{font-size:13px;letter-spacing:.21em;color:var(--navy)}.main-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,34px);color:#4f5b6c;font-size:12px;font-weight:600}.main-nav a,.footer-links a{transition:color .2s}.main-nav a:hover,.footer-links a:hover{color:var(--blue)}.header-cta{padding:12px 16px;border:1px solid var(--line);color:var(--navy);font-size:11px;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s}.header-cta span{color:#b58a2e;margin-left:10px}.header-cta:hover{background:var(--wash);border-color:#b8c5d5}.menu-toggle{display:none}
.hero{overflow:hidden;position:relative;padding:86px 0 78px;background:linear-gradient(110deg,#fff 0%,#fff 53%,#f7f9fc 53%,#f7f9fc 100%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:66px}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 23px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:27px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{color:var(--navy);font-family:var(--serif);font-weight:600;letter-spacing:-.045em;line-height:1.15}h1{margin-bottom:24px;font-size:clamp(40px,5vw,65px)}h1 em,h2 em{color:var(--blue);font-weight:500}.hero-lead{max-width:540px;margin-bottom:31px;color:var(--muted);font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;padding:15px 19px;cursor:pointer;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:#fff}.button-primary:hover{background:#24456f}.button span{color:var(--gold-light);font-size:17px;line-height:1}.text-link{color:#4d5b6d;font-size:11px;font-weight:700}.text-link span{margin-left:7px;color:#b58a2e}.hero-proof{display:flex;align-items:center;gap:25px;margin-top:53px}.proof-item{display:flex;align-items:center;gap:12px}.proof-item strong{color:var(--navy);font-family:var(--serif);font-size:27px;font-weight:600}.proof-item span{color:var(--muted);font-size:9px;line-height:1.55}.proof-divider{width:1px;height:35px;background:var(--line)}.fine-print{max-width:440px;margin:13px 0 0;color:#929ba7;font-size:9px;line-height:1.5}
.hero-visual{position:relative;padding:0 17px 17px 0}.visual-frame{position:relative;min-height:430px;padding:21px;overflow:hidden;background:#e7edf4;border:1px solid #d9e0e9}.visual-frame:before{content:"";position:absolute;width:300px;height:300px;right:-85px;top:70px;border:1px solid rgba(36,75,123,.18);border-radius:50%}.visual-frame:after{content:"";position:absolute;width:225px;height:225px;right:-47px;top:108px;border:1px solid rgba(36,75,123,.18);border-radius:50%}.visual-topline,.visual-bottomline{display:flex;justify-content:space-between;gap:10px;color:#5d6e82;font-size:8px;font-weight:700;letter-spacing:.13em}.book-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin:47px 0 30px 15px;transform:rotate(-4deg)}.book{display:flex;flex-direction:column;justify-content:center;width:73%;min-height:81px;padding:15px 23px;box-shadow:8px 10px 18px rgba(21,42,69,.13)}.book span{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.08em;line-height:1.25}.book small{margin-top:6px;font-size:8px;letter-spacing:.07em}.book-blue{color:#fff;background:#203e64;border-left:7px solid #152b47}.book-light{color:#253a56;background:#fff;border-left:7px solid #c3cbd6;margin-left:28px}.book-gold{width:60%;min-height:61px;color:var(--navy);background:#e4c16c;border-left:7px solid #c39b3b;margin-left:8px}.visual-note{position:absolute;z-index:2;right:24px;bottom:58px;display:flex;align-items:center;gap:10px;color:var(--navy);font-size:10px;line-height:1.6}.note-star{display:grid;place-items:center;width:31px;height:31px;border:1px solid #c8a34e;color:#a77f26;font-size:18px}.visual-bottomline{position:absolute;right:21px;bottom:19px;left:21px}.visual-stamp{position:absolute;z-index:3;top:74px;right:-12px;display:grid;place-items:center;width:83px;height:83px;border-radius:50%;background:var(--gold);color:var(--navy);text-align:center;font-size:9px;font-weight:800;line-height:1.45;letter-spacing:.07em;transform:rotate(10deg)}
.trust-strip{background:var(--navy);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:25px}.trust-grid>div{display:flex;align-items:center;gap:14px;padding:0 22px;border-right:1px solid rgba(255,255,255,.16)}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{padding-right:0;border-right:0}.trust-icon{color:var(--gold);font-family:var(--serif);font-size:21px}.trust-grid p{margin:0;color:#e0e6ee;font-size:10px;line-height:1.55}
.section{padding:100px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:18px}h2{margin-bottom:0;font-size:clamp(32px,4vw,46px)}.section-intro{max-width:390px;margin:0 0 4px;color:var(--muted);font-size:12px;line-height:1.9}.subjects-section{background:var(--wash)}.subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.subject-card{min-height:290px;display:flex;flex-direction:column;padding:25px 25px 21px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:box-shadow .25s,transform .25s}.subject-card:hover{position:relative;z-index:1;transform:translateY(-3px);box-shadow:0 13px 32px rgba(28,51,80,.08)}.subject-card-featured{background:#f8f3e5}.subject-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.subject-number{color:#8995a5;font-size:9px;font-weight:700;letter-spacing:.15em}.subject-symbol{display:grid;place-items:center;width:42px;height:42px;background:var(--blue-soft);color:var(--blue);font-family:var(--serif);font-size:20px}.subject-card-featured .subject-symbol{background:var(--gold-light);color:#8b6921}.subject-card h3{margin-bottom:10px;color:var(--navy);font-family:var(--serif);font-size:21px;font-weight:600}.subject-card>p{margin-bottom:19px;color:var(--muted);font-size:11px;line-height:1.8}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:19px}.tag-row span{padding:4px 7px;background:#f0f3f7;color:#637185;font-size:8px;font-weight:600}.subject-card-featured .tag-row span{background:#efe2bd;color:#78602b}.card-link{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid var(--line);color:var(--navy);font-size:10px;font-weight:700}.card-link span{color:#b18a34;font-size:16px}
.teachers-section{background:#fff}.teachers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.teacher-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}.teacher-monogram{min-height:170px;display:grid;place-items:center;font-family:var(--serif);font-size:55px;letter-spacing:-.08em}.monogram-blue{background:linear-gradient(135deg,#e5edf6,#d2deeb);color:#315579}.monogram-gray{background:linear-gradient(135deg,#eff1f4,#dfe4ea);color:#5d6b7d}.monogram-gold{background:linear-gradient(135deg,#f6edda,#e9d5a4);color:#8a6b2d}.teacher-info{padding:23px 22px 20px}.teacher-role{margin-bottom:7px;color:#9a782b;font-size:9px;font-weight:700}.teacher-info h3{margin-bottom:5px;color:var(--navy);font-family:var(--serif);font-size:22px;font-weight:600}.teacher-credentials{margin-bottom:14px;color:#7b8796;font-size:10px}.teacher-bio{min-height:63px;margin-bottom:20px;color:var(--muted);font-size:11px;line-height:1.8}.teacher-meta{display:flex;flex-wrap:wrap;gap:8px}.teacher-meta span{padding:5px 8px;background:var(--wash);color:#657184;font-size:9px}.placeholder-note{margin:18px 0 0;color:#8b94a1;font-size:10px}
.method-section{padding:88px 0;background:var(--navy);color:#fff}.method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.eyebrow-light{color:#dce5f0}.method-copy h2{max-width:420px;margin-bottom:23px;color:#fff}.method-copy>p:not(.eyebrow){max-width:440px;margin-bottom:28px;color:#c0cad8;font-size:12px;line-height:1.9}.button-gold{background:var(--gold);color:var(--navy)}.button-gold span{color:var(--navy)}.button-gold:hover{background:#e7c66e}.method-steps{border-top:1px solid rgba(255,255,255,.18)}.method-step{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}.method-step>span{color:var(--gold);font-family:var(--serif);font-size:21px}.method-step h3{margin-bottom:5px;color:#fff;font-family:var(--serif);font-size:18px;font-weight:500}.method-step p{margin:0;color:#bdc8d7;font-size:11px;line-height:1.7}
.booking-section{background:#f7f8fa}.booking-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.booking-copy h2{margin-bottom:22px}.booking-copy>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:12px;line-height:1.9}.booking-contact{display:flex;gap:14px;margin-top:27px;max-width:400px}.contact-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #e3cc8e;color:#a17a24;font-size:17px}.booking-contact strong{color:var(--navy);font-size:11px}.booking-contact p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.booking-form{padding:32px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 38px rgba(24,45,76,.045)}.form-heading{display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line);color:#a17c2c;font-size:9px;font-weight:700;letter-spacing:.13em}.form-heading span:last-child{color:#98a1ad}.booking-form h3{margin-bottom:5px;color:var(--navy);font-family:var(--serif);font-size:25px;font-weight:600}.form-subtitle{margin-bottom:22px;color:#929ba7;font-size:10px}.booking-form label{display:block;margin:14px 0 6px;color:#39475a;font-size:10px;font-weight:700}.booking-form label>span{color:#b78b2e}.booking-form label .optional{color:#9aa2ad;font-weight:400}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:12px 13px;border:1px solid #dfe4eb;border-radius:0;background:#fff;color:var(--ink);font-size:11px;outline:none;transition:border-color .2s,box-shadow .2s}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:#6f8fb5;box-shadow:0 0 0 3px rgba(36,75,123,.08)}.booking-form input::placeholder,.booking-form textarea::placeholder{color:#a1a9b4}.booking-form textarea{resize:vertical}.form-submit{width:100%;margin-top:20px}.privacy-note{margin:11px 0 0;color:#969eaa;font-size:9px;line-height:1.6}.form-status{margin:12px 0 0;color:var(--blue);font-size:11px;font-weight:600}.site-footer{padding:45px 0 0;background:#fff;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.3fr;gap:30px;align-items:start;padding-bottom:36px}.brand-footer{align-self:start}.footer-main>p{margin:2px 0 0;color:var(--muted);font-size:10px;line-height:1.8}.footer-links{display:flex;flex-direction:column;gap:7px;color:#536176;font-size:10px;font-weight:600}.footer-contact{display:flex;flex-direction:column;gap:5px}.footer-contact>span{color:#8d97a4;font-size:9px}.footer-contact>a{color:var(--navy);font-size:11px;font-weight:700}.footer-contact small{color:#969eaa;font-size:9px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--line);color:#8e98a5;font-size:9px}
@media(max-width:980px){.header-inner{gap:16px}.main-nav{gap:14px}.header-cta{padding:10px;font-size:10px}.hero-grid{gap:35px}.hero{padding:65px 0}.visual-frame{min-height:390px}.trust-grid>div{padding-inline:13px}.section{padding:78px 0}.method-grid{gap:50px}.booking-grid{gap:45px}.footer-main{grid-template-columns:1fr 1fr;row-gap:26px}}
@media(max-width:760px){.container{width:min(var(--container),calc(100% - 34px))}.header-inner{min-height:72px;flex-wrap:wrap}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto;padding:10px;border:1px solid var(--line);background:#fff}.menu-toggle span{display:block;width:18px;height:2px;background:var(--navy)}.main-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:5px 0 14px}.main-nav.is-open{display:flex}.main-nav a{padding:10px 0;border-top:1px solid var(--line)}.header-cta{font-size:0;padding:10px 12px}.header-cta span{font-size:17px;margin:0}.hero{padding:52px 0 55px;background:linear-gradient(180deg,#fff 0%,#fff 54%,#f7f9fc 54%,#f7f9fc 100%)}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:600px}h1{font-size:clamp(39px,9vw,57px)}.hero-lead{font-size:13px}.hero-proof{margin-top:35px}.hero-visual{width:min(100%,520px);margin-inline:auto}.visual-frame{min-height:365px}.visual-stamp{right:-5px}.trust-grid{grid-template-columns:1fr 1fr;row-gap:18px;padding-block:23px}.trust-grid>div{padding:0 12px;border-right:0}.trust-grid>div:nth-child(odd){padding-left:0}.trust-grid>div:nth-child(even){border-left:1px solid rgba(255,255,255,.16);padding-left:20px}.trust-grid p{font-size:9px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-intro{margin-top:20px}.subjects-grid{grid-template-columns:repeat(2,1fr)}.subject-card{padding:20px 17px;min-height:300px}.subject-card h3{font-size:19px}.teachers-grid{grid-template-columns:1fr;gap:16px}.teacher-card{display:grid;grid-template-columns:145px 1fr}.teacher-monogram{min-height:100%;font-size:42px}.teacher-info{padding:20px}.teacher-bio{min-height:0}.method-section{padding:65px 0}.method-grid{grid-template-columns:1fr;gap:35px}.method-copy h2{max-width:520px}.booking-grid{grid-template-columns:1fr;gap:35px}.booking-copy h2 br{display:none}.booking-form{padding:24px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{font-size:8px}}
@media(max-width:460px){.brand-mark{width:37px;height:37px}.brand-name{font-size:8px}.brand-name strong{font-size:11px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-proof{gap:15px}.proof-item{gap:8px}.proof-item strong{font-size:24px}.proof-item span{font-size:8px}.visual-frame{min-height:330px;padding:16px}.book-stack{margin-top:42px;margin-left:3px}.book{min-height:72px;padding:12px 15px}.book span{font-size:13px}.book-light{margin-left:16px}.visual-note{right:14px;bottom:49px;font-size:9px}.visual-bottomline{right:15px;left:15px;font-size:7px}.visual-stamp{top:64px;width:70px;height:70px;font-size:8px}.trust-grid>div{gap:9px}.trust-icon{font-size:18px}.subjects-grid{grid-template-columns:1fr}.subject-card{min-height:0}.teacher-card{grid-template-columns:95px 1fr}.teacher-monogram{font-size:30px}.teacher-info{padding:15px}.teacher-info h3{font-size:19px}.teacher-role{font-size:8px}.teacher-credentials,.teacher-bio{font-size:10px}.booking-form{padding:19px}.booking-form h3{font-size:22px}.footer-main{grid-template-columns:1fr;gap:19px}.footer-bottom{flex-direction:column;gap:5px}.section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
