/* =====================================================================
   BAVC — public webinar section
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400..900&family=Manrope:wght@200..800&display=swap&subset=cyrillic');

:root{
  --wb-bg:#FAF6F0;              /* ivory, like the main site */
  --wb-surface:#fff;
  --wb-border:#E5DFD5;
  --wb-text:#1B2733;
  --wb-soft:#5B6B7C;
  --wb-accent:#D6453D;          /* BAVC crimson */
  --wb-accent-dark:#A92F29;
  --wb-navy:#0A1E36;
  --wb-radius:14px;
  --wb-shadow:0 1px 2px rgba(10,30,54,.06),0 6px 20px rgba(10,30,54,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
body.wb{
  font-family:'Manrope',-apple-system,'Segoe UI',Arial,sans-serif;
  background:var(--wb-bg);color:var(--wb-text);font-size:15px;line-height:1.6;min-height:100vh;
  display:flex;flex-direction:column;
}
h1,h2,.wb-brand{font-family:'Playfair Display',serif}
a{color:var(--wb-accent);text-decoration:none}
a:hover{color:var(--wb-accent-dark)}
img{max-width:100%}

/* header */
.wb-head{background:var(--wb-navy);color:#fff}
.wb-head .inner{
  max-width:1100px;margin:0 auto;padding:14px 22px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.wb-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:#fff}
.wb-brand .dot{
  width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#D6453D,#A92F29);
  display:flex;align-items:center;justify-content:center;font-size:15px;
}
.wb-head .spacer{flex:1}
.wb-head a.lnk{color:#aab8cc;font-size:13.5px;font-weight:500}
.wb-head a.lnk:hover{color:#fff}
.wb-head .who{color:#aab8cc;font-size:13.5px}
.wb-head .who b{color:#fff}

/* hero */
.wb-hero{
  background:radial-gradient(900px 360px at 85% -40%,#2c3e5c 0%,var(--wb-navy) 60%);
  color:#fff;padding:44px 22px 52px;text-align:center;
}
.wb-hero h1{font-size:30px;font-weight:700;letter-spacing:-.01em}
.wb-hero p{color:#aab8cc;max-width:560px;margin:8px auto 0;font-size:15px}

/* layout */
.wb-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:30px 22px 50px}
.wb-main.narrow{max-width:460px}

/* cards */
.wb-card{
  background:var(--wb-surface);border:1px solid var(--wb-border);
  border-radius:var(--wb-radius);box-shadow:var(--wb-shadow);padding:28px;
}
.wb-card h2{font-size:19px;font-weight:700;margin-bottom:6px}
.wb-card p.sub{color:var(--wb-soft);font-size:13.5px;margin-bottom:20px}

/* alerts */
.wb-alert{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:18px}
.wb-alert.err{background:#fdeaea;color:#7f1d1d;border:1px solid #f5c6c6}
.wb-alert.info{background:#e8efff;color:#1e3a8a;border:1px solid #c9daff}

/* forms */
.wb-frm label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.wb-frm input{
  width:100%;padding:11px 13px;border:1px solid var(--wb-border);border-radius:10px;
  font:inherit;font-size:14.5px;margin-bottom:15px;
}
.wb-frm input:focus{outline:none;border-color:var(--wb-accent);box-shadow:0 0 0 3px rgba(220,84,42,.15)}
.wb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  background:var(--wb-accent);color:#fff;font:inherit;font-weight:600;font-size:14.5px;
  padding:11px 22px;border-radius:10px;transition:background .15s;
}
.wb-btn:hover{background:var(--wb-accent-dark);color:#fff}
.wb-btn.full{width:100%}
.wb-btn.ghost{background:transparent;color:var(--wb-text);border:1px solid var(--wb-border)}
.wb-btn.ghost:hover{background:#f8fafd;color:var(--wb-text)}

/* video grid */
.wb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.wb-vid{
  background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius);
  overflow:hidden;box-shadow:var(--wb-shadow);transition:transform .15s,box-shadow .15s;display:block;color:var(--wb-text);
}
.wb-vid:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(16,23,37,.13);color:var(--wb-text)}
.wb-vid .th{position:relative;background:#0b1120;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:30px}
.wb-vid .th img{width:100%;height:100%;object-fit:cover;display:block}
.wb-vid .th .play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .15s;background:rgba(10,15,26,.45);
}
.wb-vid:hover .th .play{opacity:1}
.wb-vid .th .play span{
  width:54px;height:54px;border-radius:50%;background:var(--wb-accent);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;
}
.wb-vid .th .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:11.5px;padding:2px 7px;border-radius:5px}
.wb-vid .bd{padding:14px 16px}
.wb-vid .bd h3{font-size:15px;font-weight:600;line-height:1.4}
.wb-vid .bd p{color:var(--wb-soft);font-size:13px;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* player */
.wb-player-wrap{max-width:900px;margin:0 auto}
.wb-player{
  position:relative;padding-top:56.25%;background:#0b1120;border-radius:var(--wb-radius);
  overflow:hidden;box-shadow:0 16px 44px rgba(16,23,37,.25);
}
.wb-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.wb-player-wrap h2{font-size:21px;font-weight:700;margin:18px 4px 6px}
.wb-player-wrap .descr{color:var(--wb-soft);font-size:14px;margin:0 4px 18px;white-space:pre-line}

/* footer */
.wb-foot{
  text-align:center;color:var(--wb-soft);font-size:12.5px;padding:22px;
  border-top:1px solid var(--wb-border);background:#fff;
}

.wb-empty{text-align:center;color:var(--wb-soft);padding:50px 20px;font-size:15px}

@media (max-width:640px){
  .wb-hero h1{font-size:23px}
  .wb-main{padding:22px 16px 40px}
  .wb-card{padding:22px 18px}
  .wb-head .who{display:none}
}