*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#e5e7eb;background:radial-gradient(circle at top,#111827 0,#020617 45%,#000 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.nav{z-index:10;background:#0f172af2;border-bottom:1px solid #94a3b84d;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#e5e7eb;opacity:.85;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .2s,color .2s;position:relative}.nav-links a:hover{opacity:1;color:#60a5fa}.nav-links a:after{content:"";background:linear-gradient(90deg,#60a5fa,#34d399);border-radius:999px;width:0%;height:2px;transition:width .25s;position:absolute;bottom:-3px;left:0}.nav-links a:hover:after{width:100%}.nav-links a.active{color:#38bdf8;opacity:1}.logo{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.page{max-width:900px;margin:0 auto;padding:32px 16px 48px}.page-inner{flex-direction:column;gap:16px;display:flex}.hero{justify-content:center;align-items:center;padding:64px 16px;display:flex}.hero-content{text-align:center;max-width:700px}.hero h1{margin-bottom:12px;font-size:clamp(2.3rem,4vw,3rem)}.hero p{color:#9ca3af;margin-bottom:24px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{color:#022c22;background:linear-gradient(90deg,#22c55e,#16a34a)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3b899}.btn-secondary:hover{border-color:#38bdf8}.leave-btn{margin-top:16px}.card{background:#0f172af2;border:1px solid #94a3b880;border-radius:16px;margin-top:10px;padding:20px 18px;box-shadow:0 10px 30px #0f172ab3}.card h2{margin-top:0;margin-bottom:8px}.page-description{color:#9ca3af}.queue-status{color:#e5e7eb;align-items:center;gap:10px;margin-top:12px;display:flex}.spinner{border:2px solid #94a3b866;border-top-color:#38bdf8;border-radius:999px;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.highlight{color:#22c55e;font-weight:600}.sample-box{background:#0f172ae6;border:1px dashed #94a3b8b3;border-radius:12px;margin-top:16px;padding:12px 14px}.sample-box h3{margin-top:0;margin-bottom:4px}.results-list{margin-top:8px;padding-left:18px}