* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: var(--bg-body, #0a0a14);
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.4;
            color: var(--text-donate, #ffffff);
        }

        /* Основной контейнер страницы */
        .donate-page {
            max-width: 1300px;
            margin: 0 auto;
            padding: 60px 25px;
            display: flex;
            flex-direction: column;
            gap: 55px;
        }

        /* ---------- КАРТОЧКИ ---------- */
        .tariff-card {
            position: relative;
            border-radius: 48px;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.35);
            backdrop-filter: blur(2px);
        }

        /* Анимация подъёма и свечения при наведении */
        .tariff-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.5);
        }

        /* Усиленные градиенты */
        .tariff-card--elder {
            background: linear-gradient(125deg, #0c5c3a, #1f8a5c, #2bbd82);
            background-size: 200% 200%;
            animation: gradientFlow 10s ease infinite;
        }
        .tariff-card--discoverer {
            background: linear-gradient(125deg, #4a1d8c, #7a3db0, #a86eff);
            background-size: 200% 200%;
            animation: gradientFlow 10s ease infinite;
        }
        .tariff-card--eternal {
            background: linear-gradient(125deg, #c2410c, #f97316, #ffb347);
            background-size: 200% 200%;
            animation: gradientFlow 10s ease infinite;
        }

        /* Плавное переливание градиента */
        @keyframes gradientFlow {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Внутренний контент карточки */
        .tariff-card__row {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            padding: 40px 48px 30px;
        }

        /* Левая колонка название, цена, кнопка */
        .tariff-card__info {
            flex: 1;
            min-width: 240px;
        }
        .tariff-card__name {
            font-size: 3.2rem;
            font-weight: 800;
            letter-spacing: 2px;
            color: white;
            text-shadow: 0 0 15px rgba(255,255,255,0.6);
            margin-bottom: 2px;  
        }
        .tariff-card__price {
            font-size: 1.6rem;
            font-weight: 700;
            color: rgba(0, 0, 0, 0.5);
            background: transparent;
            margin: 8px 0 18px 0;   
        }
        .tariff-card__price span {
            font-size: 1rem;
            font-weight: normal;
            opacity: 0.8;
            color: rgba(0, 0, 0, 0.5);
        }

        .tariff-card__btn {
            display: inline-block;
            background: #010423;
            background-image: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
            background-repeat: no-repeat;
            background-position: center;
            padding: 13px 36px;
            border-radius: 16px;     
            font-weight: 700;
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: white;
            text-decoration: none;
            transition: transform 0.25s ease, background 0.2s;
            border: none;
            cursor: pointer;
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(2px);
        }

        .tariff-card__btn:hover {
            transform: scale(1.05);
            background: #1a1f44;
        }

        .tariff-card__features {
            flex: 2;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
            gap: 10px 30px;
        }
        .feature {
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 12px;
            color: rgba(255,255,255,0.95);
            border-bottom: 1px dashed rgba(255,255,255,0.25);
            padding: 8px 0;
        }
        .feature i {
            width: 28px;
            font-size: 1.2rem;
            text-align: center;
            filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
        }

        .tariff-card__kits {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin: 0 48px 45px 48px;
        }
        .kit-card {
            flex: 1;
            background: rgb(0 0 0 / 8%);
            backdrop-filter: blur(8px);
            border-radius: 32px;
            padding: 18px 24px;
            transition: all 0.25s ease;
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.15);
        }
        .kit-card:hover {
            background: rgba(0, 0, 0, 0.55);
            transform: translateY(-4px);
            border-color: rgba(255,255,255,0.35);
        }
        .kit-header {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 12px;
        }
        .kit-header i {
            font-size: 2rem;
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
        }
        .kit-title {
            font-size: 1.2rem;
            font-weight: 700;
            color: white;
        }
        .kit-desc {
            font-size: 0.85rem;
            color: rgba(255,255,255,0.8);
            margin-bottom: 12px;
        }
        .kit-preview {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .kit-card:hover .kit-preview {
            max-height: 220px;
        }
        .kit-preview img {
            width: 100%;
            max-width: 200px;
            border-radius: 20px;
            margin-top: 12px;
            display: block;
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }

        /* АДАПТИВНОСТЬ (мобил) */
        @media (max-width: 950px) {
            .donate-page { gap: 45px; padding: 40px 20px; }
            .tariff-card__row { padding: 30px 30px 20px; }
            .tariff-card__kits { margin: 0 30px 35px 30px; flex-direction: column; }
            .tariff-card__name { font-size: 2.6rem; }
            .tariff-card__price { font-size: 1.4rem; margin: 8px 0 18px; }
        }
        @media (max-width: 650px) {
            .tariff-card__features { grid-template-columns: 1fr; }
            .tariff-card__btn { padding: 10px 28px; font-size: 0.9rem; border-radius: 14px; }
            .kit-header i { font-size: 1.6rem; }
            .kit-title { font-size: 1rem; }
        }