:root {
  --vzn-emerald: #16a34a;
  --vzn-cyan: #0891b2;
  --vzn-ink: #08111f;
}
.vzn-hero-badges { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.vzn-badge { display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px; background:linear-gradient(135deg, rgba(8,17,31,.88), rgba(8,145,178,.86)); color:#fff; font-size:12px; font-weight:700; letter-spacing:.02em; box-shadow:0 12px 40px rgba(8,17,31,.22); }
.vzn-talk-entry { margin-top:28px; padding:24px; border-radius:24px; background:linear-gradient(145deg, rgba(7,23,44,.98), rgba(9,57,83,.96)); color:#fff; box-shadow:0 24px 60px rgba(8,17,31,.22); display:grid; grid-template-columns:1.4fr .9fr; gap:22px; align-items:center; }
.vzn-talk-entry__eyebrow { font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.65); margin-bottom:10px; }
.vzn-talk-entry__title { font-size:28px; line-height:1.05; font-weight:800; margin-bottom:8px; }
.vzn-talk-entry__text { color:rgba(255,255,255,.78); font-size:15px; line-height:1.55; }
.vzn-talk-entry__actions { display:flex; flex-direction:column; gap:12px; }
.vzn-talk-link { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 20px; border-radius:16px; text-decoration:none; font-weight:800; transition:transform .18s ease, box-shadow .18s ease; }
.vzn-talk-link:hover { transform:translateY(-2px); }
.vzn-talk-link--primary { background:linear-gradient(135deg, #22c55e, #06b6d4); color:#05111b; box-shadow:0 16px 38px rgba(6,182,212,.28); }
.vzn-talk-link--secondary { border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff; }
#joinRoomButton.button.button-primary, #presenterLoginButton, #guestJoinRoomButton, #loginButton, #joinSelectRoomButton, #generateRoomButton { border-radius:16px !important; background:linear-gradient(135deg, #22c55e, #06b6d4) !important; border:0 !important; color:#05111b !important; font-weight:800 !important; box-shadow:0 18px 40px rgba(6,182,212,.28) !important; }
#joinRoomButton.button.button-primary:hover, #presenterLoginButton:hover, #guestJoinRoomButton:hover, #loginButton:hover, #joinSelectRoomButton:hover, #generateRoomButton:hover { transform:translateY(-2px); }
@media (max-width: 900px) { .vzn-talk-entry { grid-template-columns:1fr; } }