.wb-wrap{max-width:var(--max-w);padding:0 var(--pad);margin:0 auto}.wb-hero{background:var(--surface);padding:120px 0 48px}.wb-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:0 0 16px;font:700 13px/1 Inter,sans-serif}.wb-h1{color:var(--on-surface);margin:0 0 16px;font:600 clamp(32px,5vw,52px)/1.1 Poppins,sans-serif}.wb-lead{color:var(--on-surface-var);max-width:640px;margin:0 0 28px;font:400 18px/1.6 Inter,sans-serif}.wb-btn{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font:600 15px/1 Inter,sans-serif;text-decoration:none;display:inline-flex}.wb-btn:hover{background:var(--primary-light)}.wb-btn--ghost{color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary);background:0 0}.wb-btn--ghost:hover{background:var(--surface-low)}.wb-section{padding:48px 0 16px}.wb-h2{color:var(--on-surface);margin:0 0 24px;font:600 28px/1.2 Poppins,sans-serif}.wb-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.wb-card{background:var(--surface-lowest);border:1px solid var(--outline);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.wb-visual{aspect-ratio:1200/630;object-fit:cover;background:var(--primary);width:100%;height:auto;display:block}.wb-visual--empty{background:linear-gradient(135deg,#1e6b42,#123f28)}.wb-body{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:20px 22px 24px;display:flex}.wb-body .wb-btn{margin-top:auto}.wb-form{flex-direction:column;align-self:stretch;gap:8px;margin-top:auto;padding-top:4px;display:flex}.wb-label{color:var(--on-surface);font:600 13px/1.4 Inter,sans-serif}.wb-form-row{flex-wrap:wrap;gap:8px;display:flex}.wb-form .wb-btn{margin-top:0}.wb-input{border:1px solid var(--outline-strong);background:var(--surface-lowest);min-width:0;min-height:44px;color:var(--on-surface);border-radius:999px;flex:200px;padding:0 16px;font:400 16px/1.4 Inter,sans-serif}.wb-input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.wb-check{color:var(--on-surface-var);cursor:pointer;align-items:center;gap:8px;font:400 14px/1.4 Inter,sans-serif;display:inline-flex}.wb-check input{width:18px;height:18px;accent-color:var(--primary);flex:none}.wb-form-msg{min-height:1.4em;color:var(--on-surface-var);margin:0;font:400 14px/1.4 Inter,sans-serif}.wb-form-msg[data-tone=ok]{color:var(--primary);font-weight:600}.wb-form-msg[data-tone=error]{color:#b42318}.wb-form--sent .wb-form-row,.wb-form--sent .wb-check{display:none}.wb-form-alt{color:var(--on-surface-mut);margin:0;font:400 12.5px/1.4 Inter,sans-serif}.wb-form-alt a{color:var(--primary);font-weight:600;text-decoration:underline}.wb-live{color:#fff;background:#b42318;border-radius:999px;padding:6px 10px;font:700 12px/1 Inter,sans-serif}.wb-when{color:var(--primary);margin:0;font:600 14px/1.4 Inter,sans-serif}.wb-when:first-letter{text-transform:uppercase}.wb-title{color:var(--on-surface);margin:0;font:600 20px/1.3 Poppins,sans-serif}.wb-desc{color:var(--on-surface-var);margin:0 0 6px;font:400 15px/1.6 Inter,sans-serif}.wb-empty{background:var(--surface-low);color:var(--on-surface-var);border-radius:20px;padding:28px;font:400 16px/1.6 Inter,sans-serif}.wb-empty p{margin:0}.wb-empty a{color:var(--primary);font-weight:600}.wb-loading,.wb-error{color:var(--on-surface-var);padding:16px 0 48px;font:400 15px/1.6 Inter,sans-serif}#wb-list{padding-bottom:64px}.wb-player{background:#000;border:0;border-radius:16px;width:min(960px,92vw);padding:0}.wb-player::backdrop{background:#000000b3}.wb-player-head{background:#111;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.wb-player-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font:600 16px/1.3 Inter,sans-serif;overflow:hidden}.wb-player-close{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;width:44px;height:44px;font-size:28px;line-height:1}.wb-player-frame{aspect-ratio:16/9}.wb-player-frame iframe{border:0;width:100%;height:100%;display:block}@media (width<=920px){.wb-hero{padding-top:96px}.wb-grid{grid-template-columns:1fr}}
