:root{--color-primary: #df3b67;--color-secondary: #020e28;--color-primary-light: color-mix(in srgb, var(--color-primary) 70%, white);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black);--color-primary-darker: color-mix(in srgb, var(--color-primary) 50%, black);--color-red-primary: red;--color-red-dark: #070203;--color-red-darker: #df3b67;--color-red-light: #050505;--color-yellow: #df3b67;--color-secondary-light: color-mix(in srgb, var(--color-secondary) 60%, white);--color-secondary-blue: color-mix(in srgb, var(--color-secondary) 30%, #3b82f6);--bg-dark-1: #0a0a0a;--bg-dark-2: #0f0f0f;--bg-dark-3: #1a1a1a;--bg-card: rgba(20, 20, 20, .8);--bg-card-active: linear-gradient(135deg, var(--primary-alpha-08) 0%, var(--primary-alpha-02) 100%);--bg-light-1: #f9f9f9;--bg-light-2: #ffffff;--bg-light-3: #fafafa;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #909090;--text-muted: #808080;--text-dark: #707070;--text-light-blue: #cbd5e1;--text-dark-primary: #333;--text-dark-secondary: #555;--text-light-primary: #f8f8f8;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-primary-reverse: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);--gradient-primary-horizontal: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-text-white: linear-gradient(135deg, #ffffff 0%, #a0a0a0 100%);--gradient-text-primary: linear-gradient(135deg, var(--color-primary) 0%, #df3b67 100%);--gradient-bg: linear-gradient(135deg, var(--bg-dark-1) 0%, var(--bg-dark-2) 50%, var(--bg-dark-1) 100%);--gradient-bg-alt: linear-gradient(135deg, var(--bg-dark-1) 0%, var(--bg-dark-3) 50%, var(--bg-dark-2) 100%);--gradient-radial-dark: radial-gradient(circle at top left, var(--bg-dark-2), var(--bg-dark-1) 80%);--gradient-red: linear-gradient(135deg, var(--bg-dark-1) 0%, var(--bg-dark-3) 100%);--gradient-red-reverse: linear-gradient(135deg, var(--bg-dark-2) 0%, var(--bg-dark-2) 100%);--gradient-light: linear-gradient(135deg, var(--bg-light-1) 0%, var(--bg-light-2) 100%);--gradient-yellow: linear-gradient(90deg, var(--color-yellow), transparent);--primary-alpha-02: color-mix(in srgb, var(--color-primary) 2%, transparent);--primary-alpha-05: color-mix(in srgb, var(--color-primary) 5%, transparent);--primary-alpha-08: color-mix(in srgb, var(--color-primary) 8%, transparent);--primary-alpha-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--primary-alpha-15: color-mix(in srgb, var(--color-primary) 15%, transparent);--primary-alpha-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--primary-alpha-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--primary-alpha-40: color-mix(in srgb, var(--color-primary) 40%, transparent);--primary-alpha-50: color-mix(in srgb, var(--color-primary) 50%, transparent);--primary-alpha-60: color-mix(in srgb, var(--color-primary) 60%, transparent);--primary-alpha-80: color-mix(in srgb, var(--color-primary) 80%, transparent);--red-alpha-08: color-mix(in srgb, var(--color-primary) 8%, transparent);--red-alpha-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--red-alpha-12: color-mix(in srgb, var(--color-primary) 12%, transparent);--red-alpha-15: color-mix(in srgb, var(--color-primary) 15%, transparent);--red-alpha-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--yellow-alpha-08: color-mix(in srgb, var(--color-primary) 8%, transparent);--yellow-alpha-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--yellow-alpha-15: color-mix(in srgb, var(--color-primary) 15%, transparent);--yellow-alpha-20: color-mix(in srgb, var(--color-primary) 20%, transparent);--yellow-alpha-30: color-mix(in srgb, var(--color-primary) 30%, transparent);--secondary-blue-alpha-12: rgba(51, 150, 255, .12);--secondary-blue-alpha-15: rgba(51, 150, 255, .15);--secondary-blue-alpha-20: rgba(100, 100, 255, .2);--white-alpha-02: rgba(255, 255, 255, .02);--white-alpha-04: rgba(255, 255, 255, .04);--white-alpha-05: rgba(255, 255, 255, .05);--white-alpha-08: rgba(255, 255, 255, .08);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-25: rgba(255, 255, 255, .25);--white-alpha-80: rgba(255, 255, 255, .8);--white-alpha-90: rgba(255, 255, 255, .9);--black-alpha-30: rgba(0, 0, 0, .3);--black-alpha-37: rgba(0, 0, 0, .37);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-60: rgba(0, 0, 0, .6);--gray-alpha-06: rgba(0, 0, 0, .06);--border-primary: 1px solid var(--primary-alpha-30);--border-primary-strong: 2px solid var(--primary-alpha-60);--border-white-subtle: 1px solid var(--white-alpha-08);--border-white-medium: 1px solid var(--white-alpha-10);--border-light: 1px solid #f0f0f0;--border-red: 1px solid var(--red-alpha-20);--shadow-sm: 0 2px 10px var(--primary-alpha-40);--shadow-md: 0 4px 15px var(--primary-alpha-40);--shadow-lg: 0 8px 30px var(--primary-alpha-40);--shadow-xl: 0 12px 40px var(--primary-alpha-60);--shadow-2xl: 0 20px 60px var(--primary-alpha-40);--shadow-dark-md: 0 8px 32px var(--black-alpha-60);--shadow-dark-lg: 0 4px 20px var(--black-alpha-30);--shadow-inset: inset 0 1px 0 var(--white-alpha-10);--shadow-inset-strong: inset 0 1px 0 var(--white-alpha-20);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-full: 50px;--transition-fast: .3s ease;--transition-medium: .4s ease;--transition-slow: .7s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .7s cubic-bezier(.4, 0, .2, 1);--blur-sm: blur(10px);--blur-md: blur(20px);--blur-lg: blur(60px);--blur-xl: blur(80px);--blur-2xl: blur(100px);--color-whatsapp: #25D366;--color-turbo-badge: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-darker) 100%)}body{margin:0;font-family:Arial,sans-serif;background:#fff;color:#333}.navbar{display:flex;justify-content:space-between;padding:1rem 2rem;background:#6200ee;color:#fff}.nav-links{display:flex;list-style:none;gap:1rem}.hero{text-align:center;padding:4rem 2rem;background:#bb86fc;color:#fff}.hero button{padding:.8rem 2rem;margin-top:1rem;border:none;background:#3700b3;color:#fff;cursor:pointer}.plans{text-align:center;padding:4rem 2rem}.plan-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.plan-card{border:1px solid #ccc;border-radius:8px;padding:2rem;width:220px}.plan-card button{margin-top:1rem;padding:.5rem 1rem;border:none;background:#6200ee;color:#fff;cursor:pointer}.footer{text-align:center;padding:2rem;background:#6200ee;color:#fff}
