.how-it-works-page[data-v-4e717c4f]{min-height:100vh;background:var(--color-bg)}.page-content[data-v-4e717c4f]{padding-top:64px}.hero-section[data-v-4e717c4f]{background:var(--color-surface);padding:var(--space-2xl) var(--space-lg) var(--space-2xl);text-align:center;position:relative}.hero-content[data-v-4e717c4f]{max-width:650px;margin:0 auto var(--space-lg)}.hero-badge[data-v-4e717c4f]{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-primary-light);color:var(--color-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-weight-black);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.03em}.hero-title[data-v-4e717c4f]{font-family:var(--font-heading);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--font-weight-black);color:var(--color-text);margin:0 0 var(--space-sm);line-height:1.15;letter-spacing:-.02em}.hero-highlight[data-v-4e717c4f]{display:inline-block;background:var(--color-primary-light);color:var(--color-primary);padding:0 var(--space-sm);border-radius:var(--radius-md)}.hero-subtitle[data-v-4e717c4f]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0;line-height:1.6;font-weight:var(--font-weight-medium)}.steps-container[data-v-4e717c4f]{display:flex;align-items:stretch;justify-content:center;gap:var(--space-md);max-width:900px;margin:0 auto var(--space-lg)}.step-card[data-v-4e717c4f]{flex:1;background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);text-align:center;position:relative;transition:all var(--transition-bounce)}.step-card[data-v-4e717c4f]:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.15)}.step-number[data-v-4e717c4f]{position:absolute;top:calc(var(--space-sm) * -1);left:50%;transform:translate(-50%);width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-orange) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:var(--font-weight-black);font-size:var(--text-base);box-shadow:0 2px 8px #00000026}.step-icon[data-v-4e717c4f]{margin-bottom:var(--space-sm)}.step-title[data-v-4e717c4f]{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-weight-black);color:var(--color-text);margin:0 0 var(--space-xs)}.step-description[data-v-4e717c4f]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-sm);font-weight:var(--font-weight-medium)}.step-time[data-v-4e717c4f]{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted)}.step-connector[data-v-4e717c4f]{display:flex;align-items:center;color:var(--color-border);flex-shrink:0}.hero-cta[data-v-4e717c4f]{margin-top:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.hero-stats[data-v-4e717c4f]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary)}.hero-stat[data-v-4e717c4f]{font-weight:var(--font-weight-medium)}.hero-stat-sep[data-v-4e717c4f]{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.primary-btn[data-v-4e717c4f]{font-family:var(--font-heading)!important;font-weight:var(--font-weight-black)!important;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-orange) 100%)!important;color:#fff!important;padding:var(--space-md) var(--space-xl)!important;border-radius:var(--radius-lg)!important;box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.35);transition:all var(--transition-bounce);letter-spacing:.5px}.primary-btn[data-v-4e717c4f]:hover{transform:scale(1.03);box-shadow:0 8px 30px rgba(var(--color-primary-rgb),.45)}.tv-section[data-v-4e717c4f]{padding:var(--space-5xl) 0;background:var(--color-bg)}.section-header[data-v-4e717c4f]{text-align:center;margin-bottom:var(--space-2xl);max-width:700px;margin-left:auto;margin-right:auto}.section-badge[data-v-4e717c4f]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-lg)}.tv-badge[data-v-4e717c4f]{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.concierge-badge[data-v-4e717c4f]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-orange) 100%);color:#fff}.planner-badge[data-v-4e717c4f]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.section-title[data-v-4e717c4f]{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-weight-black);color:var(--color-text);margin:0 0 var(--space-md);line-height:1.2;letter-spacing:-.02em}.section-subtitle[data-v-4e717c4f]{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.6;margin:0;font-weight:var(--font-weight-medium)}.tv-features-grid[data-v-4e717c4f]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1000px;margin:0 auto}.tv-feature-card[data-v-4e717c4f]{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);border:3px solid var(--color-border);transition:all var(--transition-bounce)}.tv-feature-card[data-v-4e717c4f]:hover{border-color:#8b5cf6;transform:translateY(-6px);box-shadow:0 12px 40px #8b5cf633}.tv-feature-icon[data-v-4e717c4f]{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);box-shadow:0 4px 15px #0003}.tv-feature-title[data-v-4e717c4f]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-weight-black);color:var(--color-text);margin:0 0 var(--space-sm)}.tv-feature-desc[data-v-4e717c4f]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-md);font-weight:var(--font-weight-medium)}.tv-game-list[data-v-4e717c4f]{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tv-game-chip[data-v-4e717c4f]{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.concierge-section[data-v-4e717c4f]{padding:var(--space-5xl) 0;background:var(--color-surface)}.concierge-showcase[data-v-4e717c4f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);max-width:1000px;margin:0 auto;align-items:start}.chat-window[data-v-4e717c4f]{background:var(--color-bg);border-radius:var(--radius-xl);border:3px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-lg)}.chat-header[data-v-4e717c4f]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-orange) 100%)}.chat-avatar[data-v-4e717c4f]{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-header-text[data-v-4e717c4f]{display:flex;flex-direction:column}.chat-name[data-v-4e717c4f]{font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:#fff;font-size:var(--text-base)}.chat-status[data-v-4e717c4f]{font-size:var(--text-xs);color:#fffc}.chat-messages[data-v-4e717c4f]{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.chat-message[data-v-4e717c4f]{max-width:85%;padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-base);line-height:1.5}.chat-message p[data-v-4e717c4f]{margin:0;font-weight:var(--font-weight-medium)}.user-message[data-v-4e717c4f]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-orange) 100%);color:#fff;align-self:flex-end;border-bottom-right-radius:var(--space-xs)}.ai-message[data-v-4e717c4f]{background:var(--color-surface);color:var(--color-text);align-self:flex-start;border-bottom-left-radius:var(--space-xs);border:1px solid var(--color-border)}.ai-recommendations[data-v-4e717c4f]{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-sm) 0}.ai-rec-item[data-v-4e717c4f]{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.4}.ai-rec-item div[data-v-4e717c4f]{display:flex;flex-direction:column}.ai-rec-item span[data-v-4e717c4f]{color:var(--color-text-secondary);font-size:var(--text-sm)}.ai-action-line[data-v-4e717c4f]{margin-top:var(--space-sm)!important;font-weight:var(--font-weight-bold)!important;color:var(--color-primary)!important}.ai-success[data-v-4e717c4f]{display:flex;align-items:center;gap:var(--space-sm)}.concierge-benefits[data-v-4e717c4f]{display:flex;flex-direction:column;gap:var(--space-lg)}.benefit-card[data-v-4e717c4f]{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-xl);border:3px solid var(--color-border);transition:all var(--transition-bounce)}.benefit-card[data-v-4e717c4f]:hover{border-color:var(--color-primary);transform:translateY(-4px)}.benefit-card h4[data-v-4e717c4f]{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-weight-black);color:var(--color-text);margin:var(--space-sm) 0 var(--space-xs)}.benefit-card p[data-v-4e717c4f]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.5;margin:0;font-weight:var(--font-weight-medium)}.planner-section[data-v-4e717c4f]{padding:var(--space-5xl) 0;background:var(--color-bg)}.planner-showcase[data-v-4e717c4f]{max-width:700px;margin:0 auto}.planner-input-mockup[data-v-4e717c4f]{text-align:center;margin-bottom:var(--space-xl)}.input-label[data-v-4e717c4f]{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.input-display[data-v-4e717c4f]{background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);transition:border-color var(--transition-normal)}.input-display[data-v-4e717c4f]:hover{border-color:var(--color-primary)}.input-text[data-v-4e717c4f]{font-size:var(--text-lg);color:var(--color-text);font-style:italic;font-weight:var(--font-weight-medium)}.input-arrow[data-v-4e717c4f]{margin:var(--space-md) 0}.timeline-mockup[data-v-4e717c4f]{background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.timeline-header[data-v-4e717c4f]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#10b9811a,#0596691a);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:var(--text-base);color:var(--color-text)}.timeline-items[data-v-4e717c4f]{padding:var(--space-md) var(--space-lg)}.timeline-item[data-v-4e717c4f]{display:grid;grid-template-columns:70px 12px 1fr;gap:var(--space-md);align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.timeline-item[data-v-4e717c4f]:last-child{border-bottom:none}.timeline-time[data-v-4e717c4f]{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-align:right}.timeline-dot[data-v-4e717c4f]{width:12px;height:12px;border-radius:50%}.prep-dot[data-v-4e717c4f]{background:var(--color-text-muted)}.game-dot[data-v-4e717c4f]{background:#8b5cf6}.quest-dot[data-v-4e717c4f]{background:var(--color-primary)}.milestone-dot[data-v-4e717c4f]{background:var(--color-success)}.timeline-detail[data-v-4e717c4f]{display:flex;flex-direction:column;gap:2px}.timeline-label[data-v-4e717c4f]{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.timeline-type[data-v-4e717c4f]{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.03em}.prep-type[data-v-4e717c4f]{color:var(--color-text-muted)}.game-type[data-v-4e717c4f]{color:#8b5cf6}.quest-type[data-v-4e717c4f]{color:var(--color-primary)}.milestone-type[data-v-4e717c4f]{color:var(--color-success)}.timeline-footer[data-v-4e717c4f]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:rgba(var(--color-primary-rgb),.05);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.planner-cta[data-v-4e717c4f]{text-align:center;margin-top:var(--space-2xl)}.planner-cta .primary-btn[data-v-4e717c4f]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.secret-weapons-section[data-v-4e717c4f]{padding:var(--space-5xl) 0;background:var(--color-surface)}.secret-badge[data-v-4e717c4f]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-orange) 100%);color:#fff}.secret-weapons-grid[data-v-4e717c4f]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1000px;margin:0 auto}.secret-weapon-card[data-v-4e717c4f]{background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);border:3px solid var(--color-border);transition:all var(--transition-bounce)}.secret-weapon-card[data-v-4e717c4f]:hover{border-color:var(--color-primary);transform:translateY(-6px);box-shadow:0 12px 40px rgba(var(--color-primary-rgb),.25)}.secret-weapon-icon[data-v-4e717c4f]{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);box-shadow:0 4px 15px #0003}.secret-weapon-title[data-v-4e717c4f]{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-sm)}.secret-weapon-desc[data-v-4e717c4f]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0;font-weight:var(--font-weight-medium)}@media(max-width:960px){.secret-weapons-grid[data-v-4e717c4f]{grid-template-columns:1fr;gap:var(--space-lg)}}.final-section[data-v-4e717c4f]{padding:var(--space-5xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-orange) 100%);position:relative;overflow:hidden}.final-section[data-v-4e717c4f]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.final-content[data-v-4e717c4f]{text-align:center;position:relative;z-index:1}.final-title[data-v-4e717c4f]{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-weight-black);color:#fff;margin:0 0 var(--space-md);letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.2)}.final-subtitle[data-v-4e717c4f]{font-size:var(--text-xl);color:#fffffff2;margin:0 0 var(--space-xl);font-weight:var(--font-weight-medium)}.final-btn[data-v-4e717c4f]{font-family:var(--font-heading)!important;font-weight:var(--font-weight-black)!important;background:#fff!important;color:var(--color-primary)!important;padding:var(--space-md) var(--space-xl)!important;border-radius:var(--radius-lg)!important;box-shadow:0 8px 30px #0003;transition:all var(--transition-bounce);letter-spacing:.5px}.final-btn[data-v-4e717c4f]:hover{transform:scale(1.05);box-shadow:0 12px 40px #0000004d}.final-note[data-v-4e717c4f]{font-size:var(--text-sm);color:#fffc;margin-top:var(--space-md);font-weight:var(--font-weight-medium)}@media(max-width:960px){.steps-container[data-v-4e717c4f]{flex-direction:column;max-width:400px}.step-connector[data-v-4e717c4f]{transform:rotate(90deg);justify-content:center}.tv-features-grid[data-v-4e717c4f]{grid-template-columns:1fr;max-width:500px;margin:0 auto}.concierge-showcase[data-v-4e717c4f]{grid-template-columns:1fr}}@media(max-width:600px){.hero-section[data-v-4e717c4f]{padding:var(--space-4xl) var(--space-md) var(--space-2xl)}.hero-title[data-v-4e717c4f]{font-size:var(--text-3xl)}.step-card[data-v-4e717c4f]{padding:var(--space-lg) var(--space-md)}.timeline-item[data-v-4e717c4f]{grid-template-columns:55px 10px 1fr;gap:var(--space-sm)}.chat-messages[data-v-4e717c4f]{padding:var(--space-md)}.chat-message[data-v-4e717c4f]{max-width:92%}}@media(prefers-reduced-motion:reduce){.step-card[data-v-4e717c4f]:hover,.tv-feature-card[data-v-4e717c4f]:hover,.benefit-card[data-v-4e717c4f]:hover,.primary-btn[data-v-4e717c4f]:hover,.final-btn[data-v-4e717c4f]:hover{transform:none}}