@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        #notification {
			transition: opacity 0.3s ease;
		}
		#notification.hidden {
			opacity: 0;
			pointer-events: none;
		}
        body {
            font-family: 'Inter', sans-serif;
            background-color: #08061A;
            color: white;
            scroll-behavior: smooth;
        }
        .hidden {
            display: none;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #08061A 0%, #17352 50%, #8AA29E 100%);
        }
        .line {
			height: 2px; /* Высота линии */
			background-color: #2D2B3C; /* Цвет линии */
			margin: 8px 0; /* Отступы сверху и снизу */
			width: 100%;
		}
		
        .timeline-item {
            position: relative;
            padding-left: 30px;
            margin-bottom: 30px;
        }
        
        .timeline-item:before {
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #8AA29E;
        }
        
        .timeline-item:after {
            content: '';
            position: absolute;
            left: 7px;
            top: 20px;
            width: 1px;
            height: calc(100% - 20px);
            background: #8AA29E;
        }
        
        .timeline-item:last-child:after {
            display: none;
        }
        .accordion-content {
			overflow: hidden;
			max-height: 0;
			opacity: 0;
			transition: max-height 0.3s ease-out, opacity 0.3s ease;
			padding-top: 0;
			padding-bottom: 0;
			margin-top: 0;
			margin-bottom: 0;
		}

		.accordion-content.open {
			max-height: 500px; /* Подбери подходящее значение */
			opacity: 1;
		}

		/* Для иконки (вращение при открытии) */
		.fa-chevron-down {
			transition: transform 0.3s ease;
		}

		.fa-chevron-down.open {
			transform: rotate(180deg);
		}
        .pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .floating-btn {
            animation: float 3s ease-in-out infinite;
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        .fade-in {
            animation: fadeIn 1s ease-in;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }