:root{--bg:#161618;--bg2:#1e1e22;--card:#26262c;--card2:#2d2d34;--line:#33333c;--text:#ececf0;--muted:#9a9aa4;--accent:#ff4545;--accent-d:#e23b3b;--radius:14px;--wrap:1180px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Roboto,system-ui,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.bb-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.bb-header{position:sticky;top:0;z-index:50;background:rgba(20,20,22,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bb-header-in{display:flex;align-items:center;gap:18px;height:64px}
.bb-logo{font-weight:900;font-size:22px;letter-spacing:-.5px}
.bb-logo span{color:var(--accent)}
.bb-nav{display:flex;gap:14px;flex:1;overflow-x:auto;scrollbar-width:none}
.bb-nav::-webkit-scrollbar{display:none}
.bb-nav a{color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap;text-transform:capitalize}
.bb-nav a:hover{color:var(--text)}
.bb-search input{background:var(--card);border:1px solid var(--line);color:var(--text);padding:9px 14px;border-radius:999px;width:200px;font-size:14px}
.bb-clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;min-width:98px}
.bb-clock-time{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}
.bb-clock-date{color:var(--muted);font-size:11px}
.bb-clock em{color:#6f6f77;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.5px}
.bb-hero{background:radial-gradient(1200px 420px at 50% -120px,rgba(255,69,69,.16),transparent),var(--bg2);border-bottom:1px solid var(--line);padding:66px 0 58px;text-align:center}
.bb-hero-title{font-size:clamp(30px,5vw,52px);font-weight:900;margin:0 0 26px;letter-spacing:-1px}
.bb-hero-search{display:flex;max-width:560px;margin:0 auto;gap:8px}
.bb-hero-search input{flex:1;background:var(--card);border:1px solid var(--line);color:var(--text);padding:15px 20px;border-radius:12px;font-size:16px}
.bb-hero-search button{background:var(--accent);color:#fff;border:0;padding:0 26px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer}
.bb-hero-search button:hover{background:var(--accent-d)}
.bb-hero-clock{margin-top:30px}
.bb-hero-clock .bb-clock-time{font-size:34px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums}
.bb-hero-clock .bb-clock-date{display:block;color:var(--muted);margin-top:4px}
.bb-hero-clock em{display:block;color:#6f6f77;font-size:12px;font-style:normal;text-transform:uppercase;letter-spacing:1px;margin-top:6px}
.bb-section{padding:44px 0}
.bb-section-title{font-size:22px;font-weight:800;margin:0 0 22px}
.bb-page-title{font-size:30px;font-weight:900;margin:36px 0 24px}
.bb-desc{color:var(--muted);margin:-12px 0 24px;max-width:720px}
.bb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.bb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:8px;transition:.15s;min-height:150px}
.bb-card:hover{transform:translateY(-3px);border-color:#45454f;background:var(--card2)}
.bb-badge{align-self:flex-start;background:rgba(255,69,69,.14);color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:999px}
.bb-card h3{font-size:17px;font-weight:700;margin:2px 0 0;line-height:1.25}
.bb-card time{color:var(--muted);font-size:13px}
.bb-mini{margin-top:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.bb-mini b{color:var(--text);font-size:17px}
.bb-mini i{font-style:normal;color:var(--text)}
.bb-event-in{padding:46px 0;text-align:center}
.bb-event .bb-badge{margin:0 auto 16px;display:inline-block}
.bb-event-title{font-size:clamp(26px,4vw,42px);font-weight:900;margin:0 0 10px;letter-spacing:-.5px}
.bb-when{color:var(--muted);font-size:16px;margin:0 0 30px}
.bb-countdown{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 24px}
.bb-unit{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 10px;min-width:104px}
.bb-num{display:block;font-size:52px;font-weight:900;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}
.bb-lbl{display:block;margin-top:8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.bb-countdown.is-past .bb-num{color:var(--muted)}
.bb-details{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 32px}
.bb-details span{background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--muted);font-size:14px}
.bb-details strong{color:var(--text)}
.bb-content{max-width:760px;margin:0 auto;text-align:left;color:#d3d3d9;font-size:16px}
.bb-content h2{color:var(--text);font-size:22px;margin:28px 0 12px}
.bb-content h3{color:var(--text);margin:22px 0 10px}
.bb-tznote{margin-top:38px;color:#6f6f77;font-size:13px}
.bb-tba{color:var(--muted);font-size:20px;padding:28px}
.bb-footer{border-top:1px solid var(--line);padding:34px 0;text-align:center;color:var(--muted);font-size:14px;margin-top:40px}
.bb-copy{color:#6f6f77;font-size:12px;margin-top:6px}
.bb-empty{color:var(--muted);padding:44px;text-align:center}
.bb-pager{margin-top:30px;text-align:center}
.bb-pager .page-numbers{display:inline-block;padding:8px 13px;margin:0 3px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}
.bb-pager .current{background:var(--accent);color:#fff;border-color:var(--accent)}
@media(max-width:820px){.bb-nav{display:none}.bb-search input{width:150px}.bb-num{font-size:40px}.bb-unit{min-width:78px;padding:14px 6px}}
@media(max-width:520px){.bb-clock{display:none}.bb-countdown{gap:8px}.bb-unit{min-width:60px;border-radius:12px}.bb-num{font-size:30px}.bb-lbl{font-size:10px}}
/* faq + years + xlinks */
.bb-faq{max-width:760px;margin:44px auto 0;text-align:left}
.bb-faq-item{border-bottom:1px solid var(--line);padding:16px 0}
.bb-faq-item h3{font-size:16px;margin:0 0 6px;color:var(--text)}
.bb-faq-item p{margin:0;color:var(--muted)}
.bb-years{max-width:760px;margin:38px auto 0;text-align:left}
.bb-year-links{display:flex;flex-wrap:wrap;gap:8px}
.bb-year{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:14px;color:var(--muted)}
.bb-year.upcoming{color:var(--text);border-color:#45454f}
.bb-year:hover{border-color:var(--accent);color:var(--text)}
.bb-xlinks{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:26px 0 0}
.bb-xlinks a{color:var(--accent);font-size:14px;font-weight:600}
.bb-xlinks a:hover{text-decoration:underline}

/* is-it + when-is */
.bb-isit{display:inline-block;font-size:64px;font-weight:900;padding:18px 54px;border-radius:18px;margin:6px 0 18px;letter-spacing:2px}
.bb-isit.yes{background:rgba(61,220,132,.15);color:#3ddc84}
.bb-isit.no{background:rgba(255,69,69,.12);color:var(--accent)}
.bb-when-answer{font-size:20px;color:var(--text);margin:0 0 26px}
.bb-when-answer span{color:var(--muted);font-size:15px}