@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
        :root {
            --primary: #4f46e5;
            --primary-dark: #4338ca;
            --secondary: #0e9f6e;
            --dark: #1f2937;
        }
        body {
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, .font-manrope {
            font-family: 'Manrope', sans-serif;
        }
        .hero-bg {
            background: radial-gradient(circle at 10% 20%, rgba(79,70,229,0.1) 0%, rgba(255,255,255,1) 40%);
        }
        .glowing-card {
            transition: all 0.3s ease;
        }
        .glowing-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(79, 70, 229, 0.3);
        }
        .feature-card {
            border: 1px solid #e5e7eb;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        .feature-card:hover {
            border-color: var(--primary);
        }
        .cta-bg {
            background: linear-gradient(to right, #4f46e5, #8b5cf6);
        }
        .pricing-card {
            background: linear-gradient(to bottom, rgba(255,255,255,1) 70%, rgba(249,250,251,1) 100%);
        }
        .pricing-highlight {
            position: relative;
            overflow: hidden;
        }
        .pricing-highlight::before {
            content: "Рекомендуем";
            position: absolute;
            top: 35px;
            right: -35px;
            background: var(--primary);
            color: white;
            padding: 4px 40px;
            transform: rotate(45deg);
            font-size: 12px;
            font-weight: 600;
        }