:root {
            --midnight: #0F172A;
            --teal: #0D9488;
            --coral: #F472B6;
            --soft-white: #F8FAFC;
        }
        body { font-family: 'Inter', sans-serif; background-color: var(--soft-white); color: #334155; scroll-behavior: smooth; }
        h1, h2, h3, .heading { font-family: 'DM Sans', sans-serif; }
        .glass { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(226, 232, 240, 0.8); }
        .card-hover { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid #f1f5f9; }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px -10px rgba(13, 148, 136, 0.1); border-color: var(--teal); }
        .btn-midnight { background: var(--midnight); color: white; transition: 0.3s; border-radius: 0.75rem; }
        .btn-midnight:hover { background: #1e293b; transform: translateY(-2px); }
        .btn-teal { background: var(--teal); color: white; transition: 0.3s; border-radius: 0.75rem; }
        .btn-teal:hover { background: #0f766e; transform: translateY(-2px); }
        .hero-bg { background: radial-gradient(circle at top right, #f0fdfa, #f8fafc); }
        .cart-dot { width: 18px; height: 18px; font-size: 10px; display: flex; align-items: center; justify-content: center; background: var(--coral); color: white; border-radius: 50%; position: absolute; top: -4px; right: -4px; border: 2px solid white; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        .section-padding { padding-top: 120px; padding-bottom: 120px; }
        .stats-gradient { background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%); }