/* /webinars/:slug (v2 03 session) + /webinars/:slug/register (v2 02 booking). Built on air.css. */
.air-btn--hd{height:52px;padding:0 24px;font-size:14px}
.ss-menu{position:relative}
.ss-menu__p{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:30;min-width:200px;padding:8px;border-radius:20px;background:#1a1a1a;border:1px solid var(--air-border);box-shadow:0 18px 50px rgba(0,0,0,.55);display:flex;flex-direction:column}
.ss-menu__p[hidden]{display:none}
.ss-menu__p a,.ss-menu__p button{display:block;text-align:start;padding:11px 14px;border-radius:12px;font-size:14px;color:var(--air-text);text-decoration:none;background:none;border:0;cursor:pointer}
.ss-menu__p a:hover,.ss-menu__p button:hover{background:var(--air-block-2)}
.ss-main{min-height:60vh}
.ss-404{padding-top:40px;padding-bottom:80px;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.ss-link{background:none;border:0;padding:0;color:var(--air-green);cursor:pointer;font-size:inherit;text-decoration:underline;text-underline-offset:3px}

/* shared bits */
.ss-tags{display:flex;gap:8px;flex-wrap:wrap}
.ss-title{margin:0;font-size:44px;font-weight:500;line-height:1.2;text-shadow:var(--air-glow-white)}
.ss-title a{color:inherit;text-decoration:none}
.ss-title--38{font-size:38px;line-height:1.25}
.ss-desc{margin:0;font-size:16px;color:var(--air-text-2);line-height:1.85;max-width:640px;white-space:pre-line}
.ss-desc--sm{font-size:15px;line-height:1.8}
.ss-people{display:flex;gap:28px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--air-border)}
.ss-person{display:flex;align-items:center;gap:10px;min-width:0}
.ss-person .air-av{width:52px;height:52px;object-position:50% 20%}
.ss-person b{display:block;font-size:14px;font-weight:600;color:var(--air-text)}
.ss-person small{display:block;font-size:12px;color:var(--air-text-2)}
.ss-learn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ss-learn li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.6}
.ss-learn .air-i{width:22px;height:22px;padding:5px;border-radius:50%;background:var(--air-green);color:var(--air-black);margin-top:2px}
.ss-learn-h{font-size:13px;font-weight:600;color:var(--air-green)}
.ss-portrait__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 25%,rgba(49,233,49,.3),rgba(49,233,49,0) 60%),#141414}
.ss-portrait__ph img{width:55%;height:auto!important;object-fit:contain!important}

/* 03 session page */
.ss-hero{display:flex;gap:20px;align-items:stretch}
.ss-info{flex:1;min-width:0;padding:40px;display:flex;flex-direction:column;gap:22px}
.ss-actions{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}
.ss-actions .air-btn--lg{height:56px;padding:0 28px;font-size:15px}
.ss-mine-note{margin:-8px 0 0;font-size:13px;color:var(--air-text-2)}
.ss-portrait{width:460px;flex-shrink:0;height:620px;border-radius:var(--air-radius-xl);overflow:hidden;background:var(--air-block-2)}
.ss-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}
.ss-lower{padding-top:24px;padding-bottom:72px;display:flex;gap:20px;align-items:flex-start}
.ss-agenda{flex:1;min-width:0;padding:36px}
.ss-agenda[hidden]{display:block;visibility:hidden}
.ss-h3{margin:0 0 8px;font-size:24px;font-weight:600}
.ss-h4{margin:0 0 12px;font-size:16px;font-weight:600}
.ss-ag{list-style:none;margin:0;padding:0}
.ss-ag li{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--air-border)}
.ss-ag__t{width:56px;flex-shrink:0;font-size:13px;color:var(--air-green);font-weight:600;padding-top:2px}
.ss-ag b{font-size:16px;font-weight:600}
.ss-video{width:100%;border-radius:20px;background:#000;display:block;margin-bottom:24px}
.ss-side{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}
.ss-seats__k{font-size:14px;font-weight:600}
.ss-seats__n{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.ss-seats__n b{font-size:54px;font-weight:500;line-height:1}
.ss-seats__n span{font-size:16px;font-weight:500}
.ss-seats__bar{margin-top:14px;height:8px;border-radius:4px;background:rgba(0,0,0,.15);overflow:hidden}
.ss-seats__bar i{display:block;height:100%;background:var(--air-black)}
.ss-seats p{margin:10px 0 0;font-size:13px}
.ss-about,.ss-sim{background:#1C1C1C}
.ss-about__b{display:flex;gap:14px;align-items:center}
.ss-about__b img{width:96px;height:96px;border-radius:18px;object-fit:cover;object-position:50% 15%;flex-shrink:0}
.ss-about__b b{display:block;font-size:14.5px;font-weight:600}
.ss-about__b p{margin:4px 0 0;font-size:13.5px;color:var(--air-text-2);line-height:1.7}
.ss-sim__i{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--air-border);text-decoration:none;color:inherit}
.ss-sim__i img,.ss-sim__ph{width:48px;height:48px;border-radius:12px;object-fit:cover;object-position:50% 18%;flex-shrink:0;background:var(--air-block-2)}
.ss-sim__i b{display:block;font-size:14px;font-weight:600;line-height:1.4}
.ss-sim__i small{display:block;font-size:12px;color:var(--air-text-2)}
.ss-sim__i:hover b{color:var(--air-green)}

/* 02 booking page */
.ss-bookh{padding-top:16px;padding-bottom:32px;display:flex;flex-direction:column;gap:10px}
.ss-bookh .air-h1{font-size:60px}
.ss-bookh p{margin:0;font-size:17px}
.ss-book{padding-bottom:72px;display:flex;gap:20px;align-items:stretch}
.ss-bookinfo{flex:1;min-width:0;padding:0;overflow:hidden;display:flex;align-items:stretch}
.ss-bookinfo__img{width:360px;flex-shrink:0;min-height:680px;background:var(--air-block-2)}
.ss-bookinfo__img>img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}
.ss-bookinfo__tx{flex:1;min-width:0;padding:36px 40px;display:flex;flex-direction:column;gap:20px}
.ss-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ss-fact{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:var(--air-block-2)}
.ss-fact small{font-size:12px;color:var(--air-text-2)}
.ss-fact b{font-size:16px;font-weight:600}
.ss-people--line{margin-top:auto}
.ss-people--line .ss-person .air-av{width:48px;height:48px}
.ss-form{width:420px;flex-shrink:0;padding:36px;display:flex;flex-direction:column;gap:18px}
.ss-form__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ss-form__h h2{margin:0;font-size:38px;font-weight:500;line-height:1.15;max-width:240px}
.ss-form__h img{width:96px;height:96px;object-fit:contain;flex-shrink:0}
.ss-form__d{margin:0;font-size:14px;opacity:.8;line-height:1.7}
.ss-form__f{display:flex;flex-direction:column;gap:18px;flex:1}
.ss-f{display:flex;flex-direction:column;gap:8px}
.ss-f>span:first-child{font-size:13.5px;font-weight:600}
.ss-in{height:54px;padding:0 20px;border-radius:999px;background:#fff;color:var(--air-black);border:2px solid transparent;font:14.5px var(--air-font);outline:none;width:100%}
.ss-in::placeholder{color:#9AA09C}
.ss-in:focus{border-color:var(--air-black);box-shadow:0 0 0 1px var(--air-black)}
.ss-in.is-err{border-color:#B3261E}
.ss-err{font-size:12.5px;color:#7A0E07;font-weight:600}
.ss-check{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;position:relative}
.ss-check input{position:absolute;opacity:0;width:1px;height:1px}
.ss-check__b{width:22px;height:22px;border-radius:6px;border:2px solid var(--air-black);display:inline-flex;align-items:center;justify-content:center;color:var(--air-green);flex-shrink:0}
.ss-check__b .air-i{width:14px;height:14px;opacity:0}
.ss-check input:checked+.ss-check__b{background:var(--air-black)}
.ss-check input:checked+.ss-check__b .air-i{opacity:1}
.ss-check input:focus-visible+.ss-check__b{outline:2px solid var(--air-black);outline-offset:2px}
.ss-form__end{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.ss-form .air-btn--lg{height:56px;font-size:15px}
.ss-form .air-btn--black{color:var(--air-text)}
.ss-form__foot{margin:0;font-size:12.5px;opacity:.7;text-align:center}
.ss-form__consent{margin:-4px 0 0;font-size:11.5px;opacity:.65;text-align:center}
.ss-form__consent a{color:inherit}
.ss-form__link{background:none;border:0;padding:4px 0;font-size:13px;color:var(--air-black);text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:center}
.ss-form__links{display:flex;justify-content:space-between}
.ss-form__sent{margin:0;font-size:14px;line-height:1.7}
.ss-form__sent b{background:rgba(0,0,0,.12);padding:2px 8px;border-radius:8px}
.ss-code{display:flex;gap:8px;justify-content:space-between}
.ss-code input{width:100%;min-width:0;height:58px;border-radius:16px;border:2px solid transparent;background:#fff;color:var(--air-black);text-align:center;font:600 22px var(--air-font);outline:none}
.ss-code input:focus{border-color:var(--air-black);box-shadow:0 0 0 1px var(--air-black)}
.ss-code.is-err input{border-color:#B3261E}
.ss-alt{display:flex;align-items:center;gap:10px;justify-content:center;height:46px;border-radius:999px;border:1.5px solid rgba(0,0,0,.35);background:transparent;color:var(--air-black);font-size:13.5px;cursor:pointer}
.ss-alt__av{width:28px;height:28px}
.ss-google{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;opacity:.85}
.ss-google>div{min-height:40px}

@media (max-width:1180px){.ss-portrait{width:380px}.ss-side{width:340px}.ss-bookinfo__img{width:280px}.ss-form{width:380px}}
@media (max-width:1000px){
  .ss-hero{flex-direction:column-reverse}.ss-portrait{width:auto;height:420px}
  .ss-lower{flex-direction:column}.ss-side{width:auto}
  .ss-book{flex-direction:column-reverse}.ss-form{width:auto}
}
@media (max-width:700px){
  .ss-bookinfo{flex-direction:column-reverse}.ss-bookinfo__img{width:auto;min-height:0;height:300px}
}
@media (max-width:600px){
  .ss-hide-m{display:none!important}
  .air-btn--hd{height:40px;padding:0 16px;font-size:13px}
  .air-head{padding-top:36px;height:auto;padding-bottom:12px}
  .air-head__logo img{height:54px}
  #ssMenuB{width:40px;height:40px;background:var(--air-block-2)}
  .ss-info{padding:24px 20px;gap:16px}
  .ss-title{font-size:28px}.ss-title--38{font-size:26px}
  .ss-portrait{height:340px}
  .ss-agenda{padding:24px 20px}
  .ss-bookh .air-h1{font-size:38px}.ss-bookh p{font-size:15px}
  .ss-bookinfo__tx{padding:24px 20px}
  .ss-form{padding:24px 20px}
  .ss-form__h h2{font-size:30px}
  .ss-facts{grid-template-columns:1fr 1fr}
  .ss-actions .air-btn--lg{flex:1}
}