@import url('sdbo-theme.css');

/*===== плавную прокрутку ===== */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px; /* чтобы sticky-navbar не закрывал заголовок */
}

body {
            background: #f6f7f9;
            font-family: var(--sdbo-font);
            color: #0b222a;
        }

        /* ===== Navbar ===== */
        .navbar {
            background: rgba(246, 247, 249, 0.92) !important;
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            box-shadow: 0 1px 0 var(--sdbo-border);
        }
        .navbar-brand {
            font-weight: 700;
            font-size: 1.5rem;
            color: var(--sdbo-dark) !important;
        }
        .navbar .nav-link {
            color: var(--sdbo-text-tab) !important;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: -0.01em;
            padding: 0.4rem 1rem !important;
            border-radius: var(--sdbo-r-pill);
            transition: background 0.25s ease, color 0.25s ease;
            margin: 0 2px;
        }
        .navbar .nav-link:hover {
            color: var(--sdbo-text) !important;
            background: rgba(18, 56, 69, 0.06);
        }
        .navbar .nav-link.active {
            color: #fff !important;
            background: var(--sdbo-primary);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
        }
        .dropdown-menu {
            border: none;
            border-radius: var(--sdbo-r-md);
            box-shadow: var(--sdbo-shadow-md);
            padding: 8px;
            margin-top: 8px;
            animation: dropdownFade 0.25s ease;
        }
        @keyframes dropdownFade {
            from { opacity: 0; transform: translateY(-8px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        .dropdown-item {
            border-radius: 8px;
            padding: 10px 14px;
            color: #555;
            font-weight: 500;
            transition: all 0.2s ease;
        }
        .dropdown-item:hover {
            background: var(--sdbo-bg);
            color: var(--sdbo-text) !important;
        }
        .dropdown-item.active {
            background: var(--sdbo-primary);
            color: #fff !important;
        }
        .dropdown-item i { width: 20px; }
        .nav-link.dropdown-toggle::after { transition: transform 0.3s ease; }
        .nav-link.dropdown-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
        .navbar .nav-link.active-parent {
            color: #123845 !important;
            background: rgba(18, 56, 69, 0.1);
        }

			
		/* ===== Группа в dropdown ===== */
		.dropdown-group-title {
			display: flex;
			align-items: center;
			padding: 10px 14px 6px;
			margin-top: 8px;
			font-size: 1.1rem;        /* ← было 0.9rem, стало 1.1rem (17.6px) */
			font-weight: 800;
			color: #123845;
			letter-spacing: -0.2px;
		}

		/* Заголовок без верхней линии */
		.dropdown-menu > li:first-child .dropdown-group-title {
			margin-top: 0;
		}

		/* ===== Отступ для подпунктов в dropdown ===== */
		.dropdown-menu .dropdown-item.dropdown-item-indent {
			padding-left: 30px !important;
			position: relative;
		}

		/* Вертикальная линия-табулятор */
		.dropdown-menu .dropdown-item.dropdown-item-indent::before {
			content: '';
			position: absolute;
			left: 16px;
			top: 50%;
			transform: translateY(-50%);
			width: 2px;
			height: 60%;
			background: #e4edf0;
			border-radius: 1px;
			transition: background 0.2s ease;
		}

		/* При наведении — линия подсвечивается */
		.dropdown-menu .dropdown-item.dropdown-item-indent:hover::before,
		.dropdown-menu .dropdown-item.dropdown-item-indent.active::before {
			background: #123845;
		}

		

        /* ===== Hero криптозаем ===== */
        .hero-crypto {
            background: linear-gradient(135deg, #0b222a 0%, #2d1b4e 100%);
            color: #fff;
            padding: 80px 0;
            position: relative;
            overflow: hidden;
        }
        .hero-crypto::before {
            content: '';
            position: absolute;
            top: -50%; right: -10%;
            width: 500px; height: 500px;
            background: radial-gradient(circle, rgba(18, 56, 69, 0.35), transparent 70%);
            border-radius: 50%;
        }
        .hero-crypto::after {
            content: '';
            position: absolute;
            bottom: -30%; left: -10%;
            width: 400px; height: 400px;
            background: radial-gradient(circle, rgba(247, 147, 26, 0.2), transparent 70%);
            border-radius: 50%;
        }
        .hero-crypto .container { position: relative; z-index: 1; }
        .hero-crypto h1 {
            font-size: 3rem;
            font-weight: 800;
            line-height: 1.15;
        }
        .hero-crypto .highlight {
            background: linear-gradient(135deg, #f7931a, #ffb84d);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* ===== Секции ===== */
        .section-title {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }
        .section-subtitle {
            color: #687284;
            margin-bottom: 2.5rem;
        }

        /* ===== Карточки ===== */
        .feature-card {
            background: #fff;
            border: none;
            border-radius: 16px;
            padding: 32px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            height: 100%;
        }
        .feature-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 40px rgba(18, 56, 69, 0.15);
        }
        .feature-card .icon {
            width: 56px; height: 56px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            background: linear-gradient(135deg, #123845, #0b222a);
            color: #fff;
            margin-bottom: 20px;
        }
        .feature-card .icon.gold {
            background: linear-gradient(135deg, #f7931a, #ffb84d);
        }

		

        /* ===== Статистика ===== */
        .stats-block {
            background: linear-gradient(135deg, #123845, #0b222a);
            border-radius: 20px;
            color: #fff;
            padding: 50px 30px;
        }
        .stat-item h3 {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 0.25rem;
        }
        .stat-item p {
            margin: 0;
            opacity: 0.85;
        }

        /* ===== Калькулятор ===== */
        .calc-box {
            background: #fff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
        }
        .calc-result {
            background: linear-gradient(135deg, #f6f7f9, #e4edf0);
            border-radius: 14px;
            padding: 24px;
        }
        .calc-result .value {
            font-size: 2rem;
            font-weight: 800;
            color: #123845;
        }
        .form-control, .form-select {
            border-radius: 10px;

            padding: 12px 16px;
            border: 2px solid #e5e7eb;
        }
        .form-control:focus, .form-select:focus {
            border-color: #123845;
            box-shadow: 0 0 0 0.2rem rgba(18, 56, 69, 0.15);
        }

        .btn-gradient {
            background: linear-gradient(135deg, #123845, #0b222a);
            color: #fff;
            border: none;
            padding: 14px 40px;
            border-radius: 50px;
            font-weight: 600;
            box-shadow: 0 10px 25px rgba(18, 56, 69, 0.4);
            transition: all 0.3s ease;
        }
        .btn-gradient:hover {
            color: #fff;
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(18, 56, 69, 0.6);
        }
        .btn-outline-light-custom {
            border: 2px solid rgba(255, 255, 255, 0.4);
            color: #fff;
            padding: 14px 40px;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        .btn-outline-light-custom:hover {
            background: rgba(255, 255, 255, 0.15);
            color: #fff;
            border-color: #fff;
        }

        /* ===== FAQ / Accordion ===== */
        .accordion-item {
            border: none;
            border-radius: 14px !important;
            margin-bottom: 12px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            overflow: hidden;
        }
        .accordion-button {
            font-weight: 600;
            padding: 20px 24px;
            border-radius: 14px !important;
        }
        .accordion-button:not(.collapsed) {
            background: linear-gradient(135deg, #123845, #0b222a);
            color: #fff;
        }
        .accordion-button:not(.collapsed)::after {
            filter: brightness(0) invert(1);
        }
        .accordion-button:focus {
            box-shadow: none;
            border-color: transparent;
        }

        /* ===== CTA ===== */
        .cta-block {
            background: linear-gradient(135deg, #0b222a, #2d1b4e);
            border-radius: 20px;
            color: #fff;
            padding: 60px 40px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .cta-block::before {
            content: '';
            position: absolute;
            top: -50%; right: -10%;
            width: 400px; height: 400px;
            background: radial-gradient(circle, rgba(247, 147, 26, 0.25), transparent 70%);
            border-radius: 50%;
        }
        .cta-block > * { position: relative; z-index: 1; }

        footer {
            background: #0b222a;
            color: rgba(255, 255, 255, 0.7);
            padding: 40px 0 20px;
        }
        footer a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: color 0.2s; }
        footer a:hover { color: #f7931a; }
        footer .social a {
            display: inline-flex;
            width: 40px; height: 40px;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.08);
            margin-right: 8px;
            transition: all 0.3s ease;
        }
        footer .social a:hover {
            background: linear-gradient(135deg, #123845, #0b222a);
            color: #fff;
            transform: translateY(-3px);
        }

        @media (max-width: 991px) {
            .navbar .nav-link { margin: 4px 0; }
            .hero-crypto h1 { font-size: 2rem; }
            .hero-crypto { padding: 50px 0; }
            .stat-item h3 { font-size: 2rem; }
        }

/* ===== Диапазон LTV ползунок ===== */
.form-range::-webkit-slider-thumb {
    background: linear-gradient(135deg, #123845, #0b222a);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(18, 56, 69, 0.5);
}
.form-range::-moz-range-thumb {
    background: linear-gradient(135deg, #123845, #0b222a);
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
}
.form-range::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(90deg, #123845 var(--range-progress, 50%), #e5e7eb var(--range-progress, 50%));
}


/* ===== Шаги ===== */
.step-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #e4edf0;
    color: #687284;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}
.step-pill.active {
    background: linear-gradient(135deg, #123845, #0b222a);
    color: #fff;
    box-shadow: 0 5px 15px rgba(18, 56, 69, 0.4);
}
.step-pill.done {
    background: rgba(18, 56, 69, 0.15);
    color: #123845;
}
.step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; height: 24px;
    border-radius: 50%;
    background: rgba(0,0,0,0.08);
    font-size: 0.85rem;
    font-weight: 700;
}
.step-pill.active .step-num {
    background: rgba(255,255,255,0.25);
}

/* ===== Карточки продуктов ===== */
.product-card {
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px;
    transition: all 0.3s ease;
    cursor: pointer;
}
.product-card:hover {
    border-color: #123845;
    box-shadow: 0 15px 35px rgba(18, 56, 69, 0.15);
    transform: translateY(-4px);
}
.product-card.selected {
    border-color: #123845;
    box-shadow: 0 15px 35px rgba(18, 56, 69, 0.15);
}
.product-card .icon {
    width: 56px; height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    background: linear-gradient(135deg, #123845, #0b222a);
    color: #fff;
}
.product-card .icon.gold {
    background: linear-gradient(135deg, #f7931a, #ffb84d);
}

/* ===== Инфо-строки ===== */
.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e4edf0;
    min-height: 48px;
    gap: 12px;
}

.info-row > span:first-child {
    flex-shrink: 0;
}

.info-row > strong:last-child {
    text-align: right;
    margin-left: auto;
}

.info-row:last-child {
    border-bottom: none;
}

/* Тонкая рамка для текущего LTV */
.ltv-badge {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #123845;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.9rem;
    background: rgba(18, 56, 69, 0.06);
    transition: all 0.2s ease;
}

/* Двухстрочный info-row */
.info-row.info-row-block {
    display: block;
    padding: 12px 0;
}

/* ===== Резюме ===== */
.summary-box {
    background: linear-gradient(135deg, #f6f7f9, #e4edf0);
    border-radius: 14px;
    padding: 24px;
}

/* ===== Бейджи статусов ===== */
.badge.status-draft     { background: #e5e7eb; color: #414447; }
.badge.status-pending   { background: #fef3c7; color: #92400e; }
.badge.status-reserved  { background: #dbeafe; color: #1e40af; }
.badge.status-approved  { background: #d1fae5; color: #065f46; }
.badge.status-rejected  { background: #fee2e2; color: #991b1b; }
.badge.status-signed    { background: #e4edf0; color: #3730a3; }
.badge.status-funded    { background: #d1fae5; color: #065f46; }
.badge.status-rejected_by_client {
    background: #e5e7eb;
    color: #414447;
}


/* ===== Таблица ставок ===== */
/* ===== Таблица ставок ===== */
.rates-table {
    font-size: 0.95rem;
}
.rates-table td,
.rates-table th {
    vertical-align: middle;
    padding: 12px 10px;
    white-space: nowrap;
}
.rates-table thead th {
    background: #f6f7f9;
    font-weight: 600;
}
.rates-table tbody tr:hover {
    background: rgba(18, 56, 69, 0.04);
}

/* Цветовая индикация ставок */
.rates-table .rate-min  { background: rgba(16, 185, 129, 0.10); color: #065f46; }
.rates-table .rate-low  { background: rgba(16, 185, 129, 0.05); color: #065f46; }
.rates-table .rate-mid  { background: rgba(245, 158, 11, 0.10); color: #92400e; }
.rates-table .rate-high { background: rgba(239, 68, 68, 0.10);  color: #991b1b; }

/* Легенда */
.legend-dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    vertical-align: middle;
}
.legend-dot.rate-min  { background: rgba(16, 185, 129, 0.4); }
.legend-dot.rate-low  { background: rgba(16, 185, 129, 0.2); }
.legend-dot.rate-mid  { background: rgba(245, 158, 11, 0.4); }
.legend-dot.rate-high { background: rgba(239, 68, 68, 0.4); }

/* Печать */
@media print {
    .navbar,
    footer,
    .btn,
    .alert-info {
        display: none !important;
    }
    .calc-box {
        box-shadow: none !important;
        border: 1px solid #ddd;
    }
    body {
        background: #fff !important;
    }
    .rates-table {
        font-size: 10px;
    }
    .rates-table td,
    .rates-table th {
        padding: 4px 6px;
    }
    .badge {
        border: 1px solid #999;
        color: #000 !important;
        background: #fff !important;
    }
}

/* ===== Блок рисков в калькуляторе ===== */
.risk-block {
    background: linear-gradient(135deg, #fff9e6, #fff3d6);
    border: 1px solid #ffe4a1;
    border-radius: 12px;
    padding: 14px 16px;
    margin-top: 4px;
}

.risk-block-title {
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #92400e;
    margin-bottom: 10px;
}

.risk-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: 0.92rem;
    border-bottom: 1px dashed rgba(146, 64, 14, 0.15);
}

.risk-row:last-of-type {
    border-bottom: none;
}

.risk-row strong {
    font-size: 1.05rem;
    font-weight: 700;
}

.risk-hint {
    line-height: 1.4;
    font-size: 0.78rem;
}

/* Анимация изменения ставки */
#rateValue {
    transition: color 0.3s ease, transform 0.3s ease;
}
#rateValue.changed {
    animation: rateFlash 0.5s ease;
}
@keyframes rateFlash {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.15); color: #f7931a; }
    100% { transform: scale(1); }
}

/* ===== Кнопка обновления курса ===== */
#refreshPrice {
    border-color: #dee2e6;
    color: #687284;
    transition: all 0.2s ease;
    padding: 0 12px;
}

#refreshPrice:hover:not(:disabled) {
    background: rgba(18, 56, 69, 0.08);
    border-color: #123845;
    color: #123845;
}

#refreshPrice:focus {
    box-shadow: none;
}

#refreshPrice:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Анимация вращения */
#refreshIcon.spinning {
    display: inline-block;
    animation: spin 0.9s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.section-divider {
    margin: 24px 0;
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #123845, transparent);
}

/* ===== Блок "Мои заявки" ===== */
.my-requests-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
}

.my-requests-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.my-request-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: #f9fafb;
    border: 1px solid #e4edf0;
    border-radius: 10px;
    transition: all 0.2s ease;
    flex-wrap: wrap;
    gap: 10px;
}

.my-request-item:hover {
    background: #fff;
    border-color: #123845;
    box-shadow: 0 5px 20px rgba(18, 56, 69, 0.1);
}

.my-request-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.my-request-id code {
    font-size: 0.8rem;
    color: #687284;
    background: transparent;
    padding: 0;
}

.my-request-info {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

.my-request-amount {
    font-weight: 700;
    font-size: 1.1rem;
    color: #0b222a;
}

.my-request-date {
    font-size: 0.85rem;
    color: #8e93a2;
}

.my-request-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.my-requests-empty {
    padding: 30px;
    background: #f9fafb;
    border: 1px dashed #e5e7eb;
    border-radius: 14px;
}

/* ===== Период охлаждения ===== */
.cooling-block {
    background: linear-gradient(135deg, #fff9e6, #fff3d6);
    border: 2px solid #ffe4a1;
    border-radius: 14px;
    padding: 20px;
    margin-top: 16px;
}

.cooling-header {
    font-weight: 700;
    color: #92400e;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.cooling-text {
    color: #78350f;
    font-size: 0.9rem;
}

.cooling-timer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #ffe4a1;
    border-radius: 12px;
    padding: 16px 24px;
    font-family: 'Courier New', monospace;
    font-weight: 700;
}

.cooling-timer-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #123845, #0b222a);
    color: #fff;
    border-radius: 10px;
    font-size: 1.6rem;
    font-weight: 800;
    box-shadow: 0 5px 15px rgba(18, 56, 69, 0.3);
}

.cooling-timer-sep {
    font-size: 1.8rem;
    color: #92400e;
    font-weight: 800;
}

.cooling-timer.expired .cooling-timer-value {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

/* ===== Фильтры (менеджер) ===== */
.filters-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
}


/* ===== Список заявок (менеджер) ===== */
.admin-requests-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin-request-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    transition: all 0.2s ease;
    gap: 15px;
    flex-wrap: wrap;
}

.admin-request-card:hover {
    border-color: #123845;
    box-shadow: 0 5px 20px rgba(18, 56, 69, 0.1);
}

.admin-request-main {
    flex: 1;
    min-width: 0;
}

.admin-request-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
}

.admin-request-head code {
    font-size: 0.85rem;
    color: #687284;
    background: transparent;
    padding: 0;
}

.admin-request-client {
    font-weight: 600;
    color: #0b222a;
    margin-bottom: 6px;
}

.admin-request-info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    color: #414447;
    flex-wrap: wrap;
}

/* ===== Блок клиента ===== */
.client-info-block {
    background: linear-gradient(135deg, #f6f7f9, #e4edf0);
    border-radius: 12px;
    padding: 16px 20px;
}

/* ===== Блок подписание договора ===== */

.contract-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
}

.contract-title {
    font-weight: 700;
    color: #0b222a;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e4edf0;
}

.contract-text {
    max-height: 380px;
    overflow-y: auto;
    background: #f9fafb;
    border: 1px solid #e4edf0;
    border-radius: 10px;
    padding: 18px 22px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #374151;
    scroll-behavior: smooth;
}

.contract-text pre {
    margin: 0;
    font-family: var(--sdbo-font);
    white-space: pre-wrap;
    word-wrap: break-word;
    color: inherit;
}

/* Скроллбар */
.contract-text::-webkit-scrollbar { width: 8px; }
.contract-text::-webkit-scrollbar-track { background: #e4edf0; border-radius: 4px; }
.contract-text::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #123845, #0b222a);
    border-radius: 4px;
}

.contract-scroll-hint {
    margin-top: 12px;
    text-align: center;
    color: #8e93a2;
    font-size: 0.85rem;
    animation: bounceDown 1.5s infinite;
}

@keyframes bounceDown {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(4px); }
}

.contract-check {
    margin-top: 14px;
    padding: 12px 16px;
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.3);
    border-radius: 10px;
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== Проверка рыночных условий ===== */
.check-loader {
    text-align: center;
    padding: 60px 20px;
}

.price-compare-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 24px;
}

.price-card {
    background: #f9fafb;
    border: 1px solid #e4edf0;
    border-radius: 12px;
    padding: 18px 20px;
}

.price-card-current {
    background: linear-gradient(135deg, #f6f7f9, #e4edf0);
    border-color: #dbeafe;
}

.price-label {
    font-size: 0.85rem;
    color: #687284;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.price-value {
    font-size: 1.8rem;
    font-weight: 800;
    color: #0b222a;
    line-height: 1.2;
}

.price-sub {
    font-size: 0.85rem;
    color: #8e93a2;
    margin-top: 6px;
}

.btn-refresh-small {
    background: transparent;
    border: none;
    color: #687284;
    padding: 2px 6px;
    border-radius: 6px;
    transition: 0.2s;
    cursor: pointer;
}

.btn-refresh-small:hover {
    background: rgba(18, 56, 69, 0.1);
    color: #123845;
}

.btn-refresh-small:disabled {
    opacity: 0.5;
}

#refreshIcon.spinning {
    display: inline-block;
    animation: spin 0.9s linear infinite;
}


/* Таблица */
.check-table-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 24px;
}

.check-table {
    margin: 0;
}

.check-table th {
    background: #f9fafb;
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #687284;
    padding: 12px 14px;
}

.check-table td {
    padding: 14px;
    vertical-align: middle;
}

.check-table tbody tr:hover {
    background: rgba(18, 56, 69, 0.04);
}

/* Сводка порогов */
.risk-summary {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
}

.risk-summary-item {
    padding: 12px 16px;
    background: #f9fafb;
    border-radius: 10px;
    text-align: center;
}

.risk-summary-item strong {
    font-size: 1.1rem;
    display: block;
    margin-top: 4px;
}

/* ===== Иконки криптовалют (CSS mask) ===== */
.crypto-icon {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    vertical-align: -0.15em;
    margin-right: 6px;
    background-color: currentColor;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transition: background-color 0.2s ease;
}

/* BTC */
.crypto-icon-btc {
    -webkit-mask-image: url('/assets/icons/crypto/btc.svg');
    mask-image: url('/assets/icons/crypto/btc.svg');
}

/* ETH */
.crypto-icon-eth {
    -webkit-mask-image: url('/assets/icons/crypto/eth.svg');
    mask-image: url('/assets/icons/crypto/eth.svg');
}

/* USDT */
.crypto-icon-usdt {
    -webkit-mask-image: url('/assets/icons/crypto/usdt.svg');
    mask-image: url('/assets/icons/crypto/usdt.svg');
}

/* USDC */
.crypto-icon-usdc {
    -webkit-mask-image: url('/assets/icons/crypto/usdc.svg');
    mask-image: url('/assets/icons/crypto/usdc.svg');
}

/* BNB */
.crypto-icon-bnb {
    -webkit-mask-image: url('/assets/icons/crypto/bnb.svg');
    mask-image: url('/assets/icons/crypto/bnb.svg');
}

.crypto-icon-ton {
    -webkit-mask-image: url('/assets/icons/crypto/ton.svg');
    mask-image: url('/assets/icons/crypto/ton.svg');
}

.crypto-icon-sol {
    -webkit-mask-image: url('/assets/icons/crypto/sol.svg');
    mask-image: url('/assets/icons/crypto/sol.svg');
}

.crypto-icon-avax {
    -webkit-mask-image: url('/assets/icons/crypto/avax.svg');
    mask-image: url('/assets/icons/crypto/avax.svg');
}

/* ============================================================
   СТРАНИЦА КРИПТОВКЛАДА — ЗЕЛЁНАЯ ТЕМА
   ============================================================ */

/* ===== Hero ===== */
.hero-deposit {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 40%, #0b222a 100%);
    color: #fff;
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}

.hero-deposit::before {
    content: '';
    position: absolute;
    top: -30%; right: -10%;
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.3), transparent 70%);
    border-radius: 50%;
}

.hero-deposit::after {
    content: '';
    position: absolute;
    bottom: -40%; left: -15%;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(52, 211, 153, 0.2), transparent 70%);
    border-radius: 50%;
}

.hero-deposit .container {
    position: relative;
    z-index: 1;
}

/* Бейдж сверху */
.hero-deposit-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.4);
    border-radius: 50px;
    color: #6ee7b7;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Заголовок */
.hero-deposit-title {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.5px;
}

.highlight-deposit {
    background: linear-gradient(135deg, #10b981, #34d399);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Кнопки */
.btn-deposit {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    border: none;
    padding: 14px 40px;
    border-radius: 50px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);
    transition: all 0.3s ease;
}

.btn-deposit:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.6);
}

.btn-outline-deposit {
    border: 2px solid rgba(255, 255, 255, 0.35);
    color: #fff;
    padding: 14px 40px;
    border-radius: 50px;
    font-weight: 600;
    background: transparent;
    transition: all 0.3s ease;
}

.btn-outline-deposit:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
}

/* Мини-статистика */
.hero-deposit-stats {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-deposit-stat-value {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.3px;
}

.hero-deposit-stat-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 2px;
}

/* Визуал справа */
.hero-deposit-visual {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-deposit-circle {
    position: absolute;
    border-radius: 50%;
    border: 2px dashed rgba(16, 185, 129, 0.2);
    animation: rotateSlow 30s linear infinite;
}

.hero-deposit-circle-1 {
    width: 380px; height: 380px;
}

.hero-deposit-circle-2 {
    width: 300px; height: 300px;
    border-color: rgba(52, 211, 153, 0.25);
    animation-direction: reverse;
    animation-duration: 20s;
}

.hero-deposit-circle-3 {
    width: 220px; height: 220px;
    border-color: rgba(16, 185, 129, 0.35);
    animation-duration: 15s;
}

.hero-deposit-icon {
    position: relative;
    z-index: 2;
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(52, 211, 153, 0.15));
    border-radius: 50%;
    border: 2px solid rgba(16, 185, 129, 0.4);
    font-size: 4rem;
    color: #34d399;
    box-shadow: 0 0 60px rgba(16, 185, 129, 0.3);
}

@keyframes rotateSlow {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ============================================================
   ЗЕЛЁНАЯ ТЕМА ДЛЯ ВСЕЙ СТРАНИЦЫ
   ============================================================ */

/* ===== Иконки в feature-card ===== */
.deposit-green-theme .feature-card .icon {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.25);
}

.deposit-green-theme .feature-card .icon.gold {
    background: linear-gradient(135deg, #34d399, #10b981);
    box-shadow: 0 8px 20px rgba(52, 211, 153, 0.25);
}

/* ===== Статистика ===== */
.deposit-green-theme .stats-block {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 20px 50px rgba(16, 185, 129, 0.25);
}

/* ===== Шаги "Как это работает" ===== */
.deposit-step-card {
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    position: relative;
}

.deposit-step-card:hover {
    border-color: #10b981;
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15);
}

.deposit-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 16px;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
}

.deposit-step-card h5 {
    font-weight: 700;
    color: #0b222a;
    margin-bottom: 8px;
}

.deposit-step-card p {
    color: #687284;
    font-size: 0.9rem;
    margin: 0;
}

/* ===== CTA-блок ===== */
.deposit-green-theme .cta-block {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 20px 50px rgba(16, 185, 129, 0.25);
}

.deposit-green-theme .cta-block::before {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 70%);
}

.deposit-green-theme .cta-block .btn-gradient {
    background: #fff;
    color: #059669;
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.3);
}

.deposit-green-theme .cta-block .btn-gradient:hover {
    color: #047857;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 255, 255, 0.4);
}

/* ===== Кнопка "Открыть вклад" в калькуляторе ===== */
.deposit-green-theme .calc-result .btn-gradient {
    background: linear-gradient(135deg, #10b981, #059669);
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);
}

.deposit-green-theme .calc-result .btn-gradient:hover {
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.6);
}

/* ===== Блок "Доходность" в калькуляторе ===== */
.deposit-green-theme .risk-block {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    border-color: #a7f3d0;
}

.deposit-green-theme .risk-block-title {
    color: #065f46;
}

.deposit-green-theme .risk-row {
    border-bottom-color: rgba(6, 95, 70, 0.15);
}

/* ===== Акценты в калькуляторе ===== */
.deposit-green-theme .calc-result .value,
.deposit-green-theme #depositRate,
.deposit-green-theme #annualRate,
.deposit-green-theme #totalRate {
    color: #10b981 !important;
}

.deposit-green-theme #depositTotal {
    color: #059669 !important;
}

/* ===== Иконка криптовалюты ===== */
.deposit-green-theme .crypto-icon {
    background-color: #10b981;
}

/* ===== Заголовки секций ===== */
.deposit-green-theme .section-title {
    color: #0b222a;
}

.deposit-green-theme .section-subtitle {
    color: #687284;
}

/* ===== Форма в калькуляторе ===== */
.deposit-green-theme .form-control:focus,
.deposit-green-theme .form-select:focus {
    border-color: #10b981;
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.15);
}

/* ===== Кнопка обновления курса ===== */
.deposit-green-theme #refreshPrice:hover:not(:disabled) {
    background: rgba(16, 185, 129, 0.08);
    border-color: #10b981;
    color: #10b981;
}

/* ===== Аккордеон FAQ ===== */
.deposit-green-theme .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
}

/* ===== Адаптив ===== */
@media (max-width: 991px) {
    .hero-deposit { padding: 60px 0; }
    .hero-deposit-title { font-size: 2rem; }
    .hero-deposit-stats { gap: 25px; }
    .hero-deposit-stat-value { font-size: 1.1rem; }
}
/* ============================================================
   ЗЕЛЁНАЯ ТЕМА — ДОПОЛНЕНИЯ
   ============================================================ */

/* ===== Кнопки btn-gradient в калькуляторе и CTA ===== */
.deposit-green-theme .btn-gradient {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4) !important;
}

.deposit-green-theme .btn-gradient:hover {
    background: linear-gradient(135deg, #059669, #047857) !important;
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.6) !important;
    color: #fff !important;
}

/* ===== Блок "Доходность" (risk-block) ===== */
.deposit-green-theme .risk-block {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
    border: 1px solid #a7f3d0 !important;
}

.deposit-green-theme .risk-block-title {
    color: #065f46 !important;
}

.deposit-green-theme .risk-block-title i {
    color: #10b981 !important;
}

.deposit-green-theme .risk-row {
    border-bottom-color: rgba(6, 95, 70, 0.12) !important;
}

.deposit-green-theme .risk-hint {
    color: #047857 !important;
}

/* ===== Акценты в калькуляторе ===== */
.deposit-green-theme .calc-result .value,
.deposit-green-theme #depositRate,
.deposit-green-theme #annualRate,
.deposit-green-theme #totalRate {
    color: #10b981 !important;
}

.deposit-green-theme #depositTotal {
    color: #059669 !important;
}

/* ===== Иконка криптовалюты ===== */
.deposit-green-theme .crypto-icon {
    background-color: #10b981;
}

/* ===== Формы ===== */
.deposit-green-theme .form-control:focus,
.deposit-green-theme .form-select:focus {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.15) !important;
}

/* ===== Кнопка обновления курса ===== */
.deposit-green-theme #refreshPrice:hover:not(:disabled) {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: #10b981 !important;
    color: #10b981 !important;
}

/* ===== Аккордеон FAQ ===== */
.deposit-green-theme .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #fff !important;
}

.deposit-green-theme .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.deposit-green-theme .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.15) !important;
}

/* ===== Карточки преимуществ ===== */
.deposit-green-theme .feature-card .icon {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.25) !important;
}

.deposit-green-theme .feature-card .icon.gold {
    background: linear-gradient(135deg, #34d399, #10b981) !important;
}

.deposit-green-theme .feature-card:hover {
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15) !important;
}

/* ===== Статистика ===== */
.deposit-green-theme .stats-block {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    box-shadow: 0 20px 50px rgba(16, 185, 129, 0.25) !important;
}

/* ===== Шаги "Как это работает" ===== */
.deposit-green-theme .deposit-step-card {
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
}

.deposit-green-theme .deposit-step-card:hover {
    border-color: #10b981;
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.15);
}

.deposit-green-theme .deposit-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 16px;
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);
}

/* ===== CTA-блок ===== */
.deposit-green-theme .cta-block {
    background: linear-gradient(135deg, #10b981, #059669) !important;

    box-shadow: 0 20px 50px rgba(16, 185, 129, 0.25) !important;
}

.deposit-green-theme .cta-block::before {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 70%) !important;
}

.deposit-green-theme .cta-block .btn-gradient {
    background: #fff !important;
    color: #059669 !important;
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.3) !important;
}

.deposit-green-theme .cta-block .btn-gradient:hover {
    color: #047857 !important;
    background: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 255, 255, 0.4) !important;
}

/* ===== Заголовки секций ===== */
.deposit-green-theme .section-subtitle {
    color: #687284;
}

/* ===== Иконка криптовалюты в input-group (синяя как дизайн) ===== */
.input-group-text .crypto-icon {
    background-color: #123845;   /* ← фиолетово-синий (цвет темы криптозайма) */
    width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    margin: 0;
}



/* Hover — чуть темнее */
.input-group-text:hover .crypto-icon {
    background-color: #5568d3;
}


/* ============================================================
   ТАРИФНЫЕ КАРТОЧКИ (КРИПТОВКЛАД / КАСТОДИ)
   ============================================================ */
.tariff-card {
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    height: 100%;
    transition: all 0.3s ease;
}

.tariff-card:hover {
    border-color: #10b981;
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.12);
    transform: translateY(-4px);
}

.tariff-title {
    font-weight: 700;
    color: #065f46;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e4edf0;
    display: flex;
    align-items: center;
}

.tariff-title i {
    color: #10b981;
    font-size: 1.2rem;
}

.tariff-card .rates-table tbody tr:hover {
    background: rgba(16, 185, 129, 0.04);
}

.tariff-card .rates-table th {
    background: #f0fdf4;
    color: #065f46;
}

/* ===== Объединённое поле Количество × Цена ===== */
.input-group .form-control#depositQuantity {
    background: #fff;
    border-right: none;
}

.input-group .form-control#depositPrice {
    background: #f9fafb;
    border-left: none;
}

.input-group .input-group-text.bg-white {
    color: #8e93a2;
    font-weight: 700;
    font-size: 1rem;
    padding: 0 8px;
}

/* Убираем двойные границы */
.input-group .form-control#depositQuantity:focus + .input-group-text {
    border-color: #10b981;
}

@keyframes fieldFlash {
    0%   { background: #ecfdf5; }
    100% { background: #fff; }
}

.form-control.changed {
    animation: fieldFlash 0.6s ease;
}

/* Иконка внутри strong (Сумма вклада, К получению) */
strong .crypto-icon,
strong #depositValueIcon,
strong #depositTotalIcon {
    width: 1em;
    height: 1em;
    vertical-align: -0.1em;
    margin-right: 4px;
}

.value-number {
    font-weight: 700;
}

/* ===== Доход за срок (в одну строку) ===== */
.income-title {
    font-size: 1rem;
    color: #0b222a;
    font-weight: 700;
    display: block;
    line-height: 1.2;
}

#depositIncome .value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #10b981;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
}

#depositIncome .value .crypto-icon {
    width: 1em;
    height: 1em;
    margin: 0;
}

/* Сумма вклада — иконка */
#depositValue {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #0b222a;
}

#depositValue .crypto-icon {
    width: 1em;
    height: 1em;
    margin: 0;
}

/* На мобильных — уменьшаем */
@media (max-width: 575px) {
    #depositIncome .value {
        font-size: 1.2rem;
    }
    .income-title {
        font-size: 0.9rem;
    }
}

/* ============================================================
   МИНИ-ТАБЛИЦА СРОКОВ (в калькуляторе вклада)
   ============================================================ */
.terms-mini {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 20px;
    margin-top: 8px;
}

.terms-mini-header {
    font-size: 0.85rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4edf0;
    display: flex;
    align-items: center;
}

/* Сетка из 4 карточек в ряд */
.terms-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

/* Карточка срока */
.terms-mini-item {
    background: #fff;
    border: 1px solid #e4edf0;
    border-radius: 10px;
    padding: 12px 8px;
    text-align: center;
    transition: all 0.25s ease;
}

.terms-mini-item:hover {
    border-color: #10b981;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.12);
}

.terms-mini-days {
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, #10b981, #059669);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.5px;
}

.terms-mini-days-label {
    font-size: 0.65rem;
    color: #8e93a2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-top: 2px;
    margin-bottom: 8px;
}

.terms-mini-rate {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 800;
    margin-bottom: 6px;
}

.terms-mini-income {
    font-size: 0.72rem;
    color: #687284;
    font-weight: 600;
}

.terms-mini-hint {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid #e4edf0;
    font-size: 0.75rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
}

/* ===== Адаптив ===== */
@media (max-width: 767px) {
    .terms-mini {
        padding: 12px 14px;
    }
    .terms-mini-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .terms-mini-days {
        font-size: 1.2rem;
    }
    .terms-mini-rate {
        font-size: 0.78rem;
    }
}

.deposit-green-theme .input-group-text .crypto-icon {
    background-color: #10b981;
}

/* ============================================================
   КАСТОДИАЛЬНОЕ ХРАНЕНИЕ — СИНЯЯ ТЕМА С ЗОЛОТОМ
   ============================================================ */

/* ===== Hero ===== */
.custody-theme .hero-deposit {
    background: linear-gradient(135deg, #0c1e3f 0%, #1e3a5f 50%, #0f172a 100%);
}

.custody-theme .hero-deposit::before {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.25), transparent 70%);
}

.custody-theme .hero-deposit::after {
    background: radial-gradient(circle, rgba(245, 158, 11, 0.15), transparent 70%);
}

/* Бейдж */
.custody-theme .hero-deposit-badge {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.4);
    color: #fbbf24;
}

/* Заголовок */
.custody-theme .highlight-deposit {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Кнопки */
.custody-theme .btn-deposit {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4);
}

.custody-theme .btn-deposit:hover {
    box-shadow: 0 15px 35px rgba(59, 130, 246, 0.6);
}

.custody-theme .btn-outline-deposit {
    border-color: rgba(245, 158, 11, 0.5);
    color: #fbbf24;
}

.custody-theme .btn-outline-deposit:hover {
    background: rgba(245, 158, 11, 0.1);
    border-color: #fbbf24;
    color: #fbbf24;
}

/* Статистика в hero */
.custody-theme .hero-deposit-stat-value {
    color: #fbbf24;
}

/* Круг с иконкой */
.custody-theme .hero-deposit-circle {
    border-color: rgba(59, 130, 246, 0.2);
}

.custody-theme .hero-deposit-circle-2 {
    border-color: rgba(245, 158, 11, 0.25);
}

.custody-theme .hero-deposit-circle-3 {
    border-color: rgba(59, 130, 246, 0.35);
}

.custody-theme .hero-deposit-icon {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(245, 158, 11, 0.15));
    border-color: rgba(59, 130, 246, 0.4);
    color: #60a5fa;
    box-shadow: 0 0 60px rgba(59, 130, 246, 0.3);
}

/* ===== Иконки в feature-card ===== */
.custody-theme .feature-card .icon {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.25);
}

.custody-theme .feature-card .icon.gold {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.25);
}

.custody-theme .feature-card:hover {
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
}

/* ===== Статистика ===== */
.custody-theme .stats-block {
    background: linear-gradient(135deg, #1e3a5f, #0f172a);
    box-shadow: 0 20px 50px rgba(59, 130, 246, 0.2);
}

/* ===== Шаги "Как это работает" ===== */
.custody-theme .deposit-step-card:hover {
    border-color: #f59e0b;
    box-shadow: 0 20px 40px rgba(245, 158, 11, 0.15);
}

.custody-theme .deposit-step-num {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3);
    color: #0f172a;
}

/* ===== Кнопки btn-gradient ===== */
.custody-theme .btn-gradient {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4) !important;
}

.custody-theme .btn-gradient:hover {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    box-shadow: 0 15px 35px rgba(59, 130, 246, 0.6) !important;
    color: #fff !important;
}

/* ===== Блок тарифа / информации ===== */
.custody-theme .risk-block {
    background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
    border: 1px solid #bfdbfe !important;
}

.custody-theme .risk-block-title {
    color: #1e40af !important;
}

.custody-theme .risk-block-title i {
    color: #3b82f6 !important;
}

.custody-theme .risk-row {
    border-bottom-color: rgba(30, 64, 175, 0.12) !important;
}

.custody-theme .risk-hint {
    color: #1e40af !important;
}

/* ===== Акценты в калькуляторе ===== */
.custody-theme .calc-result .value,
.custody-theme #custodyRate,
.custody-theme #custodyVolume {
    color: #3b82f6 !important;
}

.custody-theme #custodyMonthly {
    color: #f59e0b !important;
}

/* ===== Иконки криптовалют ===== */
.custody-theme .crypto-icon {
    background-color: #3b82f6;
}

/* ===== Формы ===== */
.custody-theme .form-control:focus,
.custody-theme .form-select:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.15) !important;
}

/* ===== Кнопка обновления курса ===== */
.custody-theme #refreshPrice:hover:not(:disabled) {
    background: rgba(59, 130, 246, 0.08) !important;
    border-color: #3b82f6 !important;
    color: #3b82f6 !important;
}

/* ===== Аккордеон FAQ ===== */
.custody-theme .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    color: #fff !important;
}

.custody-theme .accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.custody-theme .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.15) !important;
}

/* ===== CTA-блок ===== */
.custody-theme .cta-block {
    background: linear-gradient(135deg, #1e3a5f, #0f172a) !important;
    box-shadow: 0 20px 50px rgba(59, 130, 246, 0.2) !important;
}

.custody-theme .cta-block::before {
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), transparent 70%) !important;
}

.custody-theme .cta-block .btn-gradient {
    background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
    color: #0f172a !important;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.4) !important;
}

.custody-theme .cta-block .btn-gradient:hover {
    background: linear-gradient(135deg, #fbbf24, #fcd34d) !important;
    color: #0f172a !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(245, 158, 11, 0.5) !important;
}

/* ===== Тарифные карточки ===== */
.custody-theme .tariff-card {
    border-color: #e5e7eb;
}

.custody-theme .tariff-card:hover {
    border-color: #f59e0b;
    box-shadow: 0 15px 35px rgba(245, 158, 11, 0.12);
}

.custody-theme .tariff-title {
    color: #1e40af;
    border-bottom-color: #e4edf0;
}

.custody-theme .tariff-title i {
    color: #f59e0b;
}

.custody-theme .tariff-card .rates-table th {
    background: #eff6ff;
    color: #1e40af;
}

.custody-theme .tariff-card .rates-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.04);
}

/* ============================================================
   МИНИ-ТАБЛИЦА ТАРИФОВ В КАЛЬКУЛЯТОРЕ
   ============================================================ */
.tariff-mini {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px 20px;
    margin-top: 8px;
}

.tariff-mini-header {
    font-size: 0.85rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4edf0;
}

.tariff-mini-group {
    margin-bottom: 14px;
}

.tariff-mini-group:last-child {
    margin-bottom: 0;
}

.tariff-mini-group-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e40af;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.tariff-mini-group-title i {
    color: #f59e0b;
}

.tariff-mini-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.tariff-mini-table thead th {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 6px 8px;
    border-bottom: 1px solid #e4edf0;
    background: transparent;
}

.tariff-mini-table tbody td {
    padding: 8px;
    color: #475569;
    border-bottom: 1px dashed #e4edf0;
}

.tariff-mini-table tbody tr:last-child td {
    border-bottom: none;
}

.tariff-mini-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.03);
}

.tariff-rate {
    display: inline-block;
    padding: 2px 10px;
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.82rem;
}

/* Общие стили для обеих тем */
.deposit-green-theme .tariff-mini-group-title,
.custody-theme .tariff-mini-group-title {
    color: #1e40af;
}

.deposit-green-theme .tariff-rate {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.deposit-green-theme .tariff-mini-table tbody tr:hover {
    background: rgba(16, 185, 129, 0.03);
}

/* ===== На мобильных ===== */
@media (max-width: 575px) {
    .tariff-mini {
        padding: 12px 14px;
    }
    .tariff-mini-table {
        font-size: 0.78rem;
    }
    .tariff-mini-table thead th,
    .tariff-mini-table tbody td {
        padding: 6px 4px;
    }
    .tariff-rate {
        padding: 1px 6px;
        font-size: 0.75rem;
    }
}

.custody-theme .input-group-text .crypto-icon {
    background-color: #f59e0b;
}

/* ============================================================
   ПОРТФОЛИО V2 — Крупные цветные карточки
   ============================================================ */

.portfolio-section {
    background: #f8fafc;
}

/* ===== Карточка ===== */
.portfolio-card-v2 {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid #e4edf0;
}

.portfolio-card-v2:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
    color: inherit;
}

/* ===== Превью (цветной блок сверху) ===== */
.portfolio-preview-v2 {
    position: relative;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.portfolio-icon {
    position: relative;
    z-index: 2;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    font-size: 2.8rem;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: all 0.4s ease;
}

.portfolio-card-v2:hover .portfolio-icon {
    transform: scale(1.1) rotate(-5deg);
}

.portfolio-glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.portfolio-glow::before {
    content: '';
    position: absolute;
    top: -50%; right: -30%;
    width: 300px; height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 70%);
}

.portfolio-glow::after {
    content: '';
    position: absolute;
    bottom: -40%; left: -20%;
    width: 250px; height: 250px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent 70%);
}

/* ===== Цветные градиенты для превью ===== */

/* Криптозайм — фиолетовый */
.portfolio-card-crypto .portfolio-preview-v2 {
    background: linear-gradient(135deg, #0b222a 0%, #2d1b4e 50%, #123845 100%);
}

/* Криптовклад — изумрудный */
.portfolio-card-deposit .portfolio-preview-v2 {
    background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #10b981 100%);
}

/* Кастоди — золотой */
.portfolio-card-custody .portfolio-preview-v2 {
    background: linear-gradient(135deg, #0c1e3f 0%, #1e3a5f 50%, #f59e0b 100%);
}

/* Стейкинг — крепостной камень */
.portfolio-card-staking .portfolio-preview-v2 {
    background: linear-gradient(135deg, #2b2d31 0%, #4a4d52 50%, #c9b896 100%);
}

/* Беспроцентный криптозайм — сине-бирюзовый */
.portfolio-card-zerolend .portfolio-preview-v2 {
    background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #0ea5e9 100%);
}

/* ===== Контент карточки ===== */
.portfolio-content {
    padding: 24px 26px 26px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.portfolio-tag-v2 {
    display: inline-block;
    align-self: flex-start;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 14px;
}

/* Цветные теги */
.portfolio-card-crypto .portfolio-tag-v2 {
    background: rgba(18, 56, 69, 0.12);
    color: #123845;
}

.portfolio-card-deposit .portfolio-tag-v2 {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.portfolio-card-custody .portfolio-tag-v2 {
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
}

.portfolio-tag-v2.muted {
    background: #f1f5f9;
    color: #94a3b8;
}

/* Заголовок */
.portfolio-title-v2 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0b222a;
    margin-bottom: 10px;
    line-height: 1.2;
    letter-spacing: -0.3px;
}

/* Описание */
.portfolio-desc-v2 {
    color: #687284;
    font-size: 0.95rem;
    line-height: 1.55;
    margin-bottom: 18px;
    flex: 1;
}

/* Ссылка "Открыть" */
.portfolio-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 0.9rem;
    transition: gap 0.3s ease;
}

.portfolio-card-crypto .portfolio-link { color: #123845; }
.portfolio-card-deposit .portfolio-link { color: #059669; }
.portfolio-card-custody .portfolio-link { color: #b45309; }

.portfolio-card-v2:hover .portfolio-link {
    gap: 12px;
}

/* ===== "В работе" ===== */
.portfolio-card-soon {
    opacity: 0.7;
    cursor: default;
}

.portfolio-card-soon:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.portfolio-card-soon .portfolio-preview-v2 {
    background: #f8fafc;
    border-bottom: 2px dashed #e5e7eb;
}

.portfolio-icon-soon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f5f9;
    color: #cbd5e1;
    font-size: 1.8rem;
    border: 2px dashed #e5e7eb;
}

.portfolio-card-soon .portfolio-title-v2 {
    color: #94a3b8;
}

/* ===== Адаптив ===== */
@media (max-width: 767px) {
    .portfolio-preview-v2 {
        height: 150px;
    }
    .portfolio-icon {
        width: 70px;
        height: 70px;
        font-size: 2.2rem;
        border-radius: 18px;
    }
    .portfolio-title-v2 {
        font-size: 1.2rem;
    }
    .portfolio-desc-v2 {
        font-size: 0.9rem;
    }
}

/* ============================================================
   СТЕЙКИНГ — ТЕМА "КРЕПОСТНОЙ КАМЕНЬ"
   ============================================================ */

/* ===== Hero ===== */
.staking-theme .hero-deposit {
    background: linear-gradient(135deg, #2b2d31 0%, #4a4d52 45%, #1a1c1e 100%);
}

.staking-theme .hero-deposit::before {
    background: radial-gradient(circle, rgba(201, 184, 150, 0.18), transparent 70%);
}

.staking-theme .hero-deposit::after {
    background: radial-gradient(circle, rgba(139, 122, 90, 0.15), transparent 70%);
}

.staking-theme .hero-deposit-badge {
    background: rgba(201, 184, 150, 0.12);
    border-color: rgba(201, 184, 150, 0.35);
    color: #d9c9a8;
}

.staking-theme .hero-deposit-title {
    color: #f5f3ef;
}

.staking-theme .highlight-deposit {
    background: linear-gradient(135deg, #c9b896, #d9c9a8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Кнопки */
.staking-theme .btn-deposit {
    background: linear-gradient(135deg, #6b6e73, #4a4d52);
    color: #f5f3ef;
    box-shadow: 0 10px 25px rgba(43, 45, 49, 0.5);
}

.staking-theme .btn-deposit:hover {
    color: #fff;
    background: linear-gradient(135deg, #7a7d82, #5a5d62);
    box-shadow: 0 15px 35px rgba(43, 45, 49, 0.7);
}

.staking-theme .btn-outline-deposit {
    border-color: rgba(201, 184, 150, 0.45);
    color: #d9c9a8;
}

.staking-theme .btn-outline-deposit:hover {
    background: rgba(201, 184, 150, 0.12);
    border-color: #c9b896;
    color: #e6d9bd;
}

/* Мини-статистика в hero */
.staking-theme .hero-deposit-stat-value {
    color: #d9c9a8;
}

.staking-theme .hero-deposit-stat-label {
    color: rgba(245, 243, 239, 0.55);
}

/* Круги */
.staking-theme .hero-deposit-circle {
    border-color: rgba(201, 184, 150, 0.18);
}

.staking-theme .hero-deposit-circle-2 {
    border-color: rgba(217, 201, 168, 0.22);
}

.staking-theme .hero-deposit-circle-3 {
    border-color: rgba(201, 184, 150, 0.3);
}

.staking-theme .hero-deposit-icon {
    background: linear-gradient(135deg, rgba(201, 184, 150, 0.2), rgba(139, 122, 90, 0.15));
    border-color: rgba(201, 184, 150, 0.4);
    color: #d9c9a8;
    box-shadow: 0 0 60px rgba(201, 184, 150, 0.25);
}

/* ===== Период блокировки ===== */
.staking-theme .staking-lock-info {
    background: #f5f3ef;
    border-color: #e5e1d8;
}

.staking-theme .staking-lock-row strong {
    color: #2b2d31;
}

/* ===== Иконки криптовалют ===== */
.staking-theme .input-group-text .crypto-icon,
.staking-theme .crypto-icon {
    background-color: #6b6e73;
}

/* ===== Акценты в калькуляторе ===== */
.staking-theme #stakingIncome .value,
.staking-theme .calc-result .value {
    color: #8b7a5a !important;
}

.staking-theme #stakingRate {
    color: #8b7a5a !important;
}

.staking-theme #stakingTotal {
    color: #6b5a3a !important;
}

/* ===== Блок эквивалента ===== */
.staking-theme .risk-block {
    background: linear-gradient(135deg, #f5f3ef, #ebe6dc) !important;
    border-color: #ddd6c5 !important;
}

.staking-theme .risk-block-title {
    color: #5a4a2a !important;
}

.staking-theme .risk-row {
    border-bottom-color: rgba(90, 74, 42, 0.12) !important;
}

.staking-theme .risk-hint {
    color: #6b5a3a !important;
}

/* ===== Таблица (tariff-mini) ===== */
.staking-theme .tariff-mini {
    background: #f5f3ef;
    border-color: #e5e1d8;
}

.staking-theme .tariff-mini-header {
    color: #6b6e73;
    border-bottom-color: #e5e1d8;
}

.staking-theme .tariff-mini-group-title {
    color: #4a4d52;
}

.staking-theme .tariff-mini-table thead th {
    color: #8b8e93;
    border-bottom-color: #e5e1d8;
}

.staking-theme .tariff-mini-table tbody td {
    color: #4a4d52;
    border-bottom-color: #ebe6dc;
}

.staking-theme .tariff-mini-table tbody tr:hover {
    background: rgba(201, 184, 150, 0.08);
}

.staking-theme .tariff-rate {
    background: rgba(201, 184, 150, 0.2);
    color: #6b5a3a;
}

/* ===== Шаги ===== */
.staking-theme .deposit-step-card:hover {
    border-color: #c9b896;
    box-shadow: 0 20px 40px rgba(201, 184, 150, 0.18);
}

.staking-theme .deposit-step-num {
    background: linear-gradient(135deg, #6b6e73, #4a4d52);
    color: #d9c9a8;
    box-shadow: 0 8px 20px rgba(43, 45, 49, 0.35);
}

/* ===== Формы ===== */
.staking-theme .form-control:focus,
.staking-theme .form-select:focus {
    border-color: #8b7a5a !important;
    box-shadow: 0 0 0 0.2rem rgba(139, 122, 90, 0.15) !important;
}

/* ===== Кнопка "Начать стейкинг" ===== */
.staking-theme .btn-gradient {
    background: linear-gradient(135deg, #6b6e73, #4a4d52) !important;
    color: #f5f3ef !important;
    box-shadow: 0 10px 25px rgba(43, 45, 49, 0.4) !important;
}

.staking-theme .btn-gradient:hover {
    background: linear-gradient(135deg, #7a7d82, #5a5d62) !important;
    color: #fff !important;
    box-shadow: 0 15px 35px rgba(43, 45, 49, 0.6) !important;
}

/* ===== Аккордеон FAQ ===== */
.staking-theme .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #6b6e73, #4a4d52) !important;
    color: #f5f3ef !important;
}

.staking-theme .accordion-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(139, 122, 90, 0.15) !important;
}

/* ===== Заголовки секций ===== */
.staking-theme .section-title {
    color: #2b2d31;
}

.staking-theme .section-subtitle {
    color: #6b6e73;
}

/* ============================================================
   БЕСПРОЦЕНТНЫЙ КРИПТОЗАЙМ — СИНЯЯ ТЕМА
   ============================================================ */
.zerolend-theme .hero-deposit {
    background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
}

.zerolend-theme .hero-deposit::before {
    background: radial-gradient(circle, rgba(56, 189, 248, 0.25), transparent 70%);
}

.zerolend-theme .hero-deposit::after {
    background: radial-gradient(circle, rgba(99, 179, 237, 0.15), transparent 70%);
}

.zerolend-theme .hero-deposit-badge {
    background: rgba(56, 189, 248, 0.15);
    border-color: rgba(56, 189, 248, 0.4);
    color: #7dd3fc;
}

.zerolend-theme .highlight-deposit {
    background: linear-gradient(135deg, #38bdf8, #7dd3fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.zerolend-theme .btn-deposit {
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.4);
}

.zerolend-theme .btn-deposit:hover {
    box-shadow: 0 15px 35px rgba(14, 165, 233, 0.6);
}

.zerolend-theme .btn-outline-deposit {
    border-color: rgba(125, 211, 252, 0.5);
    color: #7dd3fc;
}

.zerolend-theme .btn-outline-deposit:hover {
    background: rgba(56, 189, 248, 0.1);
    border-color: #38bdf8;
}

.zerolend-theme .hero-deposit-circle {
    border-color: rgba(56, 189, 248, 0.2);
}

.zerolend-theme .hero-deposit-circle-2 {
    border-color: rgba(125, 211, 252, 0.25);
}

.zerolend-theme .hero-deposit-circle-3 {
    border-color: rgba(56, 189, 248, 0.35);
}

.zerolend-theme .hero-deposit-icon {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.25), rgba(125, 211, 252, 0.15));
    border-color: rgba(56, 189, 248, 0.4);
    color: #7dd3fc;
    box-shadow: 0 0 60px rgba(56, 189, 248, 0.3);
}

.zerolend-theme .crypto-icon,
.zerolend-theme .input-group-text .crypto-icon {
    background-color: #0ea5e9;
}

.zerolend-theme .calc-result .value,
.zerolend-theme #zeroRatio {
    color: #0ea5e9 !important;
}

.zerolend-theme .btn-gradient {
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important;
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.4) !important;
}

.zerolend-theme .btn-gradient:hover {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    box-shadow: 0 15px 35px rgba(14, 165, 233, 0.6) !important;
}

.zerolend-theme .deposit-step-card:hover {
    border-color: #0ea5e9;
    box-shadow: 0 20px 40px rgba(14, 165, 233, 0.15);
}

.zerolend-theme .deposit-step-num {
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    box-shadow: 0 8px 20px rgba(14, 165, 233, 0.3);
}

.zerolend-theme .form-control:focus,
.zerolend-theme .form-select:focus {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.15) !important;
}

.zerolend-theme .risk-block {
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe) !important;
    border-color: #bae6fd !important;
}

.zerolend-theme .risk-block-title {
    color: #075985 !important;
}

/* ===== Блок выбора продукта ===== */
.product-select-block {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

/* Карточка продукта — «Новинка» */
.product-card-new {
    border-color: #123845;
    box-shadow: 0 15px 35px rgba(18, 56, 69, 0.1);
}

/* ===== Секция «Мои заявки» ===== */
.my-requests-section {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 24px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

/* На мобильных */
@media (max-width: 767px) {
    .product-select-block,
    .my-requests-section {
        padding: 20px;
    }
}

.product-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.product-card-link:hover {
    color: inherit;
    text-decoration: none;
}

.product-card-link .product-card {
    transition: all 0.3s ease;
}

.product-card-link:hover .product-card {
    border-color: #123845;
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(18, 56, 69, 0.15);
}

/* Блок ошибки */
.login-error-slot {
    min-height: 50px;
    margin: 4px 0 12px;
}

.fade-in-error {
    animation: fadeInError 0.25s ease;
}

@keyframes fadeInError {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   СТРАНЫ МИРА — АДМИНКА
   ============================================================ */

.countries-toolbar {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 16px 20px;
}

.countries-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.country-group {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 16px 20px;
}

.country-group-letter {
    font-size: 0.85rem;
    font-weight: 800;
    color: #123845;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e4edf0;
}

.country-group-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px;
}

.country-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid #e4edf0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fafbfc;
    margin: 0;
}

.country-checkbox:hover {
    border-color: #123845;
    background: #fff;
    box-shadow: 0 4px 12px rgba(18, 56, 69, 0.08);
}

.country-checkbox input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
    width: 18px;
    height: 18px;
    accent-color: #123845;
    flex-shrink: 0;
}

.country-checkbox input[type="checkbox"]:checked + .country-checkbox-body .country-name {
    font-weight: 700;
    color: #0b222a;
}

.country-checkbox:has(input:checked) {
    background: linear-gradient(135deg, #f6f7f9, #e4edf0);
    border-color: #123845;
}

.country-checkbox-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.country-name {
    font-size: 0.9rem;
    font-weight: 500;
    color: #414447;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.country-code {
    font-size: 0.9rem;              /* было 0.75rem */
    color: #687284;                  /* чуть темнее для читаемости */
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 600;
}

.country-alfa3 {
    display: inline-block;
    padding: 2px 8px;
    background: #e4edf0;
    border-radius: 5px;
    font-weight: 800;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;             /* было 0.7rem */
    letter-spacing: 0.5px;
    color: #414447;
}

.country-checkbox:has(input:checked) .country-alfa3 {
    background: rgba(18, 56, 69, 0.18);
    color: #123845;
}

.country-checkbox:has(input:checked) .country-alfa3 {
    background: rgba(18, 56, 69, 0.15);
    color: #123845;
}

.countries-footer {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 16px 20px;
}

/* Адаптив */
@media (max-width: 575px) {
    .country-group-items {
        grid-template-columns: 1fr;
    }
    .countries-toolbar {
        padding: 12px;
    }
}

/* Флаг в чекбоксе админки */
.country-flag {
    width: 22px;
    height: 16px;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* ============================================================ */
/* LIVE QUOTES — тёмная тема сайта (компактная)                 */
/* ============================================================ */
.quotes-section {
    background: linear-gradient(135deg, #0b222a 0%, #2d1b4e 100%);
    border-radius: 16px;
    padding: 24px 0;
    margin: 32px 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(26, 29, 41, 0.35);
}
/* Золотое свечение справа (как в .cta-block) */
.quotes-section::before {
    content: '';
    position: absolute;
    top: -50%; right: -10%;
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(247, 147, 26, 0.18), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
/* Фиолетовое свечение слева (как в .hero-crypto) */
.quotes-section::after {
    content: '';
    position: absolute;
    bottom: -40%; left: -15%;
    width: 360px; height: 360px;
    background: radial-gradient(circle, rgba(18, 56, 69, 0.25), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.quotes-section > .container { position: relative; z-index: 1; }

.quotes-header {
    display: flex; flex-wrap: wrap; gap: 12px;
    align-items: center; justify-content: space-between;
    margin-bottom: 16px; padding: 0 4px;
}
.quotes-title {
    margin: 0; font-weight: 800; font-size: 18px;
    letter-spacing: -.2px; color: #fff;
}
.quotes-title .accent {
    background: linear-gradient(135deg, #f7931a, #ffb84d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.quotes-title i.bi {
    background: linear-gradient(135deg, #f7931a, #ffb84d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.quotes-meta {
    display: flex; flex-wrap: wrap; gap: 14px;
    align-items: center; font-size: 12px;
    color: rgba(255, 255, 255, 0.55);
    margin-top: 6px;
}
.quotes-meta b { color: #fff; font-weight: 600; }

.status-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #10b981; display: inline-block;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.7);
    animation: qPulse 1.4s infinite;
}
.status-dot.off {
    background: #ef4444;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.7);
}
@keyframes qPulse { 0%,100%{opacity:1} 50%{opacity:.35} }

/* Сетка — компактная */
.quotes-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.q-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 9px 11px;
    position: relative;
    overflow: hidden;
    transition: transform .15s ease, border-color .2s ease, background .2s ease;
}
.q-card:hover {
    transform: translateY(-1px);
    border-color: rgba(18, 56, 69, 0.5);
    background: rgba(255, 255, 255, 0.07);
}

.q-card .q-sym {
    display: flex; justify-content: space-between; align-items: center;
    font-weight: 700; font-size: 12px; letter-spacing: .3px;
    color: #fff; margin-bottom: 4px;
}
.q-card .q-src {
    font-size: 8.5px;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase; letter-spacing: .5px;
    font-weight: 500;
}
.q-card .q-price {
    font-size: 15px; font-weight: 600;
    margin: 0 0 3px;
    font-variant-numeric: tabular-nums;
    transition: color .3s ease;
    color: #fff;
    line-height: 1.2;
}
.q-card .q-chg {
    font-size: 11px; font-weight: 600;
    font-variant-numeric: tabular-nums;
    display: inline-block;
}
.q-card .q-vol {
    font-size: 9.5px;
    color: rgba(255, 255, 255, 0.4);
    margin-top: 3px;
}

.q-up   { color: #10b981 !important; }
.q-down { color: #ef4444 !important; }

/* Вспышки при изменении */
@keyframes qFlashUp   { 0%{background:rgba(16,185,129,.20)} 100%{background:transparent} }
@keyframes qFlashDown { 0%{background:rgba(239,68,68,.20)}  100%{background:transparent} }
.q-card.flash-up::after,
.q-card.flash-down::after {
    content:""; position:absolute; inset:0; pointer-events:none;
}
.q-card.flash-up::after   { animation: qFlashUp   .5s ease-out; }
.q-card.flash-down::after { animation: qFlashDown .5s ease-out; }

/* Skeleton — до загрузки */
.q-card.skeleton .q-price,
.q-card.skeleton .q-chg,
.q-card.skeleton .q-vol {
    background: rgba(255, 255, 255, 0.08);
    color: transparent;
    border-radius: 4px;
    user-select: none;
}

/* ============================================================ */
/* TICKER TAPE — плавная бегущая строка                         */
/* ============================================================ */
.ticker-tape {
    position: relative;
    background: linear-gradient(135deg, #0b222a 0%, #2d1b4e 100%);
    border-radius: 12px;
    overflow: hidden;
    margin: 24px 0 16px;
    padding: 12px 0;
    box-shadow: 0 10px 30px rgba(26, 29, 41, 0.25);
    -webkit-mask-image: linear-gradient(90deg,
        transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
    mask-image: linear-gradient(90deg,
        transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
}
.ticker-tape::before,
.ticker-tape::after {
    content: '';
    position: absolute; left: 0; right: 0;
    height: 1px;
}
.ticker-tape::before {
    top: 0;
    background: linear-gradient(90deg, transparent, rgba(247, 147, 26, 0.6), transparent);
}
.ticker-tape::after {
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(18, 56, 69, 0.6), transparent);
}

.ticker-track {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    /* GPU-ускорение — сглаживает субпиксельные рывки */
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    animation: tickerScroll 80s linear infinite;
    width: max-content;
}
.ticker-tape:hover .ticker-track {
    animation-play-state: paused;
}

@keyframes tickerScroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    /* gap убран — используем padding, чтобы ширина была жёстко предсказуема */
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 0 20px;
    font-variant-numeric: tabular-nums;
    /* ФИКСИРУЕМ ширину — никаких прыжков при обновлении текста */
    height: 20px;
    line-height: 20px;
}

.ticker-item .t-sym {
    font-weight: 800;
    letter-spacing: .4px;
    color: #fff;
    width: 42px;              /* фикс. ширина */
    flex-shrink: 0;
}

.ticker-item .t-price {
    color: rgba(255, 255, 255, 0.92);
    transition: color .35s ease;
    width: 84px;              /* фикс. ширина под $67,432.10 */
    text-align: right;
    flex-shrink: 0;
    margin-right: 10px;
}

.ticker-item .t-chg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 11.5px;
    width: 68px;              /* фикс. ширина */
    flex-shrink: 0;
}
.ticker-item .t-chg.up   { background: rgba(16, 185, 129, 0.15); color: #10b981; }
.ticker-item .t-chg.down { background: rgba(239, 68, 68, 0.15);  color: #ef4444; }
.ticker-item .t-chg i    { font-size: 9px; }

/* Разделитель — тонкая вертикальная черта */
.ticker-item .t-sep {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.12);
    margin-left: 20px;
    flex-shrink: 0;
}

.ticker-item .t-price.t-up   { color: #10b981; }
.ticker-item .t-price.t-down { color: #ef4444; }

/* Skeleton — фиксированной ширины, чтобы трек не менял длину */
.ticker-item.skeleton .t-price,
.ticker-item.skeleton .t-chg {
    background: rgba(255, 255, 255, 0.08);
    color: transparent !important;
    border-radius: 4px;
}

@media (max-width: 575px) {
    .ticker-tape { padding: 10px 0; margin: 18px 0 12px; }
    .ticker-track { animation-duration: 60s; }
    .ticker-item { font-size: 12px; padding: 0 14px; }
    .ticker-item .t-sym   { width: 38px; }
    .ticker-item .t-price { width: 76px; }
    .ticker-item .t-chg   { width: 60px; font-size: 10.5px; }
}