*{box-sizing:border-box}body{color:#e5e7eb;background:radial-gradient(circle at top,#111827 0,#020617 50%,#000 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#0f172ae6,#0f172a99);border-bottom:1px solid #94a3b866;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.logo{font-size:1.1rem;font-weight:600}.nav-links{gap:1rem;display:flex}.nav-links a{color:#9ca3af;border-radius:999px;padding:.35rem .75rem;font-size:.95rem;text-decoration:none;transition:background .15s,color .15s}.nav-links a:hover{color:#e5e7eb;background:#94a3b81a}.page{background:radial-gradient(circle at 0 0,#1f2937,#020617 60%);border:1px solid #94a3b859;border-radius:1.5rem;max-width:720px;margin:3rem auto 0;padding:2rem;box-shadow:0 24px 60px #0f172ab3}.page h2{margin-bottom:.75rem;font-size:1.8rem}.page p{color:#d1d5db;margin:.25rem 0;line-height:1.6}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.card{text-align:center;cursor:grab;color:#000;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;width:80px;padding:20px;font-size:18px;font-weight:600;box-shadow:0 8px 20px #0000001a}.card:active{cursor:grabbing}.alert{color:#fff;background:#ff474d;border:1px solid #e2e8f0;border-radius:8px;max-width:320px;margin-top:12px;padding:16px 20px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #00000014}.step-box{height:80px;margin-top:12px;position:relative}.step-card{color:#000;background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;inset:0;box-shadow:0 4px 14px #0000001a}.list{color:#000;flex-direction:column;gap:12px;max-width:420px;margin:20px auto;display:flex}.list-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 4px 14px #00000014}.list-item h3{margin:0;font-size:18px}.list-item p{margin-top:10px;font-size:15px;line-height:1.4}.live-container{justify-content:center;align-items:center;margin:20px 0;display:flex}.badge-live{color:#fff;letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:#c144ef;border-radius:9999px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}
