:root{--primary: #0ea5e9;--primary-dark: #0284c7;--primary-light: #38bdf8;--secondary: #06b6d4;--accent: #f43f5e;--bg-dark: #0a0a0f;--bg-card: #13131a;--bg-card-hover: #1a1a25;--bg-surface: #0e0e15;--text-primary: #ffffff;--text-secondary: #8b8b9e;--text-muted: #5a5a6e;--border: #1e1e2e;--border-light: #2a2a3e;--gradient-1: linear-gradient(135deg, #0ea5e9, #38bdf8);--gradient-2: linear-gradient(135deg, #06b6d4, #22d3ee);--gradient-3: linear-gradient(135deg, #f43f5e, #e11d48);--gradient-hero: linear-gradient(135deg, #0a0a0f 0%, #1a1030 50%, #0a0a0f 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(14, 165, 233, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:64px}.section-header .section-badge{display:inline-block;padding:6px 16px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--primary-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.section-header h2{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#8b8b9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:var(--transition);position:relative;overflow:hidden}.btn.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 15px #0ea5e94d}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.btn.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn.btn-secondary:hover{border-color:var(--primary);color:var(--primary-light);background:#0ea5e90d}.btn.btn-accent{background:var(--gradient-3);color:#fff}.btn.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f43f5e4d}.btn.btn-lg{padding:16px 36px;font-size:1.05rem;border-radius:var(--radius-md)}.btn.btn-sm{padding:8px 20px;font-size:.85rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0ea5e91a}50%{box-shadow:0 0 40px #0ea5e94d}}.animate-in{animation:fadeInUp .6s ease-out forwards}@media(max-width:768px){body{padding-bottom:72px}.theme-toggle{width:32px!important;height:32px!important;font-size:.8rem!important}.nav-actions{gap:8px!important}.cart-item-image{width:60px!important;height:60px!important;min-width:60px!important}.cart-item-name{font-size:.9rem!important}.cart-item-details{gap:4px!important}.whatsapp-float{bottom:80px!important;z-index:999!important}button,a{min-height:44px}}@media(max-width:480px){.container,[class*=container]{padding-left:16px!important;padding-right:16px!important}}body.light-theme{--bg-dark: #f5f7fa;--bg-card: #ffffff;--bg-card-hover: #f0f2f6;--bg-surface: #eef1f5;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--border: #e5e7eb;--border-light: #d1d5db;--gradient-hero: linear-gradient(135deg, #eff6ff 0%, #f5f7fa 40%, #f5f3ff 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(14, 165, 233, .06);background:var(--bg-dark);color:var(--text-primary)}body.light-theme .hero__btn--outline{background:#00000008!important;border-color:#d1d5db!important;color:var(--text-primary)!important}body.light-theme .hero__btn--outline:hover{background:#0ea5e914!important;border-color:#0ea5e9!important;color:#0ea5e9!important}body.light-theme .navbar{background:#fffc!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}body.light-theme .navbar.scrolled{background:#fffffff2!important;border-bottom-color:#e5e7eb!important;box-shadow:0 1px 8px #0000000f!important}body.light-theme .nav-link,body.light-theme .navbar a{color:#374151!important}body.light-theme .nav-link:hover,body.light-theme .nav-link.active{color:#0ea5e9!important}body.light-theme .user-dropdown{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 8px 30px #0000001f!important}body.light-theme .user-dropdown a,body.light-theme .user-dropdown button{color:#374151!important}body.light-theme .user-dropdown a:hover,body.light-theme .user-dropdown button:hover{background:#f3f4f6!important;color:#0ea5e9!important}body.light-theme .product-card,body.light-theme .feature-card,body.light-theme .testimonial-card,body.light-theme .stat-card,body.light-theme .order-card,body.light-theme .download-card{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 1px 4px #0000000a!important}body.light-theme .product-card:hover,body.light-theme .feature-card:hover,body.light-theme .testimonial-card:hover,body.light-theme .stat-card:hover,body.light-theme .order-card:hover,body.light-theme .download-card:hover{box-shadow:0 4px 16px #00000014!important;border-color:#d1d5db!important}body.light-theme input,body.light-theme textarea,body.light-theme select{background:#f9fafb!important;border-color:#d1d5db!important;color:#111827!important}body.light-theme input::placeholder,body.light-theme textarea::placeholder,body.light-theme select::placeholder{color:#9ca3af!important}body.light-theme input:focus,body.light-theme textarea:focus,body.light-theme select:focus{border-color:#0ea5e9!important;background:#fff!important}body.light-theme input:disabled{background:#f3f4f6!important;opacity:.7}body.light-theme .section-title,body.light-theme .section-header .section-title,body.light-theme h1,body.light-theme h2,body.light-theme h3{color:#111827!important}body.light-theme .section-subtitle,body.light-theme .section-header .section-subtitle{color:#6b7280!important}body.light-theme .badge,body.light-theme .section-header .badge{background:#0ea5e914!important;color:#0284c7!important;border-color:#0ea5e933!important}body.light-theme p,body.light-theme .text-secondary{color:#4b5563!important}body.light-theme .text-muted,body.light-theme small{color:#9ca3af!important}body.light-theme .btn-cancel,body.light-theme .btn-back{background:#f3f4f6!important;border-color:#d1d5db!important;color:#374151!important}body.light-theme .btn-sm{background:#f9fafb!important;border-color:#d1d5db!important;color:#4b5563!important}body.light-theme app-footer,body.light-theme footer,body.light-theme .footer{background:#0a0a0f!important;border-top:1px solid #1a1a2e!important;color:#8b8b9e!important}body.light-theme app-footer *,body.light-theme footer *,body.light-theme .footer *{border-color:#1a1a2e!important}body.light-theme app-footer a,body.light-theme footer a,body.light-theme .footer a{color:#8b8b9e!important}body.light-theme app-footer a:hover,body.light-theme footer a:hover,body.light-theme .footer a:hover{color:#0ea5e9!important}body.light-theme app-footer h3,body.light-theme app-footer .footer-logo,body.light-theme app-footer .brand-name,body.light-theme app-footer [class*=brand],body.light-theme footer h3,body.light-theme footer .footer-logo,body.light-theme footer .brand-name,body.light-theme footer [class*=brand],body.light-theme .footer h3,body.light-theme .footer .footer-logo,body.light-theme .footer .brand-name,body.light-theme .footer [class*=brand]{color:#fff!important}body.light-theme app-footer p,body.light-theme app-footer span,body.light-theme app-footer small,body.light-theme app-footer div,body.light-theme footer p,body.light-theme footer span,body.light-theme footer small,body.light-theme footer div,body.light-theme .footer p,body.light-theme .footer span,body.light-theme .footer small,body.light-theme .footer div{color:#5a5a6e!important}body.light-theme app-footer [class*=heading],body.light-theme app-footer [class*=title],body.light-theme footer [class*=heading],body.light-theme footer [class*=title],body.light-theme .footer [class*=heading],body.light-theme .footer [class*=title]{color:#8b8b9e!important}body.light-theme app-footer [class*=social],body.light-theme app-footer [class*=icon],body.light-theme footer [class*=social],body.light-theme footer [class*=icon],body.light-theme .footer [class*=social],body.light-theme .footer [class*=icon]{color:#5a5a6e!important}body.light-theme app-footer [class*=social]:hover,body.light-theme app-footer [class*=icon]:hover,body.light-theme footer [class*=social]:hover,body.light-theme footer [class*=icon]:hover,body.light-theme .footer [class*=social]:hover,body.light-theme .footer [class*=icon]:hover{color:#0ea5e9!important}body.light-theme app-footer [class*=cta],body.light-theme footer [class*=cta],body.light-theme .footer [class*=cta]{background:#13131a!important;border-color:#1e1e2e!important}body.light-theme app-footer [class*=cta] h2,body.light-theme app-footer [class*=cta] p,body.light-theme footer [class*=cta] h2,body.light-theme footer [class*=cta] p,body.light-theme .footer [class*=cta] h2,body.light-theme .footer [class*=cta] p{color:#fff!important}body.light-theme app-footer [class*=cta] p,body.light-theme footer [class*=cta] p,body.light-theme .footer [class*=cta] p{color:#8b8b9e!important}body.light-theme app-footer input,body.light-theme footer input,body.light-theme .footer input{background:#1a1a2e!important;border-color:#2a2a3e!important;color:#fff!important}body.light-theme .cta-section{background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important}body.light-theme table{background:#fff!important}body.light-theme table th{color:#6b7280!important;background:#f9fafb!important}body.light-theme table td{color:#374151!important;border-color:#f3f4f6!important}body.light-theme .status-paid,body.light-theme .badge-paid{background:#0ea5e914!important;color:#0284c7!important}body.light-theme .status-in_progress,body.light-theme .badge-in_progress{background:#f59e0b14!important;color:#d97706!important}body.light-theme .status-completed,body.light-theme .badge-completed{background:#00b89414!important;color:#059669!important}body.light-theme::-webkit-scrollbar-track{background:#f5f7fa}body.light-theme::-webkit-scrollbar-thumb{background:#d1d5db}body.light-theme .toast,body.light-theme .toast-item{background:#13131a!important;border-color:#1e1e2e!important;color:#fff!important;box-shadow:0 4px 20px #0000004d!important}body.light-theme .toast-message,body.light-theme .toast span,body.light-theme .toast p{color:#fff!important}body.light-theme .toast-close,body.light-theme .toast button{color:#8b8b9e!important}body.light-theme .skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%)!important;background-size:200% 100%}body.light-theme .modal-overlay{background:#0000004d!important}body.light-theme .modal-card{background:#fff!important;border-color:#e5e7eb!important}body.light-theme .profile-avatar{background:linear-gradient(135deg,#0ea5e9,#38bdf8)!important}body.light-theme .account-stats .stat-card,body.light-theme .admin-tabs{background:#fff!important;border-color:#e5e7eb!important}body.light-theme .admin-tabs button{color:#6b7280!important}body.light-theme .admin-tabs button:hover{color:#111827!important;background:#f3f4f6!important}body.light-theme .admin-tabs button.active{background:#0ea5e9!important;color:#fff!important}body.light-theme .search-input{background:#f9fafb!important;border-color:#d1d5db!important;color:#111827!important}body.light-theme .form-card,body.light-theme .chart-card{background:#fff!important;border-color:#e5e7eb!important}body.light-theme .chart-bar-bg{background:#f3f4f6!important}body.light-theme .step-dot{background:#f9fafb!important;border-color:#d1d5db!important}body.light-theme .timeline-step.done .step-dot{background:#059669!important;border-color:#059669!important}body.light-theme .upload-label{border-color:#d1d5db!important;color:#6b7280!important}body.light-theme .upload-label:hover{border-color:#0ea5e9!important;color:#0ea5e9!important}body.light-theme hr{border-color:#e5e7eb!important}body.light-theme code{background:#f3f4f6!important;color:#111827!important}