@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #F5F5F7;--bg-quiz: #FFFFFF;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-muted: #AEAEB2;--border: #E5E5EA;--accent-green: #22C55E;--accent-green-dark: #16A34A;--accent-green-light: #F0FDF4;--radius-card: 16px}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.progress-bar{position:fixed;top:0;left:0;right:0;height:4px;background:var(--border);z-index:100;display:flex;align-items:center}.progress-fill{height:100%;background:linear-gradient(90deg,#22C55E,#16A34A);transition:width .55s cubic-bezier(.4,0,.2,1);border-radius:0 9999px 9999px 0}.funnel-page{max-width:430px;margin:0 auto;min-height:100vh;background:var(--bg-page);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.quiz-page{max-width:430px;margin:0 auto;min-height:100vh;background:var(--bg-quiz);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.cta-btn{display:block;width:calc(100% - 48px);margin:8px 24px 4px;padding:18px 24px;background:var(--accent-green);color:#fff;font-size:1.05rem;font-weight:700;font-family:inherit;border:none;border-radius:9999px;cursor:pointer;text-align:center;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 20px #22c55e59}.option-card{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-card);border:1.5px solid var(--border);background:#fff;cursor:pointer;margin-bottom:12px;min-height:56px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.option-card.selected{border-color:var(--accent-green);background:var(--accent-green-light)}.option-check{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s}.option-card.selected .option-check{background:var(--accent-green);border-color:var(--accent-green)}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 24px}.video-thumb{aspect-ratio:9 / 14;border-radius:14px;overflow:hidden;position:relative;background:#1C1C1E}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.1) 55%,transparent 100%)}.video-thumb-text{position:absolute;bottom:10px;left:10px;right:10px;color:#fff;font-size:.72rem;font-weight:700;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.7)}.video-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6rem;font-weight:700;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}.checkmark-circle{width:72px;height:72px;border-radius:50%;background:var(--accent-green);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 32px #22c55e66}.avatar-stack{display:flex;align-items:center}.avatar-item{width:28px;height:28px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;margin-left:-8px}.avatar-item:first-child{margin-left:0}.scarcity-dot{width:8px;height:8px;border-radius:50%;background:#EA580C;animation:dotPulse 1.5s ease-in-out infinite;flex-shrink:0}.countdown-block{background:#1D1D1F;color:#fff;border-radius:8px;padding:6px 10px;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:36px;text-align:center;letter-spacing:-.02em}.fomo-toast{position:fixed;bottom:24px;left:16px;right:16px;max-width:340px;margin:0 auto;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 8px 32px #00000029,0 2px 8px #00000014;display:flex;align-items:center;gap:10px;z-index:200}.fomo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-green);flex-shrink:0;animation:dotPulse 1.5s ease-in-out infinite}.authority-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--accent-green-light);border:1px solid #BBF7D0;border-radius:9999px;color:var(--accent-green-dark);font-size:.75rem;font-weight:600;letter-spacing:.01em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}