*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #a78bfa;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent: #3b82f6;--accent-light: #60a5fa;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--bg: #0a0e1a;--bg-alt: #0d1120;--text: #f1f5f9;--text-secondary: #94a3b8;--secondary: #1e293b;--success: #10b981;--danger: #ef4444;--gray-50: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .4), 0 4px 10px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 50px -12px rgba(0, 0, 0, .5);--glow: 0 0 40px rgba(139, 92, 246, .3);--glow-blue: 0 0 40px rgba(59, 130, 246, .3);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.btn:hover:after{opacity:1}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #3b82f64d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.btn-sm{padding:8px 18px;font-size:.85rem}.badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.badge-hot{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a}.badge-combo{background:var(--primary-gradient);color:#fff}.badge-sale{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff}.page-title{font-size:1.75rem;font-weight:800;margin-bottom:8px;color:var(--gray-800)}.page-subtitle{color:var(--gray-500);font-size:1.05rem;margin-bottom:32px}.section-tag{display:inline-block;padding:6px 16px;background:var(--gray-100);color:var(--primary);border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeInUp .4s ease-out}