.wb-hero{padding-top:calc(var(--navbar-height) + var(--space-16));padding-bottom:var(--space-20);padding-inline:var(--container-padding);background:var(--color-light-bg);position:relative;overflow:hidden}.wb-hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:1400px;height:900px;background:radial-gradient(ellipse 700px 500px at 50% 50%,rgba(255,141,39,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.wb-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgb(0 0 0 / .03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.wb-hero__inner{position:relative;z-index:2;max-width:var(--container-max);margin-inline:auto;display:flex;flex-direction:column;align-items:center}.wb-hero__text{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:var(--space-10)}.wb-hero__headline{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--font-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);background:linear-gradient(135deg,var(--color-light-text-primary) 0%,var(--color-light-text-primary) 50%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.15em;margin-bottom:var(--space-4);text-wrap:balance}.wb-hero__subheadline{font-size:clamp(1.125rem,1.5vw,1.35rem);font-weight:var(--font-normal);color:var(--color-light-text-secondary);line-height:var(--leading-body);max-width:560px;margin-inline:auto;text-wrap:balance}.wb-channel-wrap{margin-bottom:var(--space-10)}.wb-upcoming{width:100%;max-width:960px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6)}.wb-upcoming__card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-xl, 16px);overflow:hidden;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1)}.wb-upcoming__card:hover{transform:translateY(-3px)}.wb-upcoming__card:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.wb-upcoming__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111}.wb-upcoming__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.wb-upcoming__card:hover .wb-upcoming__image{transform:scale(1.04)}.wb-upcoming__gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.1) 55%,transparent 75%);z-index:1;transition:opacity .4s ease}.wb-upcoming__card:hover .wb-upcoming__gradient{background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.15) 55%,transparent 75%)}.wb-upcoming__badges{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;gap:var(--space-2);z-index:5}.wb-upcoming__badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:.7rem;font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wb-upcoming__badge--live{background:#ef4444e6;color:#fff}.wb-upcoming__badge-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:wb-pulse 1.5s ease-in-out infinite}@keyframes wb-pulse{0%,to{opacity:1}50%{opacity:.3}}.wb-upcoming__badge--free{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25)}.wb-upcoming__bottom{position:absolute;bottom:0;left:0;right:0;padding:var(--space-8);z-index:4;display:flex;flex-direction:column;gap:var(--space-2)}.wb-upcoming__label{display:inline-flex;align-self:flex-start;padding:3px 10px;background:var(--color-accent);color:#fff;font-size:.65rem;font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full)}.wb-upcoming__title{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:var(--font-bold);color:#fff;line-height:1.25;text-wrap:balance;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.3)}.wb-upcoming__description{font-size:var(--text-sm);color:#ffffffbf;line-height:1.5;max-width:600px}.wb-upcoming__cta{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:#ffffffd9;margin-top:var(--space-1);transition:color .25s ease}.wb-upcoming__card:hover .wb-upcoming__cta{color:var(--color-accent)}.wb-upcoming__cta svg{transition:transform .25s ease}.wb-upcoming__card:hover .wb-upcoming__cta svg{transform:translate(3px)}.wb-countdown{width:100%}.wb-countdown__grid{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.wb-countdown__unit{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px}.wb-countdown__value{font-family:var(--font-display);font-size:2.75rem;font-weight:900;color:var(--color-light-text-primary);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.wb-countdown__label{font-size:.7rem;font-weight:var(--font-semibold);color:var(--color-light-text-muted);text-transform:uppercase;letter-spacing:.1em}.wb-countdown__sep{font-size:2rem;font-weight:300;color:var(--color-light-border);line-height:1;margin-bottom:20px}.demo-hero .wb-countdown{margin-bottom:var(--space-6)}.demo-hero .wb-countdown__grid{gap:var(--space-3)}.demo-hero .wb-countdown__unit{background:#ff8d270f;border:1px solid rgba(255,141,39,.12);border-radius:14px;padding:16px 20px 12px;min-width:80px}.demo-hero .wb-countdown__value{font-size:2rem;font-weight:900;color:var(--color-accent)}.demo-hero .wb-countdown__sep{font-size:1.5rem;color:#ff8d274d;margin-bottom:16px}.wb-no-upcoming{text-align:center;padding:var(--space-12) var(--space-4);max-width:500px;margin:0 auto}.wb-no-upcoming__text{font-size:1.1rem;color:var(--color-light-text-muted);line-height:1.6;margin-bottom:var(--space-6)}.wb-empty-past{text-align:center;font-size:1rem;color:var(--color-light-text-muted);padding:var(--space-8) 0}.wb-register--hidden{display:none}.wb-register{padding:var(--space-14) var(--container-padding);background:#fff}.wb-register__inner{max-width:600px;margin:0 auto}.wb-register__headline{text-align:center;font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--color-light-text);margin-bottom:var(--space-8)}.wb-register__form{display:flex;flex-direction:column;gap:var(--space-4)}.wb-register__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.wb-register__field{display:flex;flex-direction:column;gap:var(--space-1)}.wb-register__field--check{margin-top:var(--space-1)}.wb-register__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-light-text)}.wb-register__input{padding:12px 16px;border:1.5px solid rgba(0,0,0,.12);border-radius:10px;font-size:1rem;color:var(--color-light-text);background:var(--color-light-bg);transition:border-color .2s ease;appearance:none;resize:none}.wb-register__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff8d271a}.wb-register__select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.wb-register__checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-light-text-muted);cursor:pointer}.wb-register__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.wb-register__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;padding:14px 40px;font-size:1rem;font-weight:var(--font-semibold);color:#fff;background:var(--color-accent);border:none;border-radius:12px;cursor:pointer;transition:opacity .2s ease,transform .15s ease;margin-top:var(--space-2)}.wb-register__submit:hover{opacity:.9;transform:translateY(-1px)}.wb-register__submit:active{transform:translateY(0)}.wb-register__success{display:none;text-align:center;font-size:1.1rem;font-weight:var(--font-medium);color:#16a34a;padding:var(--space-6) 0}.wb-register__error{display:none;text-align:center;font-size:var(--text-sm);color:#dc2626}.wb-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.wb-modal__backdrop{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.wb-modal__card{position:relative;background:#fff;border-radius:16px;padding:var(--space-10) var(--space-8) var(--space-8);max-width:520px;width:100%;box-shadow:0 24px 80px #0000002e,0 4px 16px #0000000f;animation:wb-modal-in .3s cubic-bezier(.22,1,.36,1)}@keyframes wb-modal-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.wb-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;cursor:pointer;color:var(--color-light-text-muted);padding:6px;border-radius:8px;transition:background .15s ease,color .15s ease}.wb-modal__close:hover{background:#0000000d;color:var(--color-light-text-primary)}.wb-modal__header{margin-bottom:var(--space-6)}.wb-modal__headline{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:900;color:var(--color-light-text-primary);line-height:1.25;margin-bottom:var(--space-2)}.wb-modal__subtitle{font-size:var(--text-sm);color:var(--color-light-text-muted);line-height:1.5}.wb-modal__form{display:flex;flex-direction:column;gap:var(--space-5)}.wb-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.wb-modal__field{display:flex;flex-direction:column;gap:6px}.wb-modal__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-light-text-primary)}.wb-modal__input{padding:13px 16px;border:1.5px solid var(--color-light-border);border-radius:10px;font-family:var(--font-sans);font-size:.95rem;color:var(--color-light-text-primary);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.wb-modal__input::placeholder{color:var(--color-light-text-muted)}.wb-modal__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff8d271a}.wb-modal__hint{font-size:.75rem;color:var(--color-light-text-muted);line-height:1.4}.wb-modal__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.wb-modal__submit{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-bold);letter-spacing:.04em;color:#fff;background:var(--color-accent);border:none;border-radius:12px;cursor:pointer;transition:opacity .2s ease,transform .15s ease;margin-top:var(--space-2)}.wb-modal__submit:hover{opacity:.88;transform:translateY(-1px)}.wb-modal__submit:active{transform:translateY(0)}.wb-modal__success{display:none;text-align:center;font-size:1.05rem;font-weight:var(--font-semibold);color:#16a34a;padding:var(--space-4) 0}.wb-modal__error{display:none;text-align:center;font-size:var(--text-sm);color:#dc2626}@media(max-width:767px){.wb-hero{padding-top:calc(var(--navbar-height) + var(--space-12));padding-bottom:var(--space-12)}.wb-hero__text{margin-bottom:var(--space-8)}.wb-hero__headline{font-size:var(--text-h2)}.wb-upcoming__bottom{padding:var(--space-5)}.wb-upcoming__description{display:none}.wb-upcoming__badges{top:var(--space-3);left:var(--space-3)}.wb-countdown__value{font-size:2rem}.wb-countdown__unit{min-width:60px}.wb-countdown__sep{font-size:1.5rem;margin-bottom:14px}.wb-countdown__grid{gap:var(--space-2)}.wb-register__row,.wb-modal__row{grid-template-columns:1fr}.wb-modal__card{margin:var(--space-4);max-height:90vh}.demo-hero .wb-countdown__unit{min-width:60px;padding:12px 14px 10px}.demo-hero .wb-countdown__value{font-size:1.5rem}.demo-hero .wb-countdown__sep{font-size:1.2rem;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.wb-upcoming__card,.wb-upcoming__image,.wb-upcoming__gradient,.wb-upcoming__cta,.wb-upcoming__cta svg{transition:none}.wb-upcoming__card:hover,.wb-upcoming__card:hover .wb-upcoming__image{transform:none}.wb-upcoming__badge-dot{animation:none}}