/* Seminar «Принципы лидерства Фёдора Конюхова» (7 Oct 2026): card on the home page (#seminar) and the page /seminar.
   Self-contained like press.css — does not depend on the Tailwind build. Navy + gold, calmer than the meeting's foil card.
   js/seminar.js fills the countdown / sold-out state; without JS the static text (date, price, button) still works. */
:root{--sm-navy:#0B0F19;--sm-navy2:#12172A;--sm-navy3:#1B2138;--sm-gold:#D4AF37;--sm-gold2:#E9CF7A;--sm-sand:#C5A880;--sm-paper:#F9FAFB;--sm-ink:#12151F}

/* ---------- home card ---------- */
.sem-card{position:relative;margin:0 0 40px;border-radius:24px;overflow:hidden;isolation:isolate;scroll-margin-top:calc(92px + var(--kvn-h,0px));
  background:linear-gradient(160deg,#141A30 0%,#0D1224 55%,#0B0F19 100%);border:1px solid rgba(212,175,55,.38);
  box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
@media (min-width:768px){.sem-card{margin-bottom:56px}}
.sem-card-grid{display:grid}
@media (min-width:1024px){.sem-card-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,.95fr)}}
.sem-card-photo{position:relative;min-height:220px;background:#0B0F19}
.sem-card-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%}
.sem-card-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,18,36,.95) 0%,rgba(13,18,36,.15) 60%,rgba(13,18,36,.35) 100%)}
@media (min-width:1024px){.sem-card-photo{min-height:100%}.sem-card-photo::after{background:linear-gradient(90deg,rgba(13,18,36,.1) 0%,rgba(13,18,36,.55) 70%,#0F1428 100%)}}
.sem-card-photo .sem-cap{position:absolute;z-index:1;left:20px;bottom:16px;right:20px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(249,250,251,.75)}
.sem-card-main{position:relative;padding:26px 22px 8px}
@media (min-width:1024px){.sem-card-main{padding:40px 8px 40px 40px}}
.sem-card-side{position:relative;padding:18px 22px 26px}
@media (min-width:1024px){.sem-card-side{padding:40px 40px 40px 28px;display:flex;flex-direction:column;justify-content:center}}

.sem-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.sem-badge{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:var(--sm-gold);color:#13245C;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sem-tag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;border:1px solid rgba(212,175,55,.45);
  font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--sm-gold2)}
.sem-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ADE80}
.sem-kicker{margin:0 0 10px;font-family:'JetBrains Mono',monospace;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(233,207,122,.85)}
.sem-title{margin:0 0 14px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:30px;line-height:1.1;color:#FFF;text-wrap:balance}
.sem-title em{font-style:italic;color:var(--sm-gold2)}
@media (min-width:640px){.sem-title{font-size:38px}}
.sem-sub{margin:0 0 16px;font-size:17px;line-height:1.6;color:rgba(249,250,251,.78);max-width:620px}
.sem-host{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-size:15.5px;line-height:1.55;color:rgba(249,250,251,.62);max-width:620px}
.sem-host p{margin:0}
/* host avatar: round, thin gold ring */
.sem-avatar{display:block;flex:0 0 auto;width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #D4AF37,0 0 0 5px rgba(212,175,55,.18)}
.sem-avatar-sm{width:52px;height:52px}
.sem-host picture,.sem-hostchip picture{flex:0 0 auto;display:block;line-height:0}
.sem-hostchip{display:flex;align-items:center;gap:16px;margin:0 0 22px}
.sem-hostchip p{margin:0;line-height:1.3}
.sem-hostchip span{display:block;font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(233,207,122,.85)}
.sem-hostchip b{display:block;margin-top:3px;font-size:18px;font-weight:600;color:#FFF}
.sem-hostchip small{display:block;margin-top:2px;font-size:14px;color:rgba(249,250,251,.6)}
.sem-host b{color:#FFF;font-weight:600}
.sem-when{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-family:'JetBrains Mono',monospace;font-size:14.5px;color:rgba(249,250,251,.9)}
.sem-when li{padding:6px 12px;border-radius:999px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.24)}
/* date / time / place as plain text: small gold label above, the value below, a thin gold rule on top */
.sem-facts{display:flex;flex-wrap:wrap;gap:16px 40px;margin:0;padding:18px 0 0;border-top:1px solid rgba(212,175,55,.25)}
.sem-facts div{min-width:0}
.sem-facts dt{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,207,122,.85)}
.sem-facts dd{margin:6px 0 0;font-size:17px;line-height:1.35;font-weight:500;color:#FFF}
.sem-facts dd span{color:rgba(249,250,251,.6);font-weight:400}
@media (max-width:639px){.sem-facts{gap:14px 28px}.sem-facts dd{font-size:16px}}

.sem-cd-label{margin:0 0 10px;font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,207,122,.8)}
.sem-cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 20px}
.sem-cd div{border-radius:12px;padding:10px 4px 8px;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.28)}
.sem-cd b{display:block;font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:500;line-height:1.05;color:#FFF;font-variant-numeric:tabular-nums}
.sem-cd span{display:block;margin-top:4px;font-size:12px;color:rgba(249,250,251,.55)}
.sem-price{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}
.sem-price b{font-family:'Playfair Display',Georgia,serif;font-size:40px;font-weight:500;color:#FFF;line-height:1}
.sem-price span{font-size:15px;color:rgba(249,250,251,.6)}
.sem-btn{display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;border-radius:999px;font-size:17px;font-weight:600;cursor:pointer}
.sem-btn[disabled]{opacity:.55;cursor:default}
.sem-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;min-height:48px;border-radius:999px;border:1px solid rgba(212,175,55,.45);
  color:var(--sm-gold2);font-size:16px;font-weight:500;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}
.sem-more:hover{background:rgba(212,175,55,.1);border-color:var(--sm-gold);color:#FFF}
.sem-more svg{width:18px;height:18px;transition:transform .25s ease}
.sem-more:hover svg{transform:translateX(3px)}
.sem-note{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:rgba(249,250,251,.5);text-align:center}
.sem-off .sem-tag::before{background:#F87171}
.sem-is-over .sem-cd,.sem-is-over .sem-cd-label{display:none}

/* ---------- page /seminar ---------- */
.smp{background:var(--sm-paper);color:var(--sm-ink)}
.smp-hero{position:relative;overflow:hidden;background:var(--sm-navy);color:#FFF;padding:calc(76px + var(--kvn-h,0px) + 40px) 0 56px}
@media (min-width:1024px){.smp-hero{padding:calc(76px + 64px) 0 88px}}
.smp-hero-bg{position:absolute;inset:0;z-index:0}
.smp-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;opacity:.38}
.smp-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0B0F19 0%,rgba(11,15,25,.92) 38%,rgba(11,15,25,.55) 72%,rgba(11,15,25,.75) 100%),linear-gradient(0deg,#0B0F19 0%,rgba(11,15,25,0) 40%)}
@media (max-width:1023px){.smp-hero-bg::after{background:linear-gradient(0deg,#0B0F19 8%,rgba(11,15,25,.82) 60%,rgba(11,15,25,.7) 100%)}}
.smp-wrap{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 20px}
@media (min-width:768px){.smp-wrap{padding:0 40px}}
.smp-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;font-size:15px;color:rgba(249,250,251,.55)}
.smp-crumbs a{color:rgba(249,250,251,.7);text-decoration:none}
.smp-crumbs a:hover{color:var(--sm-gold2)}
.smp-hero-grid{display:grid;gap:36px;align-items:end}
@media (min-width:1024px){.smp-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px}}
.smp-h1{margin:0 0 20px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:40px;line-height:1.05;text-wrap:balance}
.smp-h1 em{font-style:italic;color:var(--sm-gold2)}
@media (min-width:640px){.smp-h1{font-size:54px}}
@media (min-width:1280px){.smp-h1{font-size:64px}}
.smp-lead{margin:0 0 26px;font-size:19px;line-height:1.6;color:rgba(249,250,251,.82);max-width:700px}
.smp-buy{border-radius:22px;padding:24px;background:rgba(18,23,42,.82);border:1px solid rgba(212,175,55,.38);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media (min-width:640px){.smp-buy{padding:30px}}

.smp-sec{padding:64px 0}
@media (min-width:768px){.smp-sec{padding:96px 0}}
.smp-sec.alt{background:#F1ECE1}
.smp-sec.dark{background:var(--sm-navy);color:#FFF}
.smp-eyebrow{margin:0 0 16px;font-family:'JetBrains Mono',monospace;font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:#8A7454}
.dark .smp-eyebrow{color:var(--sm-sand)}
.smp-h2{margin:0 0 36px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:34px;line-height:1.1;text-wrap:balance}
@media (min-width:640px){.smp-h2{font-size:44px}}
.smp-text{font-size:18px;line-height:1.7;color:#4B5263;max-width:760px}
/* «О семинаре»: the text runs across the whole grid — two columns on wide screens */
.smp-about{display:grid;gap:16px 64px;font-size:18px;line-height:1.75;color:#4B5263}
.smp-about p{margin:0}
@media (min-width:1024px){.smp-about{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dark .smp-text{color:rgba(249,250,251,.72)}

/* «Понимание принципов позволит» — checkerboard of statements and pictures */
.smp-checker{display:grid;grid-template-columns:1fr;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px -24px rgba(11,15,25,.35)}
@media (min-width:640px){.smp-checker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.smp-checker{grid-template-columns:repeat(4,minmax(0,1fr))}}
.smp-tile{position:relative;aspect-ratio:1/1;min-height:0}
.smp-tile.txt{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px;background:#FFF}
.smp-tile.txt .n{font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:.2em;color:#8A7454}
.smp-tile.txt p{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1.22;color:var(--sm-ink);text-wrap:balance}
.smp-tile.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* the little arrow that points from the statement to its picture (as in the brief) */
.smp-tile.txt::after{content:"";position:absolute;z-index:2;width:22px;height:22px;background:#FFF;transform:rotate(45deg)}
@media (max-width:639px){.smp-tile{aspect-ratio:auto}.smp-tile.txt{padding:26px 22px 30px}.smp-tile.img{aspect-ratio:16/10}.smp-tile.txt::after{left:calc(50% - 11px);bottom:-11px}}
@media (min-width:640px){.smp-tile.txt::after{top:calc(50% - 11px);right:-11px}
  .smp-tile.txt.flip::after{right:auto;left:-11px}}
/* phones: every statement right above its picture (DOM order is the 4-column checkerboard) */
@media (max-width:639px){.smp-tile{order:var(--o,0)}}

/* «С чем уйдут участники» — six numbered results */
.smp-results{display:grid;gap:18px;margin:0;padding:0;list-style:none;counter-reset:r}
@media (min-width:640px){.smp-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.smp-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.smp-results li{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:18px;background:#FFF;border:1px solid rgba(18,21,31,.08);
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
.smp-results li:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(11,15,25,.4);border-color:rgba(212,175,55,.5)}
.smp-results .num{flex:0 0 52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#13245C;color:#FFF;
  font-family:'JetBrains Mono',monospace;font-size:17px}
.smp-results b{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:23px;line-height:1.22;color:var(--sm-ink);padding-top:9px}

/* facts / format */
.smp-facts{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1024px){.smp-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.smp-fact{padding:22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.26)}
.smp-fact .k{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sm-sand)}
.smp-fact .v{margin-top:10px;font-family:'Playfair Display',Georgia,serif;font-size:24px;line-height:1.2;color:#FFF}
.smp-fact .s{margin-top:6px;font-size:14.5px;line-height:1.5;color:rgba(249,250,251,.55)}
.smp-steps{display:grid;gap:0;margin:40px 0 0;padding:0;list-style:none;border-left:1px solid rgba(212,175,55,.35)}
.smp-steps li{position:relative;padding:0 0 26px 28px}
.smp-steps li:last-child{padding-bottom:0}
.smp-steps li::before{content:"";position:absolute;left:-7px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--sm-navy);border:2px solid var(--sm-gold)}
.smp-steps time{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--sm-gold2)}
.smp-steps h3{margin:4px 0 0;font-size:20px;font-weight:600;color:#FFF}
.smp-steps p{margin:6px 0 0;font-size:16px;line-height:1.6;color:rgba(249,250,251,.65);max-width:640px}

/* host */
.smp-host{display:grid;gap:32px;align-items:center}
@media (min-width:1024px){.smp-host{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px}}
.smp-host-photo{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;width:100%;max-width:460px;justify-self:center;box-shadow:0 20px 50px -24px rgba(11,15,25,.45),0 0 0 1px rgba(212,175,55,.35)}
.smp-host-photo picture{display:block;width:100%;height:100%}
.smp-host-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.smp-host-name{margin:0 0 6px;font-family:'Playfair Display',Georgia,serif;font-size:32px;line-height:1.15;font-weight:500}
.smp-host-role{margin:0 0 22px;font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:.08em;color:#8A7454;text-transform:uppercase}

/* photo strip */
.smp-gallery{display:grid;gap:14px}
@media (min-width:768px){.smp-gallery{grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto}}
.smp-gallery figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#E5E1D6}
.smp-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.smp-gallery figure:hover img{transform:scale(1.04)}
@media (min-width:768px){.smp-gallery figure:first-child{grid-row:span 2}.smp-gallery figure:first-child img{aspect-ratio:auto}}
.smp-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;font-size:14px;color:#FFF;background:linear-gradient(0deg,rgba(11,15,25,.75),rgba(11,15,25,0))}

/* how to get in */
.smp-how{display:grid;gap:18px}
@media (min-width:768px){.smp-how{grid-template-columns:repeat(3,minmax(0,1fr))}}
.smp-how div{padding:26px;border-radius:18px;background:#FFF;border:1px solid rgba(18,21,31,.08)}
.smp-how .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#13245C;color:#FFF;margin-bottom:16px}
.smp-how .ic svg{width:24px;height:24px}
.smp-how h3{margin:0 0 8px;font-size:19px;font-weight:600}
.smp-how p{margin:0;font-size:16px;line-height:1.6;color:#4B5263}
.smp-how a{color:#13245C;text-decoration:underline;text-underline-offset:3px}

/* FAQ */
.smp-faq{max-width:900px;margin:0 auto}
.smp-faq-sec .smp-eyebrow,.smp-faq-sec .smp-h2{text-align:center}
.smp-faq details{border-bottom:1px solid rgba(18,21,31,.12)}
.smp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0}
.smp-faq summary::-webkit-details-marker{display:none}
.smp-faq summary h3{margin:0;font-size:19px;font-weight:600;line-height:1.4}
.smp-faq summary::after{content:"+";flex:0 0 auto;font-size:26px;line-height:1;color:#8A7454;transition:transform .3s ease}
.smp-faq details[open] summary::after{transform:rotate(45deg)}
.smp-faq .a{padding:0 0 22px;font-size:17px;line-height:1.7;color:#4B5263}
.smp-faq .a a{color:#13245C;text-decoration:underline;text-underline-offset:3px}

/* final call */
.smp-final{text-align:center}
.smp-final .smp-buy{max-width:520px;margin:0 auto;text-align:left}

/* after the start: buying parts give way to a short note */
.sem-over-note{display:none;margin:0;padding:18px 20px;border-radius:14px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.35);font-size:16px;line-height:1.6;color:#FFF}
.sem-is-over .sem-over-note{display:block}
.sem-is-over [data-sem-sale]{display:none !important}

@media (prefers-reduced-motion:reduce){.smp-results li,.smp-gallery img,.sem-more svg{transition:none}}