:root{  --bg-primary:#0c0b0e; --bg-secondary:#13121a; --bg-card:#18171f; --bg-card-hover:#1e1d27; --bg-elevated:#22212b; --bg-input:#1a1922; --border:#2a2935; --border-hover:#3a394a; --border-active:#ff9500; --text-primary:#f2f0f5; --text-secondary:#a8a4b4; --text-muted:#6e6a7d; --text-inverse:#0c0b0e;  --accent:#ff9500; --accent-hover:#ffab33; --accent-glow:rgba(255, 149, 0, 0.15); --accent-subtle:rgba(255, 149, 0, 0.07);  --accent2:#8b5cf6; --accent2-subtle:rgba(139, 92, 246, 0.08); --success:#34d399; --success-bg:rgba(52, 211, 153, 0.1); --warning:#fbbf24; --warning-bg:rgba(251, 191, 36, 0.1); --danger:#f87171; --danger-bg:rgba(248, 113, 113, 0.1); --info:#60a5fa; --info-bg:rgba(96, 165, 250, 0.1); --purple:#a78bfa; --pink:#f472b6; --cyan:#22d3ee; --radius-sm:3px; --radius:6px; --radius-lg:8px; --radius-xl:10px; --radius-full:50%; --shadow-sm:0 1px 3px rgba(0,0,0,0.4); --shadow:0 4px 16px rgba(0,0,0,0.5); --shadow-lg:0 12px 48px rgba(0,0,0,0.6); --shadow-glow:0 0 30px rgba(255,149,0,0.12);  --font-sans:'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-display:'Space Grotesk', var(--font-sans); --container:1200px; --navbar-h:64px; --topbar-h:36px; --transition:0.2s ease; --transition-slow:0.4s ease;  --bg:var(--bg-primary); --surface:var(--bg-card); --card-bg:var(--bg-card);}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{ font-family:var(--font-sans); background:var(--bg-primary); color:var(--text-primary); line-height:1.6; font-size:15px; overflow-x:hidden;}body::after{ content:''; position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:0.025; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"); background-repeat:repeat; mix-blend-mode:overlay;}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}.container{ max-width:var(--container); margin:0 auto; padding:0 20px;}.topbar{ background:var(--bg-secondary); border-bottom:1px solid var(--border); height:var(--topbar-h); font-size:12px; color:#8a8a93; display:flex; align-items:center;}.topbar .container{ display:flex; justify-content:space-between; align-items:center;}.topbar-left{margin-right:24px}.topbar-right{display:flex;gap:12px;align-items:center}.topbar-right a{color:var(--text-muted);font-size:12px}.topbar-right a:hover{color:var(--accent)}.topbar-divider{color:var(--border)}.topbar i{margin-right:4px}.navbar{ position:sticky; top:0; z-index:1000; background:rgba(12, 11, 14, 0.92); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid var(--border); height:var(--navbar-h);}.navbar .container{ display:flex; align-items:center; justify-content:space-between; height:100%;}.navbar-brand{ display:flex; align-items:center; gap:8px; color:var(--text-primary); font-family:var(--font-display); font-weight:700; font-size:18px;}.navbar-brand:hover{color:var(--text-primary)}.brand-icon{ display:flex; align-items:center; justify-content:center; width:32px; height:32px; background:var(--accent); color:var(--text-inverse); border-radius:var(--radius-sm); font-size:14px;}.brand-accent{color:var(--accent);margin-left:4px}.navbar-menu{display:flex;gap:4px}.nav-link{ color:var(--text-secondary); padding:8px 14px; border-radius:var(--radius); font-size:14px; font-weight:500; transition:all var(--transition); display:flex; align-items:center; gap:6px;}.nav-link:hover{color:var(--text-primary);background:var(--accent-subtle)}.nav-link.active{color:var(--accent);background:var(--accent-subtle)}.nav-link i{font-size:13px}.navbar-actions{display:flex;align-items:center;gap:10px}.nav-cart{ position:relative; color:var(--text-secondary); width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius); transition:all var(--transition); font-size:18px; border:1px solid transparent; background:none; cursor:pointer;}.nav-cart:hover{ color:var(--accent); border-color:var(--border); background:var(--accent-subtle);}.cart-badge{ position:absolute; top:0; right:0; background:var(--accent); color:var(--text-inverse); font-size:9px; font-weight:800; min-width:18px; height:18px; padding:0 4px; border-radius:9px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(255,149,0,0.4); border:2px solid var(--bg-primary);}.nav-user-dropdown{position:relative}.nav-user-btn{ display:flex; align-items:center; gap:6px; background:none; border:1px solid var(--border); border-radius:var(--radius); padding:4px 10px 4px 4px; color:var(--text-secondary); cursor:pointer; transition:all var(--transition);}.nav-user-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.user-avatar{ width:30px; height:30px; background:var(--accent); color:var(--text-inverse); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px;}.dropdown-menu{ position:absolute; top:calc(100% + 8px); right:0; background:var(--bg-elevated); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-lg); min-width:200px; display:none; z-index:100; overflow:hidden;}.dropdown-menu.show{display:block}.dropdown-menu a{ display:flex; align-items:center; gap:10px; padding:10px 16px; color:var(--text-secondary); font-size:14px; transition:all var(--transition);}.dropdown-menu a:hover{background:var(--accent-subtle);color:var(--text-primary)}.dropdown-menu a i{width:16px;text-align:center}.dropdown-divider{border-top:1px solid var(--border);margin:4px 0}.navbar-toggle{ display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px;}.navbar-toggle span{ width:22px; height:2px; background:var(--text-primary); border-radius:2px; transition:var(--transition);}.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 20px; border-radius:var(--radius); font-family:var(--font-sans); font-size:14px; font-weight:600; border:none; cursor:pointer; transition:all var(--transition); text-decoration:none; line-height:1.4; white-space:nowrap;}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-xl{padding:16px 36px;font-size:17px;border-radius:var(--radius-lg)}.btn-primary{ background:var(--accent); color:var(--text-inverse); box-shadow:0 2px 8px rgba(255,153,0,0.3);}.btn-primary:hover{ background:var(--accent-hover); color:var(--text-inverse); transform:translateY(-1px); box-shadow:0 4px 16px rgba(255,153,0,0.4);}.btn-secondary{ background:var(--bg-elevated); color:var(--text-primary); border:1px solid var(--border);}.btn-secondary:hover{ background:var(--bg-card-hover); border-color:var(--border-hover); color:var(--text-primary);}.btn-ghost{ background:transparent; color:var(--text-secondary); border:1px solid var(--border);}.btn-ghost:hover{ background:var(--accent-subtle); color:var(--text-primary); border-color:var(--border-hover);}.btn-success{background:var(--success);color:var(--text-inverse)}.btn-success:hover{background:#22c55e;transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,222,128,0.3)}.btn-danger{background:var(--danger);color:white}.btn-danger:hover{background:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px rgba(248,113,113,0.3)}.btn-full{width:100%}.btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;transform:none !important}.btn:focus-visible,.nav-link:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.filter-chip:focus-visible,.nav-user-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); padding:24px; transition:all var(--transition);}.card:hover{ border-color:var(--border-hover); box-shadow:var(--shadow);}.card-highlight{ border-color:var(--accent); box-shadow:var(--shadow-glow); animation:glowPulse 4s ease-in-out infinite;}.card-highlight:hover{ box-shadow:0 0 40px rgba(255,153,0,0.25);}.page-card{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; transition:all var(--transition); will-change:transform; display:flex; flex-direction:column;}.page-card:hover{ border-color:var(--border-hover); transform:translateY(-2px); box-shadow:var(--shadow-lg);}.page-card-header{ padding:20px 20px 0; display:flex; align-items:flex-start; gap:14px;}.page-avatar{ width:52px; height:52px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg, var(--accent), #e8860d); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; font-size:16px; color:var(--text-inverse); flex-shrink:0;}.page-info{flex:1;min-width:0}.page-username{ font-weight:700; font-size:15px; color:var(--text-primary); display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.page-display-name{ font-size:13px; color:var(--text-muted); margin-top:2px;}.page-verified{ color:var(--info); font-size:13px; margin-left:4px;}.page-card-body{padding:16px 20px;flex:1}.page-description{ font-size:13px; color:var(--text-secondary); line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:14px;}.page-stats{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px;}.page-stat{ text-align:center; padding:8px 4px; background:var(--bg-primary); border-radius:var(--radius-sm);}.page-stat-value{ font-family:var(--font-display); font-weight:700; font-size:15px; color:var(--text-primary);}.page-stat-label{ font-size:10px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; margin-top:2px;}.page-tags{ display:flex; gap:6px; flex-wrap:wrap; margin-top:12px;}.page-card-footer{ padding:16px 20px 20px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border);}.page-format-prices{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; width:100%;}.page-format-price{ display:flex; flex-direction:column; align-items:center; padding:10px 4px; background:var(--bg-secondary); border-radius:var(--radius-sm); border:1px solid var(--border); transition:all 0.15s ease; cursor:pointer; user-select:none;}.page-format-price:hover{ border-color:var(--border-hover); background:var(--bg-card-hover);}.page-format-price.selected,.page-format-price:has(input:checked){ border-color:var(--accent); background:var(--accent);}.page-format-price.selected .page-format-label,.page-format-price:has(input:checked) .page-format-label{ color:#000;}.page-format-price.selected .page-format-value,.page-format-price:has(input:checked) .page-format-value{ color:#000;}.page-format-check{display:none}.page-format-label{ font-size:10px; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px;}.page-format-value{ font-family:var(--font-display); font-size:14px; font-weight:700; color:var(--accent);}.page-price{ font-family:var(--font-display); font-size:20px; font-weight:700; color:var(--accent);}.page-price-label{ font-size:11px; color:var(--text-muted);}.page-rating{ display:flex; align-items:center; gap:4px; font-size:13px; color:var(--warning);}.page-rating span{color:var(--text-muted);font-size:12px}.tag{ display:inline-flex; align-items:center; padding:3px 10px; border-radius:20px; font-size:11px; font-weight:600; letter-spacing:0.3px;}.tag-rap{background:rgba(255,153,0,0.15);color:#ff9900}.tag-trap{background:rgba(147,51,234,0.15);color:#a78bfa}.tag-funk{background:rgba(236,72,153,0.15);color:#f472b6}.tag-verificado{background:var(--info-bg);color:var(--info)}.tag-destaque{background:var(--warning-bg);color:var(--warning)}.badge{ display:inline-flex; align-items:center; padding:4px 10px; border-radius:var(--radius-sm); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px;}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-accent{background:var(--accent-subtle);color:var(--accent)}.form-group{margin-bottom:20px}.form-label{ display:block; font-size:13px; font-weight:600; color:var(--text-secondary); margin-bottom:6px;}.form-input, .form-select, .form-textarea{ width:100%; padding:10px 14px; background:var(--bg-input); border:1px solid var(--border); border-radius:var(--radius); color:var(--text-primary); font-family:var(--font-sans); font-size:14px; transition:all var(--transition);}.form-input:hover, .form-select:hover, .form-textarea:hover{ border-color:var(--border-hover);}.form-input:focus, .form-select:focus, .form-textarea:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-glow);}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.form-error{font-size:12px;color:var(--danger);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-check{ display:flex; align-items:center; gap:8px; cursor:pointer;}.form-check input[type="checkbox"]{ width:18px; height:18px; accent-color:var(--accent); cursor:pointer;}.section{ padding:80px 0;}.section-sm{padding:40px 0}.section-dark{ background:var(--bg-secondary); border-top:1px solid var(--border); border-bottom:1px solid var(--border); position:relative;}.section-dark::before{ content:''; position:absolute; top:-1px; left:0; width:80px; height:2px; background:linear-gradient(90deg, var(--accent), transparent);}.section-header{ text-align:center; max-width:640px; margin:0 auto 48px;}.section-badge{ display:inline-flex; align-items:center; gap:6px; padding:6px 14px; background:var(--accent2-subtle); color:var(--accent2); border:1px solid rgba(139,92,246,0.15); border-radius:var(--radius); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:16px;}.section-title{ font-family:var(--font-display); font-size:36px; font-weight:700; line-height:1.15; margin-bottom:14px;}.section-subtitle{ font-size:16px; color:var(--text-secondary); line-height:1.6;}.hero{ position:relative; padding:120px 0 80px; overflow:hidden;}.hero-glow{ position:absolute; inset:0; pointer-events:none; overflow:hidden;}.hero-glow::before{ content:''; position:absolute; top:-20%; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(ellipse, rgba(255,149,0,0.15) 0%, transparent 70%); filter:blur(60px); animation:heroGlowFloat 8s ease-in-out infinite;}.hero-glow::after{ content:''; position:absolute; bottom:10%; left:10%; width:300px; height:300px; background:radial-gradient(circle, rgba(139,92,246,0.08) 0%, transparent 70%); filter:blur(50px); animation:heroGlowFloat 10s ease-in-out 2s infinite reverse;}@keyframes heroGlowFloat{ 0%, 100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-20px)}}.hero-grid-bg{ position:absolute; inset:0; pointer-events:none; opacity:0.03; background-image: linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px); background-size:60px 60px; mask-image:radial-gradient(ellipse at 50% 30%, black 20%, transparent 70%); -webkit-mask-image:radial-gradient(ellipse at 50% 30%, black 20%, transparent 70%);}.hero::after{ content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, rgba(255,149,0,0.3), rgba(139,92,246,0.2), transparent);}@keyframes heroFadeUp{ from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)}}@keyframes heroLineReveal{ from{opacity:0;transform:translateY(20px);clip-path:inset(100% 0 0 0)} to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes gradientShift{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}@keyframes statCountUp{ from{opacity:0;transform:translateY(10px) scale(0.95)} to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{ 0%, 100%{box-shadow:0 0 20px rgba(255,149,0,0.08)} 50%{box-shadow:0 0 40px rgba(255,149,0,0.16)}}@keyframes floatSoft{ 0%, 100%{transform:translateY(0)} 50%{transform:translateY(-6px)}}@keyframes ctaShine{ 0%{background-position:-200% center} 100%{background-position:200% center}}.hero-content{ position:relative; text-align:center; max-width:780px; margin:0 auto;}.hero-badge{ display:inline-flex; align-items:center; gap:8px; padding:7px 16px; background:rgba(255,149,0,0.06); border:1px solid rgba(255,149,0,0.12); border-radius:var(--radius); font-size:11px; font-weight:600; color:var(--accent); letter-spacing:0.5px; margin-bottom:32px; animation:heroFadeUp 0.5s ease both;}.hero-badge-live{ width:7px; height:7px; background:var(--success); border-radius:50%; animation:livePulse 2s ease-in-out infinite;}@keyframes livePulse{ 0%, 100%{box-shadow:0 0 0 0 rgba(52,211,153,0.5)} 50%{box-shadow:0 0 0 5px rgba(52,211,153,0)}}.hero-title{ font-family:var(--font-display); font-weight:700; line-height:1.08; margin-bottom:24px; letter-spacing:-1.5px;}.hero-line{ display:block;}.hero-line-1{ font-size:clamp(28px, 5vw, 48px); color:var(--text-secondary); animation:heroLineReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;}.hero-line-2{ font-size:clamp(36px, 6.5vw, 64px); color:var(--text-primary); animation:heroLineReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both;}.hero-title .highlight{ background:linear-gradient(135deg, var(--accent), #ffcc00, var(--accent2), var(--accent)); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:gradientShift 8s ease infinite;}.hero-subtitle{ font-size:16px; color:var(--text-muted); line-height:1.7; max-width:560px; margin:0 auto 32px; animation:heroFadeUp 0.6s ease 0.35s both;}.hero-actions{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:24px; animation:heroFadeUp 0.6s ease 0.45s both;}.hero-cta-main{ position:relative; overflow:hidden;}.hero-cta-main::after{ content:''; position:absolute; top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent); animation:ctaShine 4s ease-in-out 2s infinite;}.hero-trust{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-bottom:48px; animation:heroFadeUp 0.5s ease 0.55s both;}.hero-trust-item{ display:flex; align-items:center; gap:5px; font-size:11px; color:var(--text-muted); font-weight:500;}.hero-trust-item i{ color:var(--success); font-size:11px;}.hero-title{ font-family:var(--font-display); font-size:clamp(36px, 6vw, 64px); font-weight:700; line-height:1.05; margin-bottom:20px; letter-spacing:-1px; animation:heroFadeUp 0.7s ease 0.1s both;}.hero-title .highlight{ background:linear-gradient(135deg, var(--accent), #ffcc00, var(--accent2), var(--accent)); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:gradientShift 8s ease infinite;}.hero-subtitle{ font-size:18px; color:var(--text-secondary); line-height:1.6; max-width:600px; margin:0 auto 36px; animation:heroFadeUp 0.7s ease 0.2s both;}.hero-actions{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:16px; animation:heroFadeUp 0.7s ease 0.3s both;}.hero-actions .btn-primary{ animation:glowPulse 3s ease-in-out 1.5s infinite;}.hero-microcopy{ font-size:13px; color:var(--text-muted); margin-bottom:48px; animation:heroFadeUp 0.6s ease 0.4s both;}.briefing-box{ padding:32px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);}.hero-stats{ display:flex; justify-content:center; align-items:center; gap:0; flex-wrap:wrap; animation:heroFadeUp 0.6s ease 0.6s both; padding:20px 32px; background:rgba(255,255,255,0.02); border:1px solid var(--border); border-radius:var(--radius); max-width:500px; margin:0 auto;}.hero-stat{ text-align:center; flex:1; padding:0 24px; animation:statCountUp 0.5s ease both;}.hero-stat:nth-child(1){animation-delay:0.7s}.hero-stat:nth-child(3){animation-delay:0.85s}.hero-stat:nth-child(5){animation-delay:1.0s}.hero-stat-divider{ width:1px; height:32px; background:var(--border); flex:none; padding:0;}.hero-stat-value{ font-family:var(--font-display); font-size:28px; font-weight:800; color:var(--text-primary); letter-spacing:-0.5px;}.hero-stat-label{ font-size:11px; color:var(--text-muted); margin-top:2px; text-transform:uppercase; letter-spacing:0.5px;}.pages-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:20px;}.package-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:24px; align-items:start;}.package-card{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-xl); padding:32px 28px; position:relative; transition:all var(--transition);}.package-card.featured{ border-color:var(--accent); box-shadow:var(--shadow-glow); animation:glowPulse 4s ease-in-out infinite;}.package-card.featured::before{ content:''; position:absolute; inset:-1px; border-radius:var(--radius-xl); background:linear-gradient(135deg, var(--accent), var(--accent2), var(--accent)); opacity:0.1; z-index:0; pointer-events:none;}.package-badge{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); padding:4px 16px; background:var(--accent); color:var(--text-inverse); border-radius:20px; font-size:12px; font-weight:700; white-space:nowrap;}.package-name{ font-family:var(--font-display); font-size:24px; font-weight:700; text-align:center; margin-bottom:4px;}.package-subtitle{ font-size:14px; color:var(--text-muted); text-align:center; margin-bottom:24px;}.package-price{ text-align:center; margin-bottom:24px;}.package-price-old{ font-size:16px; color:var(--text-muted); text-decoration:line-through;}.package-price-current{ font-family:var(--font-display); font-size:42px; font-weight:700; color:var(--text-primary);}.package-price-current .currency{font-size:20px;color:var(--text-muted)}.package-price-installment{ font-size:13px; color:var(--text-secondary); margin-top:4px;}.package-features{ list-style:none; margin-bottom:28px;}.package-features li{ display:flex; align-items:flex-start; gap:10px; padding:8px 0; font-size:14px; color:var(--text-secondary); border-bottom:1px solid var(--border);}.package-features li:last-child{border-bottom:none}.package-features li i{ color:var(--success); margin-top:3px; font-size:12px;}.package-pages-preview{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px;}.package-page-mini{ width:32px; height:32px; border-radius:var(--radius-sm); background:var(--bg-primary); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; color:var(--text-muted);}.testimonial-card{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); padding:28px; transition:all var(--transition);}.testimonial-card:hover{ border-color:var(--border-hover); box-shadow:var(--shadow); transform:translateY(-2px);}.testimonial-stars{ color:var(--warning); margin-bottom:14px; font-size:14px;}.testimonial-card::before{ content:'\201C'; position:absolute; top:16px; right:20px; font-size:48px; line-height:1; color:var(--accent); opacity:0.15; font-family:Georgia, serif;}.testimonial-card{position:relative}.testimonial-text{ font-size:15px; color:var(--text-secondary); line-height:1.6; margin-bottom:14px; font-style:italic;}.testimonial-result{ display:inline-flex; align-items:center; gap:6px; padding:4px 12px; background:var(--success-bg); color:var(--success); border-radius:20px; font-size:12px; font-weight:600; margin-bottom:14px;}.testimonial-author{ display:flex; align-items:center; gap:10px;}.testimonial-avatar{ width:40px; height:40px; border-radius:var(--radius-full); background:linear-gradient(135deg, var(--accent), #e8860d); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color:var(--text-inverse);}.testimonial-name{font-weight:600;font-size:14px}.testimonial-handle{font-size:12px;color:var(--text-muted)}.testimonials-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:20px;}.steps-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:24px; counter-reset:step;}.step-card{ position:relative; padding:28px 20px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); text-align:center; counter-increment:step; transition:all var(--transition);}.step-card:hover{ border-color:var(--border-hover); transform:translateY(-2px); box-shadow:var(--shadow);}.step-card::before{ content:counter(step); display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:var(--accent); color:var(--text-inverse); border-radius:var(--radius-full); font-family:var(--font-display); font-weight:700; font-size:16px; margin:0 auto 16px; transition:all 0.3s ease;}.step-card:hover::before{ transform:scale(1.15); box-shadow:0 0 20px rgba(255,153,0,0.3);}.step-title{ font-weight:700; font-size:16px; margin-bottom:8px;}.step-desc{ font-size:14px; color:var(--text-secondary); line-height:1.5;}.value-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:20px;}.value-card{ padding:28px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); transition:all var(--transition);}.value-card:hover{ border-color:var(--border-hover); transform:translateY(-2px); box-shadow:var(--shadow);}.value-icon{ width:48px; height:48px; background:var(--accent-subtle); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:20px; margin-bottom:16px; transition:all 0.3s ease;}.value-card:hover .value-icon{ transform:scale(1.1); background:rgba(255,153,0,0.15); box-shadow:0 0 20px rgba(255,153,0,0.15);}.page-logo-img{ width:100%; height:100%; object-fit:cover; border-radius:50%;}.page-ig-link{ width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color:#fff; font-size:15px; text-decoration:none; flex-shrink:0; transition:all 0.3s ease; opacity:0.7;}.page-ig-link:hover{ opacity:1; transform:scale(1.1); box-shadow:0 0 16px rgba(225,48,108,0.3); color:#fff;}.page-ig-link-sm{ width:24px; height:24px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(225,48,108,0.1); color:#e1306c; font-size:12px; text-decoration:none; flex-shrink:0; transition:all 0.3s ease;}.page-ig-link-sm:hover{ background:linear-gradient(135deg, #f09433, #e6683c, #dc2743); color:#fff; transform:scale(1.1);}.bento-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; max-width:1000px; margin:0 auto;}.bento-card{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:28px; transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1); position:relative; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.2);}.bento-card:hover{ border-color:var(--border-hover); transform:translateY(-3px); box-shadow:0 8px 32px rgba(0,0,0,0.35), 0 0 0 1px rgba(139,92,246,0.08);}.bento-featured{ grid-column:span 1; grid-row:span 2; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(160deg, var(--bg-card) 0%, rgba(255,153,0,0.04) 100%); border-color:rgba(255,153,0,0.15);}.bento-featured:hover{ border-color:var(--accent); box-shadow:0 8px 40px rgba(255,153,0,0.12);}.bento-wide{ grid-column:span 2; background:linear-gradient(135deg, var(--bg-card) 0%, rgba(255,153,0,0.03) 100%);}.bento-guarantee{ grid-column:span 2; border-color:rgba(74,222,128,0.15); background:linear-gradient(135deg, var(--bg-card) 0%, rgba(74,222,128,0.03) 100%);}.bento-guarantee:hover{ border-color:rgba(74,222,128,0.3);}.bento-number{ font-family:var(--font-display); font-size:64px; font-weight:700; color:var(--accent); line-height:1; margin-bottom:12px; letter-spacing:-2px;}.bento-title{ font-weight:700; font-size:16px; margin-bottom:8px; color:var(--text-primary);}.bento-desc{ font-size:14px; color:var(--text-secondary); line-height:1.6; margin:0;}.bento-icon{ width:44px; height:44px; background:var(--accent-subtle); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:18px; margin-bottom:16px; transition:all 0.3s ease;}.bento-card:hover .bento-icon{ transform:scale(1.1) rotate(-3deg); box-shadow:0 0 20px rgba(255,153,0,0.15);}.bento-accent-line{ width:40px; height:3px; background:var(--accent); border-radius:2px; margin-top:20px; transition:width 0.3s ease;}.bento-featured:hover .bento-accent-line{ width:80px;}.bento-metric{ flex:1; min-width:120px; text-align:center;}.bento-metric-value{ font-family:var(--font-display); font-size:28px; font-weight:700; color:var(--text-primary); line-height:1; margin-bottom:4px;}.bento-metric-label{ font-size:12px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px;}@media (max-width:768px){ .bento-grid{ grid-template-columns:1fr;} .bento-featured, .bento-wide, .bento-guarantee{ grid-column:span 1; grid-row:span 1;} .bento-number{font-size:48px} .bento-metric{min-width:80px} .bento-metric-value{font-size:22px}}.timeline-flow{ display:flex; align-items:flex-start; justify-content:center; gap:0; max-width:1000px; margin:0 auto; flex-wrap:wrap;}.timeline-step{ display:flex; flex-direction:column; align-items:center; text-align:center; flex:1; min-width:140px; max-width:180px; position:relative;}.timeline-step-num{ width:36px; height:36px; background:var(--accent); color:var(--text-inverse); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; font-size:14px; margin-bottom:16px; position:relative; z-index:2; box-shadow:0 0 20px rgba(255,153,0,0.2); transition:all 0.3s ease;}.timeline-step:hover .timeline-step-num{ transform:scale(1.15); box-shadow:0 0 30px rgba(255,153,0,0.35);}.timeline-step-content{ padding:0 8px;}.timeline-step-icon{ width:44px; height:44px; background:var(--accent-subtle); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:18px; margin:0 auto 12px; transition:all 0.3s ease;}.timeline-step:hover .timeline-step-icon{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(255,153,0,0.1);}.timeline-step-content h3{ font-size:14px; font-weight:700; margin-bottom:4px;}.timeline-step-content p{ font-size:12px; color:var(--text-muted); line-height:1.5; margin:0;}.timeline-connector{ width:40px; height:2px; background:linear-gradient(90deg, var(--accent), rgba(255,153,0,0.2)); margin-top:17px; flex-shrink:0; border-radius:1px;}@media (max-width:768px){ .timeline-flow{ flex-direction:column; align-items:stretch; gap:0;} .timeline-step{ flex-direction:row; text-align:left; max-width:100%; gap:16px; padding:12px 0;} .timeline-step-content{display:flex;align-items:center;gap:12px;flex:1} .timeline-step-icon{margin:0;flex-shrink:0} .timeline-step-num{margin-bottom:0;flex-shrink:0} .timeline-connector{ width:2px; height:20px; margin:0 0 0 17px; background:linear-gradient(180deg, var(--accent), rgba(255,153,0,0.2));}}.briefing-compact{ max-width:600px; margin:40px auto 0; padding:20px 28px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); text-align:center;}.briefing-compact-title{ font-weight:700; font-size:14px; margin-bottom:16px; display:flex; align-items:center; justify-content:center; gap:8px;}.briefing-compact-items{ display:flex; justify-content:center; gap:24px; flex-wrap:wrap;}.briefing-compact-item{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-secondary); font-weight:500;}.briefing-compact-item i{ color:var(--accent); font-size:16px; width:20px; text-align:center;}.cart-modal-overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:998;}.cart-modal-overlay.open{display:block}.cart-modal{ position:fixed; top:0; right:-400px; width:380px; max-width:90vw; height:100vh; background:var(--bg-secondary); border-left:1px solid var(--border); z-index:999; display:flex; flex-direction:column; transition:right 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow:-8px 0 32px rgba(0,0,0,0.4);}.cart-modal.open{right:0}.cart-modal-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid var(--border);}.cart-modal-header h3{ font-size:15px; font-weight:700; display:flex; align-items:center; gap:8px; margin:0;}.cart-modal-body{ flex:1; overflow-y:auto; padding:16px 20px;}.cart-modal-item{ display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--border); font-size:13px;}.cart-modal-item:last-child{border-bottom:none}.cart-modal-item-avatar{ width:32px; height:32px; border-radius:50%; overflow:hidden; flex-shrink:0; background:var(--accent-subtle); display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:700; color:var(--accent);}.cart-modal-item-info{flex:1;min-width:0}.cart-modal-item-name{font-weight:700;font-size:12px}.cart-modal-item-format{font-size:10px;color:var(--text-muted)}.cart-modal-item-price{font-weight:700;color:var(--accent);font-size:13px;flex-shrink:0}.cart-modal-item-remove{ background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:14px; padding:4px; transition:color 0.2s; flex-shrink:0;}.cart-modal-item-remove:hover{color:var(--danger)}.cart-modal-footer{ padding:16px 20px; border-top:1px solid var(--border); background:var(--bg-card);}.cart-modal-discount{ display:flex; align-items:center; justify-content:space-between; padding:8px 12px; background:var(--accent-subtle); border-radius:var(--radius-sm); margin-bottom:12px; font-size:12px;}.cart-modal-total{ display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:800; margin-bottom:12px;}.cart-modal-next-tier{ font-size:11px; color:var(--accent); text-align:center; margin-bottom:12px; font-weight:600;}.how-it-works{ display:flex; align-items:flex-start; justify-content:center; gap:0; max-width:900px; margin:0 auto;}.hiw-step{ flex:1; text-align:center; position:relative; padding:0 16px;}.hiw-num{ width:36px; height:36px; background:var(--accent); color:#000; border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:15px; margin:0 auto 16px; box-shadow:0 4px 16px rgba(255,149,0,0.25); transition:all 0.3s ease;}.hiw-num-final{ background:var(--success); box-shadow:0 4px 16px rgba(52,211,153,0.25);}.hiw-step:hover .hiw-num{ transform:scale(1.15); box-shadow:0 6px 24px rgba(255,149,0,0.35);}.hiw-step-final:hover .hiw-num{ box-shadow:0 6px 24px rgba(52,211,153,0.35);}.hiw-icon{ width:64px; height:64px; background:var(--bg-card); border:2px solid var(--border); border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--accent); margin:0 auto 16px; transition:all 0.3s ease;}.hiw-icon-final{ color:var(--success); border-color:rgba(52,211,153,0.2);}.hiw-step:hover .hiw-icon{ border-color:var(--accent); transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.3);}.hiw-step-final:hover .hiw-icon{ border-color:var(--success);}.hiw-title{ font-weight:800; font-size:16px; margin-bottom:6px;}.hiw-desc{ font-size:13px; color:var(--text-muted); line-height:1.5; max-width:220px; margin:0 auto;}.hiw-connector{ display:flex; align-items:center; padding-top:30px; flex-shrink:0; width:48px;}.hiw-connector-line{ flex:1; height:2px; background:linear-gradient(90deg, var(--accent), var(--border-hover));}.hiw-connector-arrow{ color:var(--accent); font-size:10px; margin-left:-2px; opacity:0.5;}@media (max-width:768px){ .how-it-works{ flex-direction:column; align-items:center; gap:0;} .hiw-step{padding:16px 0} .hiw-connector{ width:auto; height:32px; flex-direction:column; padding-top:0;} .hiw-connector-line{ width:2px; height:100%; background:linear-gradient(180deg, var(--accent), var(--border-hover));} .hiw-connector-arrow{ transform:rotate(90deg); margin-left:0; margin-top:-2px;}}.format-toggle-btn{ padding:10px 20px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); color:var(--text-muted); font-size:13px; font-weight:600; cursor:pointer; transition:all 0.2s ease; display:inline-flex; align-items:center; gap:6px;}.format-toggle-btn:hover{ border-color:var(--border-hover); color:var(--text-primary);}.format-toggle-btn.active{ background:var(--accent); border-color:var(--accent); color:#000; box-shadow:0 2px 12px rgba(255,153,0,0.3);}.rede-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; max-width:1200px; margin:0 auto;}.rede-card{ background:var(--bg-card); border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:var(--radius); padding:16px; transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow:0 2px 8px rgba(0,0,0,0.2);}.rede-card:hover{ border-color:var(--accent); border-left-color:var(--accent2); transform:translateY(-3px); box-shadow:0 8px 32px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,149,0,0.12);}.rede-hidden{ display:none;}.rede-card-top{ display:flex; align-items:center; gap:12px; margin-bottom:12px;}.rede-avatar{ width:48px; height:48px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg, var(--accent), #e8860d); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color:var(--text-inverse); flex-shrink:0; text-decoration:none; transition:transform 0.3s ease;}.rede-card:hover .rede-avatar{ transform:scale(1.08);}.rede-info{ flex:1; min-width:0;}.rede-username{ font-weight:800; font-size:14px; color:var(--text-primary); text-decoration:none; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.rede-username:hover{ color:var(--accent);}.rede-stats{ display:flex; align-items:center; gap:6px; font-size:11px; color:var(--text-muted); margin-top:2px;}.rede-stats strong{ color:var(--text-secondary); font-weight:700;}.rede-dot{ width:3px; height:3px; border-radius:50%; background:var(--border-hover);}.rede-ig{ width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(225,48,108,0.1); color:#e1306c; font-size:13px; text-decoration:none; flex-shrink:0; transition:all 0.2s ease;}.rede-ig:hover{ background:linear-gradient(135deg, #f09433, #e6683c, #dc2743); color:#fff; transform:scale(1.1);}.rede-prices{ display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;}.rede-price-item{ display:flex; flex-direction:column; align-items:center; padding:8px 4px; background:var(--bg-secondary); border-radius:var(--radius-sm); border:1px solid transparent; transition:all 0.15s ease; cursor:pointer; user-select:none;}.rede-price-item:hover{ border-color:var(--border-hover); background:var(--bg-card-hover);}.rede-price-item.selected,.rede-price-item:has(input:checked){ border-color:var(--accent); background:var(--accent);}.rede-price-item.selected .rede-price-format,.rede-price-item:has(input:checked) .rede-price-format{ color:#000;}.rede-price-item.selected .rede-price-value,.rede-price-item:has(input:checked) .rede-price-value{ color:#000;}.rede-price-format{ font-size:9px; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; margin-bottom:2px;}.rede-price-value{ font-family:var(--font-display); font-size:15px; font-weight:800; color:var(--accent);}@media (max-width:768px){ .rede-grid{ grid-template-columns:1fr 1fr; gap:10px;} .rede-card{padding:12px} .rede-avatar{width:36px;height:36px;font-size:11px} .rede-username{font-size:12px} .rede-price-value{font-size:13px} .rede-ig{display:none}}@media (max-width:480px){ .rede-grid{grid-template-columns:1fr}}.home-pages-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:8px; max-width:1000px; margin:0 auto;}.home-page-item{ display:flex; align-items:center; gap:12px; padding:12px 16px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); text-decoration:none; color:var(--text-primary); transition:all 0.2s ease;}.home-page-item:hover{ border-color:var(--accent); background:var(--bg-card-hover); transform:translateX(4px); box-shadow:0 2px 12px rgba(255,153,0,0.08); color:var(--text-primary);}.home-page-avatar{ width:40px; height:40px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg, var(--accent), #e8860d); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; color:var(--text-inverse); flex-shrink:0;}.home-page-info{ flex:1; min-width:0;}.home-page-username{ font-weight:700; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.home-page-seg{ font-size:11px; color:var(--text-muted);}.home-page-price{ font-family:var(--font-display); font-size:16px; font-weight:800; color:var(--accent); flex-shrink:0;}@media (max-width:768px){ .home-pages-grid{ grid-template-columns:1fr;}}.incluso-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; max-width:800px; margin:0 auto;}.incluso-item{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:24px 12px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); text-align:center; transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);}.incluso-item:hover{ border-color:var(--border-hover); transform:translateY(-3px); box-shadow:var(--shadow);}.incluso-icon{ width:44px; height:44px; background:var(--accent-subtle); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; color:var(--accent); font-size:18px; transition:all 0.3s ease;}.incluso-item:hover .incluso-icon{ transform:scale(1.1) rotate(-3deg); box-shadow:0 0 16px rgba(255,153,0,0.15);}.incluso-label{ font-size:12px; font-weight:600; color:var(--text-secondary); line-height:1.3;}@media (max-width:768px){ .incluso-grid{ grid-template-columns:repeat(2, 1fr); gap:12px;} .incluso-item{padding:16px 8px}}.value-title{ font-weight:700; font-size:16px; margin-bottom:8px;}.value-desc{ font-size:14px; color:var(--text-secondary); line-height:1.5;}.faq-list{max-width:720px;margin:0 auto}.faq-item{ border:1px solid var(--border); border-radius:var(--radius); margin-bottom:8px; overflow:hidden;}.faq-question{ display:flex; justify-content:space-between; align-items:center; padding:16px 20px; background:var(--bg-card); cursor:pointer; font-weight:600; font-size:15px; color:var(--text-primary); transition:all var(--transition);}.faq-question:hover{background:var(--bg-card-hover)}.faq-question i{color:var(--text-muted);font-size:13px;transition:transform var(--transition)}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{ padding:0 20px; max-height:0; overflow:hidden; transition:all 0.3s ease;}.faq-item.active .faq-answer{ padding:0 20px 16px; max-height:500px;}.faq-answer p{ font-size:14px; color:var(--text-secondary); line-height:1.6;}.cta-section{ padding:80px 0; text-align:center; position:relative;}.cta-section::before{ content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 50%, var(--accent-glow) 0%, transparent 70%); pointer-events:none;}.cta-title{ font-family:var(--font-display); font-size:36px; font-weight:700; margin-bottom:14px; position:relative;}.cta-subtitle{ font-size:16px; color:var(--text-secondary); margin-bottom:32px; position:relative;}.cta-actions{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; position:relative;}.filters-bar{ display:flex; flex-wrap:wrap; gap:10px; padding:20px 0; border-bottom:1px solid var(--border); margin-bottom:30px;}.filter-chip{ padding:7px 14px; background:var(--bg-card); border:1px solid var(--border); border-radius:20px; font-size:13px; color:var(--text-secondary); cursor:pointer; transition:all var(--transition);}.filter-chip:hover, .filter-chip.active{ background:var(--accent-subtle); border-color:var(--accent); color:var(--accent);}.cart-item{ display:flex; align-items:center; gap:16px; padding:16px 0; border-bottom:1px solid var(--border);}.cart-item-info{flex:1}.cart-item-name{font-weight:600;font-size:15px}.cart-item-meta{font-size:13px;color:var(--text-muted);margin-top:2px}.cart-item-price{ font-family:var(--font-display); font-weight:700; font-size:17px; color:var(--accent);}.cart-item-remove{ background:none; border:none; color:var(--text-muted); cursor:pointer; padding:8px; border-radius:var(--radius-sm); transition:all var(--transition);}.cart-item-remove:hover{color:var(--danger);background:var(--danger-bg)}.cart-summary{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); padding:28px; position:sticky; top:calc(var(--navbar-h) + 20px);}.cart-summary-row{ display:flex; justify-content:space-between; padding:8px 0; font-size:14px; color:var(--text-secondary);}.cart-summary-total{ display:flex; justify-content:space-between; padding:16px 0 0; border-top:1px solid var(--border); margin-top:8px; font-size:18px; font-weight:700;}.cart-summary-total span:last-child{ color:var(--accent); font-family:var(--font-display);}.dashboard{ display:grid; grid-template-columns:250px 1fr; min-height:calc(100vh - var(--navbar-h) - var(--topbar-h));}.dashboard-sidebar{ background:var(--bg-secondary); border-right:1px solid var(--border); padding:24px 16px;}.sidebar-nav{list-style:none}.sidebar-nav a{ display:flex; align-items:center; gap:10px; padding:10px 14px; color:var(--text-secondary); font-size:14px; border-radius:var(--radius); margin-bottom:2px; transition:all var(--transition);}.sidebar-nav a:hover{background:var(--accent-subtle);color:var(--text-primary)}.sidebar-nav a.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar-nav a i{width:20px;text-align:center;font-size:15px}.sidebar-label{ font-size:11px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:1px; padding:16px 14px 8px;}.dashboard-content{ padding:32px; overflow-y:auto;}.dashboard-title{ font-family:var(--font-display); font-size:24px; font-weight:700; margin-bottom:24px;}.stat-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; margin-bottom:32px;}.stat-card{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); padding:20px;}.stat-label{ font-size:12px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px;}.stat-value{ font-family:var(--font-display); font-size:28px; font-weight:700; margin-top:4px;}.stat-change{ font-size:12px; margin-top:4px;}.stat-up{color:var(--success)}.stat-down{color:var(--danger)}.table-wrap{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden;}.table{ width:100%; border-collapse:collapse;}.table th{ padding:12px 16px; text-align:left; font-size:12px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; background:var(--bg-secondary); border-bottom:1px solid var(--border);}.table td{ padding:12px 16px; font-size:14px; border-bottom:1px solid var(--border);}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-card-hover)}.alert{ padding:14px 18px; border-radius:var(--radius); font-size:14px; margin-bottom:20px; display:flex; align-items:flex-start; gap:10px;}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(74,222,128,0.2)}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(251,191,36,0.2)}.alert-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,113,113,0.2)}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(96,165,250,0.2)}.auth-page{ min-height:calc(100vh - var(--navbar-h) - var(--topbar-h)); display:flex; align-items:center; justify-content:center; padding:40px 20px;}.auth-card{ width:100%; max-width:440px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-xl); padding:40px 36px;}.auth-title{ font-family:var(--font-display); font-size:24px; font-weight:700; text-align:center; margin-bottom:8px;}.auth-subtitle{ text-align:center; font-size:14px; color:var(--text-muted); margin-bottom:28px;}.auth-footer{ text-align:center; margin-top:20px; font-size:14px; color:var(--text-muted);}.showcase-section{ padding:48px 0 64px; overflow:hidden; position:relative;}.showcase-section::before,.showcase-section::after{ content:''; position:absolute; top:0; width:160px; height:100%; z-index:3; pointer-events:none;}.showcase-section::before{left:0;background:linear-gradient(90deg, var(--bg-primary) 20%, transparent)}.showcase-section::after{right:0;background:linear-gradient(-90deg, var(--bg-primary) 20%, transparent)}.showcase-track-wrapper{ perspective:1000px;}.showcase-track{ display:flex; gap:20px; width:max-content; animation:showcase-scroll 80s linear infinite; padding:24px 0 48px;}.showcase-track:hover{animation-play-state:paused}.showcase-card{ flex-shrink:0; width:220px; text-decoration:none; color:var(--text-primary); transform-style:preserve-3d; transition:transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}.showcase-card:hover{ transform:scale(1.06) rotateY(-4deg) translateZ(30px); z-index:10; color:var(--text-primary);}.showcase-screen{ background:#000; border:2px solid #1a1a1f; border-radius:4px; overflow:hidden; position:relative; box-shadow: 0 2px 4px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.4), 0 20px 60px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.04); transition:all 0.5s ease;}.showcase-card:hover .showcase-screen{ border-color:var(--accent); box-shadow: 0 2px 4px rgba(0,0,0,0.5), 0 8px 24px rgba(255,153,0,0.1), 0 24px 64px rgba(255,153,0,0.08), inset 0 1px 0 rgba(255,153,0,0.1);}.showcase-screen::before{ content:''; display:block; height:20px; background:#000; position:relative;}.showcase-screen::after{ content:''; position:absolute; top:6px; left:50%; transform:translateX(-50%); width:50px; height:8px; background:#111; border-radius:10px;}.showcase-ig-header{ display:flex; align-items:center; gap:10px; padding:10px 12px; background:#000; border-bottom:1px solid #222;}.showcase-ig-avatar{ width:40px; height:40px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); padding:2px; flex-shrink:0;}.showcase-ig-avatar img,.showcase-ig-avatar span{ width:100%; height:100%; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:#fff; background:#111;}.showcase-ig-avatar img{object-fit:cover;background:none}.showcase-ig-info{min-width:0}.showcase-ig-user{ font-weight:700; font-size:12px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.showcase-ig-bio{ font-size:10px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.showcase-ig-stats{ display:flex; justify-content:space-around; padding:12px 8px; background:#000;}.showcase-ig-stats div{text-align:center}.showcase-ig-stats strong{ display:block; font-size:14px; font-weight:800; color:#fff;}.showcase-ig-stats span{ font-size:9px; color:#666;}.showcase-ig-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:#111;}.showcase-ig-grid-item{ aspect-ratio:1; background:linear-gradient(135deg, #1a1a1f, #111); position:relative; overflow:hidden;}.showcase-ig-grid-item::after{ content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,153,0,0.03), rgba(255,153,0,0.08));}.showcase-ig-grid-item:nth-child(2)::after{background:linear-gradient(135deg, rgba(74,222,128,0.03), rgba(74,222,128,0.06))}.showcase-ig-grid-item:nth-child(5)::after{background:linear-gradient(135deg, rgba(96,165,250,0.03), rgba(96,165,250,0.06))}.showcase-reflection{ height:50px; background:linear-gradient(180deg, rgba(0,0,0,0.3), transparent); transform:scaleY(-1) translateY(-1px); filter:blur(3px); opacity:0.12; mask-image:linear-gradient(180deg, rgba(0,0,0,0.4), transparent); -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,0.4), transparent);}@keyframes showcase-scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)}}@media (max-width:768px){ .showcase-card{width:170px} .showcase-track{gap:14px} .showcase-ig-avatar{width:32px;height:32px} .showcase-ig-user{font-size:10px} .showcase-ig-stats strong{font-size:12px} .showcase-section::before, .showcase-section::after{width:60px}}.pages-carousel{ overflow:hidden; padding:24px 0; position:relative;}.pages-carousel::before, .pages-carousel::after{ content:''; position:absolute; top:0; width:80px; height:100%; z-index:2; pointer-events:none;}.pages-carousel::before{left:0;background:linear-gradient(90deg, var(--bg-primary), transparent)}.pages-carousel::after{right:0;background:linear-gradient(-90deg, var(--bg-primary), transparent)}.carousel-track{ display:flex; gap:16px; animation:scroll-marquee 40s linear infinite; width:max-content;}.carousel-track:hover{animation-play-state:paused}.carousel-item{ flex-shrink:0; display:flex; align-items:center; gap:10px; padding:10px 16px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); transition:all var(--transition);}.carousel-item:hover{border-color:var(--accent);box-shadow:0 0 16px rgba(255,153,0,0.12);transform:translateY(-1px)}.carousel-avatar{ width:36px; height:36px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg, var(--accent), #e8860d); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:11px; color:var(--text-inverse); flex-shrink:0;}.carousel-name{font-weight:600;font-size:13px;white-space:nowrap}.carousel-followers{font-size:11px;color:var(--text-muted);white-space:nowrap}@keyframes scroll-marquee{ from{transform:translateX(0)} to{transform:translateX(-50%)}}.guarantee-banner{ display:flex; align-items:center; gap:20px; padding:24px 28px; background:var(--success-bg); border:1px solid rgba(74,222,128,0.2); border-radius:var(--radius-lg); margin:40px 0;}.guarantee-icon{ font-size:32px; color:var(--success); animation:floatSoft 3s ease-in-out infinite;}.guarantee-title{font-weight:700;font-size:16px;color:var(--success)}.guarantee-text{font-size:14px;color:var(--text-secondary);margin-top:4px}.comparison-row{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--border); align-items:center;}.comparison-label{font-size:14px;color:var(--text-secondary)}.comparison-diy{ text-align:center; color:var(--danger); font-weight:600; font-size:14px; padding:8px; background:rgba(248,113,113,0.06); border-radius:var(--radius-sm);}.comparison-us{ text-align:center; color:var(--success); font-weight:600; font-size:14px; padding:8px; background:rgba(74,222,128,0.06); border-radius:var(--radius-sm);}.whatsapp-float{ position:fixed; bottom:24px; right:24px; width:56px; height:56px; background:#25D366; border-radius:var(--radius-full); display:flex; align-items:center; justify-content:center; color:white; font-size:28px; box-shadow:0 4px 20px rgba(37,211,102,0.4); z-index:999; transition:all var(--transition);}.whatsapp-float:hover{ transform:scale(1.1); color:white; box-shadow:0 6px 28px rgba(37,211,102,0.5);}.empty-state{ text-align:center; padding:60px 20px;}.empty-state-icon{ font-size:48px; color:var(--text-muted); margin-bottom:16px;}.empty-state-title{ font-size:18px; font-weight:700; margin-bottom:8px;}.empty-state-text{ font-size:14px; color:var(--text-muted); margin-bottom:24px;}.text-center{text-align:center}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.text-lg{font-size:18px}.font-display{font-family:var(--font-display)}.font-bold{font-weight:700}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.gap-1{gap:8px}.gap-2{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width:1024px){ .dashboard{grid-template-columns:1fr} .dashboard-sidebar{display:none} .hero-stats{gap:24px}}@media (max-width:768px){ .topbar{display:none} .navbar-menu{display:none} .navbar-toggle{display:flex} .navbar-menu.open{ display:flex; flex-direction:column; position:fixed; inset:var(--navbar-h) 0 0 0; background:var(--bg-primary); padding:20px; z-index:999; border-top:1px solid var(--border);} .navbar-menu.open .nav-link{ padding:14px; font-size:16px; border-bottom:1px solid var(--border);} .section{padding:48px 0} .section-title{font-size:28px} .hero{padding:60px 0 40px} .hero-title{font-size:32px} .hero-subtitle{font-size:16px} .hero-stats{flex-direction:column;gap:16px} .hero-stat{display:flex;align-items:center;gap:12px} .hero-stat-value{font-size:24px} .pages-grid{grid-template-columns:1fr} .package-grid{grid-template-columns:1fr} .testimonials-grid{grid-template-columns:1fr} .steps-grid{grid-template-columns:repeat(2, 1fr)} .value-grid{grid-template-columns:1fr} .form-row{grid-template-columns:1fr} .comparison-row{grid-template-columns:1fr;gap:8px} .cart-layout{grid-template-columns:1fr} .btn-xl{width:100%} .dashboard-content{padding:20px} .auth-card{padding:28px 20px}}@media (max-width:480px){ .container{padding:0 16px} .navbar-actions .btn{display:none} .page-stats{grid-template-columns:repeat(3, 1fr);gap:4px} .steps-grid{grid-template-columns:1fr}}.ig-modal-overlay{ position:fixed; inset:0; background:rgba(0, 0, 0, 0.85); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); z-index:2000; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:all 0.3s ease;}.ig-modal-overlay.active{ opacity:1; visibility:visible;}.ig-modal{ background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-xl); width:90%; max-width:500px; max-height:90vh; overflow:hidden; transform:scale(0.9) translateY(20px); transition:transform 0.3s ease; display:flex; flex-direction:column;}.ig-modal-overlay.active .ig-modal{ transform:scale(1) translateY(0);}.ig-modal-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid var(--border);}.ig-modal-header-info{ display:flex; align-items:center; gap:12px;}.ig-modal-avatar{ width:44px; height:44px; border-radius:var(--radius-full); background:linear-gradient(135deg, var(--accent), #e8860d); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color:var(--text-inverse); overflow:hidden;}.ig-modal-avatar img{ width:100%; height:100%; object-fit:cover;}.ig-modal-username{ font-weight:700; font-size:15px;}.ig-modal-displayname{ font-size:12px; color:var(--text-muted);}.ig-modal-close{ width:36px; height:36px; border-radius:var(--radius-full); background:var(--bg-primary); border:1px solid var(--border); color:var(--text-secondary); font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all var(--transition);}.ig-modal-close:hover{ background:var(--danger-bg); color:var(--danger); border-color:var(--danger);}.ig-modal-body{ flex:1; overflow-y:auto; padding:20px;}.ig-modal-stats{ display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-bottom:16px;}.ig-modal-stat{ text-align:center; padding:12px 8px; background:var(--bg-primary); border-radius:var(--radius);}.ig-modal-stat-value{ font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--text-primary);}.ig-modal-stat-label{ font-size:11px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; margin-top:2px;}.ig-modal-description{ font-size:14px; color:var(--text-secondary); line-height:1.6; margin-bottom:16px;}.ig-modal-tags{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:20px;}.ig-modal-footer{ padding:16px 20px; border-top:1px solid var(--border); display:flex; gap:10px;}.ig-modal-footer .btn{flex:1}.ig-modal-ig-link{ display:flex; align-items:center; justify-content:center; gap:8px; padding:12px; background:linear-gradient(135deg, #833AB4, #FD1D1D, #F77737); border-radius:var(--radius); color:white; font-weight:600; font-size:14px; transition:all var(--transition); text-decoration:none;}.ig-modal-ig-link:hover{ opacity:0.9; color:white; transform:translateY(-1px);}.skeleton{ background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%); background-size:200% 100%; animation:skeleton-shine 1.5s ease-in-out infinite; border-radius:var(--radius-sm);}@keyframes skeleton-shine{ from{background-position:200% 0} to{background-position:-200% 0}}.cart-layout{ display:grid; grid-template-columns:1fr 380px; gap:32px; align-items:start;}.reveal{ opacity:0; transform:translateY(24px); transition:opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}.reveal.visible{ opacity:1; transform:none;}.value-grid .reveal:nth-child(1){transition-delay:0s}.value-grid .reveal:nth-child(2){transition-delay:0.08s}.value-grid .reveal:nth-child(3){transition-delay:0.16s}.value-grid .reveal:nth-child(4){transition-delay:0.24s}.steps-grid .reveal:nth-child(1){transition-delay:0s}.steps-grid .reveal:nth-child(2){transition-delay:0.06s}.steps-grid .reveal:nth-child(3){transition-delay:0.12s}.steps-grid .reveal:nth-child(4){transition-delay:0.18s}.steps-grid .reveal:nth-child(5){transition-delay:0.24s}.package-grid .reveal:nth-child(1){transition-delay:0s}.package-grid .reveal:nth-child(2){transition-delay:0.1s}.package-grid .reveal:nth-child(3){transition-delay:0.2s}.testimonials-grid .reveal:nth-child(1){transition-delay:0s}.testimonials-grid .reveal:nth-child(2){transition-delay:0.1s}.testimonials-grid .reveal:nth-child(3){transition-delay:0.2s}.pages-grid .reveal:nth-child(1){transition-delay:0s}.pages-grid .reveal:nth-child(2){transition-delay:0.05s}.pages-grid .reveal:nth-child(3){transition-delay:0.1s}.pages-grid .reveal:nth-child(4){transition-delay:0.15s}.pages-grid .reveal:nth-child(5){transition-delay:0.2s}.pages-grid .reveal:nth-child(6){transition-delay:0.25s}@media (prefers-reduced-motion:reduce){ *, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} .reveal{opacity:1;transform:none}}.cart-item.removing{ opacity:0; transform:translateX(20px); transition:all 0.3s ease; max-height:0; padding:0; margin:0; overflow:hidden;}.spinner{ display:inline-block; width:16px; height:16px; border:2px solid rgba(255,255,255,0.3); border-top-color:#fff; border-radius:50%; animation:spin 0.6s linear infinite;}.spinner-dark{border-color:rgba(0,0,0,0.2);border-top-color:#000}@keyframes spin{to{transform:rotate(360deg)}}.footer{ background:var(--bg-primary); border-top:1px solid var(--border); padding:0; margin-top:80px; color:var(--text-secondary);}.footer-top{ display:grid; grid-template-columns:1fr 1fr; gap:48px; padding:56px 0 48px; border-bottom:1px solid var(--border); align-items:center;}.footer-brand-section .brand-logo{ margin-bottom:20px;}.footer-desc{ font-size:14px; color:var(--text-secondary); line-height:1.8; margin-bottom:24px; max-width:380px;}.footer-social{ display:flex; gap:10px;}.footer-social a{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); color:var(--text-secondary); font-size:17px; transition:all 0.25s; text-decoration:none;}.footer-social a:hover{ color:var(--accent); border-color:var(--accent); background:rgba(255,153,0,0.08); transform:translateY(-2px);}.footer-cta-card{ background:rgba(255,153,0,0.04); border:1px solid rgba(255,153,0,0.12); border-radius:16px; padding:32px; text-align:center;}.footer-cta-icon{ font-size:28px; color:var(--accent); margin-bottom:12px;}.footer-cta-card h3{ font-size:18px; font-weight:700; color:#fff; margin-bottom:8px;}.footer-cta-card p{ font-size:13px; color:var(--text-secondary); margin-bottom:20px; line-height:1.6;}.footer-nav{ display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; padding:40px 0; border-bottom:1px solid var(--border);}.footer-col h4{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:#fff; margin-bottom:20px;}.footer-col a{ display:flex; align-items:center; font-size:13px; color:#777; text-decoration:none; padding:7px 0; transition:all 0.2s;}.footer-col a:hover{ color:var(--accent); padding-left:4px;}.footer-bottom{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:24px 0;}.footer-legal{ font-size:12px; color:#555; display:flex; align-items:center; gap:6px; flex-wrap:wrap;}.footer-legal-links{ display:flex; align-items:center; gap:6px;}.footer-legal-links a{ color:#666; text-decoration:none; transition:color 0.2s;}.footer-legal-links a:hover{ color:var(--accent);}.footer-sep{ color:#444;}.footer-payments{ display:flex; align-items:center; gap:8px; font-size:12px; color:#555;}.payment-icons{ display:flex; align-items:center; gap:10px;}.payment-icons i{ font-size:22px; opacity:0.6; transition:opacity 0.2s;}.payment-icons i:hover{ opacity:0.8;}.payment-label{ font-size:10px; text-transform:uppercase; letter-spacing:1px; margin-right:4px;}@media (max-width:768px){ .footer{ margin-top:48px;} .footer-top{ grid-template-columns:1fr; gap:32px; padding:40px 0 36px;} .footer-cta-card{ padding:24px 20px;} .footer-nav{ grid-template-columns:1fr; gap:28px; padding:32px 0;} .footer-bottom{ flex-direction:column; text-align:center; gap:12px;} .footer-legal{ flex-direction:column; gap:4px;}}