*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}*,*::before,*::after{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}video,img{pointer-events:none;-webkit-user-drag:none}:root{--primary:#e8372a;--primary-hover:#ff4e3f;--primary-glow:rgba(232,55,42,0.35);--surface:rgba(12,12,16,0.38);--surface-border:rgba(255,255,255,0.08);--text:#f0f0f0;--muted:rgba(255,255,255,0.48);--radius:18px;--radius-sm:11px;--font:'Segoe UI','PingFang TC','Microsoft JhengHei',sans-serif}html,body{height:100%;width:100%;overflow:hidden;background:#080808;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.avif-container{position:fixed;inset:0;z-index:1;transition:filter 0.6s ease}.avif-container.blurred{filter:blur(14px) brightness(0.5) saturate(0.5)}.avif-container.unblurred{filter:none}.avif-bg{position:absolute;inset:0;opacity:0;transition:opacity 0.7s ease}.avif-bg.active{opacity:1}.avif-fill{position:absolute;inset:-40px;z-index:0;filter:blur(28px) brightness(0.22) saturate(0.45);overflow:hidden}.avif-fill video{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.avif-main{position:absolute;z-index:1;top:0;bottom:0;left:50%;transform:translateX(-50%);width:56.25vh;filter:brightness(0.48) saturate(0.72)}.avif-main video{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.color-overlay{position:fixed;inset:0;z-index:0;background:radial-gradient( ellipse 72% 72% at 50% 50%,rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.72) 100% );pointer-events:none}.screen{position:fixed;inset:0;z-index:10;display:none;align-items:center;justify-content:center;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.screen.active{display:flex;animation:screenIn 0.38s cubic-bezier(0.22,1,0.36,1) both}@keyframes screenIn{from{opacity:0;transform:translateY(18px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);padding:32px 28px 28px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 64px rgba(0,0,0,0.55)}.center-card{text-align:center;align-items:center}h1{font-size:clamp(1.3rem,4.5vw,1.65rem);font-weight:700;line-height:1.35}h2{font-size:clamp(1.15rem,4vw,1.4rem);font-weight:700;line-height:1.5}h3{font-size:1.05rem;font-weight:700}.subtitle{font-size:clamp(0.82rem,2.6vw,0.92rem);color:var(--muted);line-height:1.8}.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(232,55,42,0.14);border:1px solid rgba(232,55,42,0.32);color:#ff6b5b;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;padding:5px 13px;border-radius:20px}.fomo-badge{background:rgba(232,55,42,0.1);border:1px solid rgba(232,55,42,0.28);color:#ff7063;font-size:0.88rem;font-weight:700;padding:11px 16px;border-radius:var(--radius-sm);text-align:center;line-height:1.7}.fomo-badge .slot-display,.fomo-badge .join-display{color:#fff;font-size:1.05rem}.compliance-icon{font-size:2.6rem;text-align:center}.progress-bar{height:3px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#c0261a,var(--primary));border-radius:2px;transition:width 0.5s ease}.step-label{font-size:0.72rem;color:var(--muted);text-align:right;margin-top:-10px}.btn-group{display:flex;flex-direction:column;gap:10px;width:100%}.btn{width:100%;padding:14px 20px;border-radius:var(--radius-sm);border:none;font-size:clamp(0.88rem,2.8vw,0.96rem);font-weight:600;font-family:var(--font);cursor:pointer;line-height:1.35;transition:background 0.18s,box-shadow 0.18s,transform 0.18s,opacity 0.25s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(0.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 22px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 30px var(--primary-glow);transform:translateY(-1px)}.btn-primary:disabled{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.28);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:rgba(255,255,255,0.07);color:var(--text);border:1px solid var(--surface-border)}.btn-secondary:hover{background:rgba(255,255,255,0.12)}.btn-ghost{background:transparent;color:var(--muted);font-size:0.85rem;padding:10px}.btn-ghost:hover{color:var(--text)}.btn-ghost-sm{background:transparent;color:var(--muted);font-size:0.8rem;padding:8px;border:none;cursor:pointer;font-family:var(--font);transition:color 0.2s;-webkit-tap-highlight-color:transparent}.btn-ghost-sm:hover{color:var(--text)}.btn-cta{font-size:clamp(0.95rem,3vw,1.05rem);padding:16px 20px;margin-top:4px}.unlock-list{list-style:none;display:flex;flex-direction:column;gap:9px}.unlock-item{display:flex;align-items:center;gap:10px;font-size:clamp(0.82rem,2.6vw,0.9rem);color:var(--muted);padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:rgba(255,255,255,0.025);transition:color 0.55s ease,border-color 0.55s ease,background 0.55s ease}.unlock-item::before{content:'○';font-size:0.9rem;color:var(--muted);min-width:18px}.unlock-item.checked{color:var(--text);border-color:rgba(232,55,42,0.22);background:rgba(232,55,42,0.055)}.unlock-item.checked::before{content:'✅'}.trust-line{font-size:0.78rem;color:var(--muted);text-align:center;padding:10px 12px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:rgba(255,255,255,0.02);line-height:1.7}.disclaimer-check{display:flex;align-items:flex-start;gap:10px;font-size:0.78rem;color:var(--muted);cursor:pointer;line-height:1.65}.disclaimer-check input[type="checkbox"]{margin-top:3px;min-width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.terms-link{color:rgba(232,55,42,0.8);text-decoration:none}.terms-link:hover{color:var(--primary-hover);text-decoration:underline}.micro-copy{font-size:0.72rem;color:var(--muted);text-align:center;line-height:1.7}.fine-print{font-size:0.7rem;color:rgba(255,255,255,0.28);line-height:1.6}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,0.72);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeOverlay 0.25s ease both}.modal-overlay.hidden{display:none}@keyframes fadeOverlay{from{opacity:0}to{opacity:1}}.modal-card{background:rgba(14,14,18,0.96);border:1px solid var(--surface-border);border-radius:var(--radius);padding:30px 26px;max-width:360px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px rgba(0,0,0,0.6);animation:screenIn 0.3s cubic-bezier(0.22,1,0.36,1) both}.modal-card p{font-size:0.97rem;line-height:1.75;color:var(--text)}.softwall-note{display:block;margin-top:6px;font-size:0.75rem;color:rgba(255,255,255,0.3)}.modal-terms{max-width:440px;text-align:left}.modal-terms h3{text-align:center;margin-bottom:4px}.terms-body{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;padding-right:4px}.terms-body p{font-size:0.82rem;color:var(--muted);line-height:1.7}.terms-body::-webkit-scrollbar{width:3px}.terms-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:2px}@media (max-width:400px){.card{padding:24px 18px 22px;gap:13px}}@media (min-height:750px){.screen{padding-top:8vh}}