.navbar{background:var(--black);padding:0 40px;display:flex;align-items:center;height:60px;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.logo-mark{width:32px;height:32px;background:var(--grad);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:"Sora",sans-serif;font-weight:800;font-size:15px;color:white}.logo-text{font-family:"Sora",sans-serif;font-weight:700;font-size:18px;color:white;letter-spacing:-.02em}.navbar-sep{width:1px;height:20px;background:rgba(255,255,255,.12);margin:0 4px}.navbar-context{font-size:13px;color:rgba(255,255,255,.45)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(108,63,235,.2);border:1px solid rgba(108,63,235,.4);color:var(--teal);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:28px}.hero-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 2s ease-in-out infinite}.hero h1 .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:#7eb3ff!important}.hero-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5)}.hero-meta-item strong{color:rgba(255,255,255,.8);font-weight:500}.hero-meta-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2)}.thumb-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a1628 0%,#0f2040 100%)}.thumb-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 40% 50%,rgba(11,190,247,.18) 0%,transparent 70%)}.thumb-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:24px 24px}.play-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 20px rgba(11,190,247,.4);transition:transform .2s,box-shadow .2s}.session-card:hover .play-ring{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 28px rgba(11,190,247,.6)}.play-ring svg{width:18px;height:18px;fill:white;margin-left:2px}.thumb-duration{position:absolute;bottom:10px;right:12px;background:rgba(10,22,40,.8);backdrop-filter:blur(8px);color:rgba(255,255,255,.85);font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;z-index:2}.panel-wrap{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.panel-wrap-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.panel-avatars{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.p-av{width:34px;height:34px;border-radius:50%;background:var(--black);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:"Sora",sans-serif;font-size:10px;font-weight:700;color:var(--teal);flex-shrink:0;position:relative;cursor:default;transition:border-color .15s}.p-av:hover{border-color:var(--teal)}.p-av::after{content:attr(data-name);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--black);color:white;font-family:"Inter",sans-serif;font-size:11px;font-weight:500;white-space:nowrap;padding:5px 10px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.2)}.p-av:hover::after{opacity:1}.moderator-chip{display:inline-flex;align-items:center;gap:6px;background:var(--tag-teal);border:1px solid rgba(11,190,247,.2);border-radius:100px;padding:4px 12px 4px 6px;margin-top:10px}.mod-av{width:22px;height:22px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:white}.mod-label{font-size:10px;font-weight:700;color:var(--teal-dark);letter-spacing:.05em}.mod-text{font-size:11px;color:var(--teal-dark);font-weight:500}.modal-overlay.open{display:flex}.modal-field{width:100%;background:#f5f5f5;border:1px solid var(--border);border-radius:6px;padding:12px 14px;font-family:"Inter",sans-serif;font-size:14px;color:var(--black);outline:none;margin-bottom:12px;transition:border-color .15s}.modal-field::placeholder{color:var(--text-muted)}.modal-field:focus{border-color:var(--teal);background:var(--white)}.modal-check-row{display:flex;align-items:flex-start;gap:10px;margin:16px 0 24px}.modal-check-row input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin-top:2px;accent-color:var(--teal);cursor:pointer}.modal-check-row label{font-size:13px;color:var(--text-mid);line-height:1.5;cursor:pointer}.modal-submit{display:inline-flex;align-items:center;background:0 0;border:1.5px solid var(--teal);color:var(--teal-dark);font-family:"Inter",sans-serif;font-size:14px;font-weight:600;padding:10px 24px;border-radius:100px;cursor:pointer;transition:background .18s,color .18s;letter-spacing:.01em}.modal-submit:hover{background:var(--teal);color:var(--black)}@media (max-width:600px){.navbar{padding:0 20px}}