/* ===================================
   Matrix Destiny Styles v4.1.0
   1px borders, no shadows except hover
   =================================== */

/**
 * Матрица Судьбы - Все стили
 * Версия:3.0.0 FINAL COMPLETE
 */

:root {
 --md-primary:#8b5cf6;
 --md-primary-dark:#7c3aed;
 --md-bg-light:#faf5ff;
 --md-border:#e9d5ff;
}

/* ========================================
 СБРОС ТЕМЫ BRICKS
 ======================================== */

div.brxe-section .md-container,
div.brxe-section .md-container *,
.md-container,
.md-container *,
.md-pricing-container,
.md-pricing-container *,
.md-checkout-container,
.md-checkout-container *,
.md-account-container,
.md-account-container *,
.md-section,
.md-section *,
.md-success-container,
.md-success-container *,
.md-results,
.md-results * {
 all:revert !important;
 box-sizing:border-box !important;
 color:#1f2937 !important;
}

/* ── Иконки интерфейса как CSS-маски (иммунно к Bricks all:revert) ── */
.md-results .md-mi, .md-container .md-mi, .md-account-container .md-mi, .md-checkout-container .md-mi, .md-success-container .md-mi, .md-mi {
 display:inline-block !important;
 width:1em !important;
 height:1em !important;
 vertical-align:-0.14em !important;
 background-color:currentColor !important;
 -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important;
 -webkit-mask-position:center !important; mask-position:center !important;
 -webkit-mask-size:contain !important; mask-size:contain !important;
 flex-shrink:0 !important;
}
.md-results .md-mi-lock, .md-container .md-mi-lock, .md-account-container .md-mi-lock, .md-checkout-container .md-mi-lock, .md-success-container .md-mi-lock, .md-mi-lock { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-refresh, .md-container .md-mi-refresh, .md-account-container .md-mi-refresh, .md-checkout-container .md-mi-refresh, .md-success-container .md-mi-refresh, .md-mi-refresh { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-download, .md-container .md-mi-download, .md-account-container .md-mi-download, .md-checkout-container .md-mi-download, .md-success-container .md-mi-download, .md-mi-download { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-check, .md-container .md-mi-check, .md-account-container .md-mi-check, .md-checkout-container .md-mi-check, .md-success-container .md-mi-check, .md-mi-check { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-target, .md-container .md-mi-target, .md-account-container .md-mi-target, .md-checkout-container .md-mi-target, .md-success-container .md-mi-target, .md-mi-target { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-user, .md-container .md-mi-user, .md-account-container .md-mi-user, .md-checkout-container .md-mi-user, .md-success-container .md-mi-user, .md-mi-user { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-gem, .md-container .md-mi-gem, .md-account-container .md-mi-gem, .md-checkout-container .md-mi-gem, .md-success-container .md-mi-gem, .md-mi-gem { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 13L2 9z'/%3E%3Cpath d='M11 3 8 9l4 13 4-13-3-6'/%3E%3Cpath d='M2 9h20'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 13L2 9z'/%3E%3Cpath d='M11 3 8 9l4 13 4-13-3-6'/%3E%3Cpath d='M2 9h20'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-chevron, .md-mi-chevron { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-thumbup, .md-mi-thumbup { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88z'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88z'/%3E%3C/svg%3E") !important; }
.md-results .md-mi-thumbdown, .md-mi-thumbdown { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88z'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88z'/%3E%3C/svg%3E") !important; }

/* ========================================
 ОСНОВНЫЕ КОНТЕЙНЕРЫ
 ======================================== */

.md-container,
.md-pricing-container,
.md-checkout-container,
.md-account-container,
.md-success-container {
 max-width:1400px !important;
 margin:40px auto !important;
 padding:0 20px !important;
 font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
}

.md-account-container {
 max-width:1000px !important;
}

.md-checkout-container,
.md-success-container {
 max-width:1200px !important;
}

.md-main-title {
 font-size:36px !important;
 font-weight:700 !important;
 text-align:center !important;
 margin-bottom:40px !important;
 color:#f4f2ff !important;
}

/* ========================================
 КАЛЬКУЛЯТОР - СПИСОК
 ======================================== */

.md-layout {
 display:grid !important;
 grid-template-columns:560px 1fr !important;
 gap:30px !important;
 align-items:start !important;
}

.md-left-column {
 display:flex !important;
 flex-direction:column !important;
 gap:16px !important;
}

.md-calc-item {
 background:#15112b !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:16px !important;
 padding:24px !important;
 display:flex !important;
 align-items:center !important;
 gap:16px !important;
 cursor:pointer !important;
 transition:all 0.3s !important;
 margin:0 !important;
}

.md-calc-item:hover:not(.md-disabled) {
 box-shadow:0 8px 24px rgba(0,0,0,0.4)!important;
 border-color:rgba(139,92,246,0.45) !important;
 transform:translateY(-2px) !important;
}

.md-calc-item.md-active {
 background:rgba(139,92,246,0.14) !important;
 border-color:#8b5cf6 !important;
}

.md-calc-item.md-disabled {
 opacity:0.6 !important;
 cursor:not-allowed !important;
}

.md-calc-icon {
 width:56px !important;
 height:56px !important;
 background:rgba(139,92,246,0.18) !important;
 border-radius:12px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 font-size:28px !important;
 flex-shrink:0 !important;
}

.md-calc-item.md-active .md-calc-icon {
 background:#8b5cf6 !important;
}

.md-calc-info {
 flex:1 !important;
}

.md-calc-info h3 {
 font-size:18px !important;
 font-weight:600 !important;
 color:#f4f2ff !important;
 margin:0 0 4px 0 !important;
}

.md-calc-info p {
 font-size:14px !important;
 color:#9b96b8 !important;
 margin:0 !important;
}

.md-status-btn {
 padding:10px 24px !important;
 border-radius:24px !important;
 font-size:14px !important;
 font-weight:600 !important;
 border:none !important;
 cursor:pointer !important;
 flex-shrink:0 !important;
}

.md-active-btn {
 background:#8b5cf6 !important;
 color:white !important;
}

.md-inactive-btn {
 background:rgba(139,92,246,0.08) !important;
 color:#9b96b8 !important;
}

/* ========================================
 ПРАВАЯ КОЛОНКА КАЛЬКУЛЯТОРА
 ======================================== */

.md-right-column {
 background:#15112b !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:16px !important;
 padding:40px !important;
}

/* Виджет тарифов */
.md-tariffs-widget {
 background:rgba(12,10,26,0.5) !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:12px !important;
 padding:20px !important;
 margin-bottom:24px !important;
}

.md-widget-header {
 display:flex !important;
 justify-content:space-between !important;
 align-items:center !important;
 margin-bottom:16px !important;
 padding-bottom:12px !important;
 border-bottom:1px solid rgba(139,92,246,0.15) !important;
}

.md-widget-header h3 {
 margin:0 !important;
 font-size:15px !important;
 font-weight:700 !important;
 color:#f4f2ff !important;
}

.md-widget-link {
 font-size:13px !important;
 color:#a78bfa !important;
 text-decoration:none !important;
 font-weight:600 !important;
}

.md-widget-link:hover {
 text-decoration:underline !important;
}

.md-widget-tariff-row {
 background:#181430 !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:8px !important;
 padding:14px 16px !important;
 margin-bottom:10px !important;
}

.md-widget-tariff-info {
 display:flex !important;
 justify-content:space-between !important;
 align-items:center !important;
 margin-bottom:8px !important;
}

.md-widget-tariff-name {
 font-size:15px !important;
 font-weight:700 !important;
 color:#f4f2ff !important;
}

.md-widget-badge-active {
 background:rgba(52,211,153,0.15) !important;
 color:#6ee7b7 !important;
 padding:4px 10px !important;
 border-radius:6px !important;
 font-size:11px !important;
 font-weight:700 !important;
}

.md-widget-unlimited {
 font-size:13px !important;
 color:#059669 !important;
 font-weight:600 !important;
}

.md-widget-counts {
 font-size:13px !important;
 color:#9b96b8 !important;
 font-weight:500 !important;
}

.md-widget-get-more {
 display:block !important;
 text-align:center !important;
 padding:12px !important;
 background:rgba(139,92,246,0.06) !important;
 border:1px dashed rgba(139,92,246,0.4) !important;
 border-radius:8px !important;
 color:#a78bfa !important;
 text-decoration:none !important;
 font-size:14px !important;
 font-weight:600 !important;
 margin-top:12px !important;
 transition:all 0.2s !important;
}

.md-widget-get-more:hover {
 background:rgba(139,92,246,0.16) !important;
 border-style:solid !important;
 border-color:#8b5cf6 !important;
}

/* Форма */
.md-calc-form h2 {
 font-size:24px !important;
 margin:0 0 24px 0 !important;
 color:#f4f2ff !important;
 font-weight:700 !important;
}

.md-form-group {
 margin-bottom:20px !important;
}

.md-form-group label {
 display:block !important;
 font-size:14px !important;
 font-weight:600 !important;
 color:#c3bedb !important;
 margin-bottom:8px !important;
}

input#md-name,
input#md-date,
input#checkout-name,
input#checkout-email,
input#checkout-phone {
 width:100% !important;
 padding:14px 16px !important;
 border:1px solid rgba(139,92,246,0.25) !important;
 border-radius:12px !important;
 font-size:16px !important;
 color:#f4f2ff !important;
 background:rgba(12,10,26,0.5) !important;
 box-sizing:border-box !important;
 transition:all 0.2s !important;
}

input#md-name:focus,
input#md-date:focus,
input#checkout-name:focus,
input#checkout-email:focus,
input#checkout-phone:focus {
 border-color:#8b5cf6 !important;
 outline:none !important;
 box-shadow:0 0 0 3px rgba(139,92,246,0.18)!important;
}

input::placeholder {
 color:#9ca3af !important;
}

.md-gender-group {
 display:flex !important;
 gap:12px !important;
}

.md-gender-btn {
 flex:1 !important;
 padding:14px !important;
 border:1px solid rgba(139,92,246,0.25) !important;
 border-radius:12px !important;
 background:rgba(12,10,26,0.5) !important;
 color:#f4f2ff !important;
 font-size:16px !important;
 font-weight:600 !important;
 cursor:pointer !important;
 transition:all 0.2s !important;
}

.md-gender-btn:hover {
 border-color:#8b5cf6 !important;
}

.md-gender-btn.selected,
.md-gender-btn.md-selected {
 border-color:#8b5cf6 !important;
 background:rgba(139,92,246,0.18) !important;
 color:#c4b5fd !important;
}

.md-calc-btn,
.md-place-order-btn {
 width:100% !important;
 padding:16px !important;
 background:#8b5cf6 !important;
 color:white !important;
 border:none !important;
 border-radius:12px !important;
 font-size:16px !important;
 font-weight:600 !important;
 cursor:pointer !important;
 margin-top:8px !important;
 transition:all 0.2s !important;
}

.md-calc-btn:hover:not(:disabled),
.md-place-order-btn:hover:not(:disabled) {
 background:#7c3aed !important;
 transform:translateY(-1px) !important;
 box-shadow:0 2px 8px rgba(0,0,0,0.08)!important;
}

.md-calc-btn:disabled,
.md-place-order-btn:disabled {
 opacity:0.6 !important;
 cursor:not-allowed !important;
}

.md-info-block {
 margin-top:24px !important;
 padding:20px !important;
 background:rgba(139,92,246,0.08) !important;
 border:1px solid rgba(139,92,246,0.15) !important;
 border-radius:12px !important;
}

.md-info-block h3 {
 font-size:16px !important;
 margin:0 0 12px 0 !important;
 color:#f4f2ff !important;
 font-weight:700 !important;
}

.md-info-block ul {
 list-style:none !important;
 padding:0 !important;
 margin:0 !important;
}

.md-info-block li {
 font-size:14px !important;
 color:#9b96b8 !important;
 margin-bottom:8px !important;
 line-height:1.5 !important;
}

/* ========================================
 ВСЕ ПОЛЯ ВВОДА (УНИВЕРСАЛЬНЫЕ)
 ======================================== */

input#md-name,
input#md-date,
input#md-profession,
input#md-parent-name,
input#md-partner-name,
input#md-partner-date,
input#md-position,
input#md-colleague-name,
input#md-colleague-date,
input#md-colleague-position,
input#checkout-name,
input#checkout-email,
input#checkout-phone,
.md-form-group input[type="text"],
.md-form-group input[type="date"],
.md-form-group input[type="email"],
.md-form-group input[type="tel"] {
 width:100% !important;
 padding:14px 16px !important;
 border:1px solid rgba(139,92,246,0.25) !important;
 border-radius:12px !important;
 font-size:16px !important;
 color:#f4f2ff !important;
 background:rgba(12,10,26,0.5) !important;
 box-sizing:border-box !important;
 transition:all 0.2s !important;
 margin:0 !important;
}

input#md-name:focus,
input#md-date:focus,
input#md-profession:focus,
input#md-parent-name:focus,
input#md-partner-name:focus,
input#md-partner-date:focus,
input#md-position:focus,
input#md-colleague-name:focus,
input#md-colleague-date:focus,
input#md-colleague-position:focus,
input#checkout-name:focus,
input#checkout-email:focus,
input#checkout-phone:focus,
.md-form-group input:focus {
 border-color:#8b5cf6 !important;
 outline:none !important;
 box-shadow:0 0 0 3px rgba(139,92,246,0.18)!important;
}

input::placeholder,
.md-form-group input::placeholder {
 color:#5a5575 !important;
}

/* Small подсказки под полями */
.md-form-group small {
 font-size:12px !important;
 color:#9b96b8 !important;
 display:block !important;
 margin-top:6px !important;
}

.md-select-btn {
 padding:10px 24px !important;
 border-radius:24px !important;
 font-size:14px !important;
 font-weight:600 !important;
 border:1px solid rgba(139,92,246,0.3) !important;
 background:rgba(12,10,26,0.5) !important;
 color:#9b96b8 !important;
 cursor:pointer !important;
 transition:all 0.2s !important;
}

.md-select-btn:hover {
 border-color:#8b5cf6 !important;
 color:#8b5cf6 !important;
}

.md-select-btn.selected {
 background:#8b5cf6 !important;
 color:white !important;
 border-color:#8b5cf6 !important;
}

.md-compat-percent {
 background:#d1fae5 !important;
 color:#065f46 !important;
 padding:6px 12px !important;
 border-radius:8px !important;
 font-weight:700 !important;
 font-size:14px !important;
}


/* ========================================
 РЕЗУЛЬТАТЫ И АККОРДЕОН
 ======================================== */

#md-results-container,
#md-calc-viewer {
 margin-top:32px !important;
}

.md-results {
 background:linear-gradient(180deg,#13102b 0%,#0f0c24 100%) !important;
 border:1px solid rgba(139,92,246,0.18) !important;
 border-radius:24px !important;
 padding:36px !important;
}

/* ── Баннер ── */
.md-premium-banner {
 background:#1e0a3c !important;
 border:none !important;
 border-radius:16px !important;
 padding:20px 24px !important;
 display:flex !important;
 align-items:center !important;
 gap:20px !important;
 margin-bottom:32px !important;
}
.md-star-icon { font-size:28px !important; flex-shrink:0 !important; line-height:1 !important; }
.md-premium-text { flex:1 !important; }
.md-premium-text h3 { margin:0 0 4px 0 !important; font-size:16px !important; font-weight:700 !important; color:#fff !important; letter-spacing:-0.01em !important; }
.md-premium-text p { margin:0 !important; font-size:13px !important; color:rgba(255,255,255,0.5) !important; }
.md-premium-btn { padding:11px 20px !important; background:#7c3aed !important; color:white !important; border:none !important; border-radius:10px !important; font-size:14px !important; font-weight:700 !important; cursor:pointer !important; white-space:nowrap !important; transition:background 0.18s !important; text-decoration:none !important; display:inline-block !important; }
.md-premium-btn:hover { background:#6d28d9 !important; }

/* ── Шапка ── */
.md-results-header {
 display:flex !important;
 justify-content:space-between !important;
 align-items:flex-start !important;
 margin-bottom:28px !important;
 flex-wrap:wrap !important;
 gap:16px !important;
}
.md-results-header h2 { font-size:28px !important; margin:0 0 8px 0 !important; font-weight:800 !important; color:#f4f2ff !important; letter-spacing:-0.03em !important; line-height:1.15 !important; }
.md-premium-badge { background:#7c3aed !important; color:white !important; padding:3px 10px !important; border-radius:20px !important; font-size:10px !important; font-weight:700 !important; letter-spacing:0.08em !important; text-transform:uppercase !important; display:inline-block !important; vertical-align:middle !important; margin-left:10px !important; }
.md-user-info { display:flex !important; flex-direction:column !important; gap:3px !important; }
.md-user-info span { font-size:14px !important; color:#9b96b8 !important; display:block !important; }
.md-user-info span strong { color:#f4f2ff !important; font-weight:700 !important; }
.md-download-btn { padding:10px 18px !important; background:rgba(139,92,246,0.1) !important; border:1.5px solid rgba(139,92,246,0.5) !important; color:#c4b5fd !important; border-radius:10px !important; font-weight:600 !important; font-size:13px !important; cursor:pointer !important; text-decoration:none !important; transition:border-color 0.18s,background 0.18s !important; white-space:nowrap !important; flex-shrink:0 !important; }
.md-download-btn:hover { background:rgba(139,92,246,0.2) !important; border-color:#8b5cf6 !important; }

/* ── Карточки матрицы ── */
.md-matrix-section { margin-bottom:28px !important; }

.md-matrix-section-title {
 display:flex !important;
 align-items:center !important;
 gap:8px !important;
 font-size:11px !important;
 font-weight:700 !important;
 letter-spacing:0.1em !important;
 text-transform:uppercase !important;
 color:#a78bfa !important;
 margin:0 0 12px 0 !important;
 padding-bottom:12px !important;
 border-bottom:1px solid rgba(139,92,246,0.18) !important;
}

.md-section-icon { display:none !important; }

.md-matrix-cards-grid {
 display:grid !important;
 grid-template-columns:repeat(3,1fr) !important;
 gap:10px !important;
}

.md-matrix-card {
 background:#181430 !important;
 border-radius:16px !important;
 padding:20px !important;
 border:1.5px solid rgba(139,92,246,0.18) !important;
 transition:border-color 0.18s,transform 0.18s !important;
 position:relative !important;
 overflow:hidden !important;
}

.md-matrix-card::after {
 content:'' !important;
 position:absolute !important;
 bottom:0 !important;
 left:0 !important;
 right:0 !important;
 height:3px !important;
 border-radius:0 0 14px 14px !important;
}

.md-matrix-card:hover {
 border-color:#a78bfa !important;
 transform:translateY(-2px) !important;
}

.md-card-number {
 font-size:48px !important;
 font-weight:800 !important;
 line-height:1 !important;
 letter-spacing:-0.05em !important;
 margin-bottom:10px !important;
 display:block !important;
}

.md-card-label {
 font-size:13px !important;
 font-weight:700 !important;
 color:#f4f2ff !important;
 margin-bottom:4px !important;
 letter-spacing:-0.01em !important;
}

.md-card-desc {
 font-size:12px !important;
 color:#9b96b8 !important;
 line-height:1.4 !important;
}

/* Цвета карточек */
.md-card-destiny .md-card-number { color:#7c3aed !important; -webkit-text-fill-color:#7c3aed !important; }
.md-card-destiny::after { background:#7c3aed !important; }

.md-card-health .md-card-number { color:#ef4444 !important; -webkit-text-fill-color:#ef4444 !important; }
.md-card-health::after { background:#ef4444 !important; }

.md-card-money .md-card-number { color:#10b981 !important; -webkit-text-fill-color:#10b981 !important; }
.md-card-money::after { background:#10b981 !important; }

.md-card-comfort .md-card-number { color:#f59e0b !important; -webkit-text-fill-color:#f59e0b !important; }
.md-card-comfort::after { background:#f59e0b !important; }

.md-card-base .md-card-number { color:#6366f1 !important; -webkit-text-fill-color:#6366f1 !important; font-size:40px !important; }
.md-card-base::after { background:#6366f1 !important; }

/* ── Группы аккордеона ── */
.md-section-title { font-size:18px !important; font-weight:800 !important; margin:0 0 16px 0 !important; color:#f4f2ff !important; letter-spacing:-0.02em !important; }
.md-interp-group { margin-bottom:24px !important; }
.md-interp-group-title { display:inline-block !important; font-size:10px !important; font-weight:700 !important; letter-spacing:0.12em !important; text-transform:uppercase !important; color:#c4b5fd !important; border:1.5px solid rgba(139,92,246,0.4) !important; border-radius:20px !important; padding:4px 12px !important; margin-bottom:12px !important; background:rgba(139,92,246,0.08) !important; }

/* ── Аккордеон ── */
.md-accordion-item {
 background:#181430 !important;
 border:1.5px solid rgba(139,92,246,0.18) !important;
 border-radius:14px !important;
 margin-bottom:8px !important;
 overflow:hidden !important;
 transition:border-color 0.2s,box-shadow 0.2s !important;
}
.md-accordion-item:hover { border-color:rgba(139,92,246,0.45) !important; }
.md-accordion-item.active { border-color:#7c3aed !important; box-shadow:0 4px 24px rgba(139,92,246,0.25) !important; }

.md-accordion-header {
 padding:16px 20px !important;
 display:flex !important;
 align-items:center !important;
 gap:14px !important;
 cursor:pointer !important;
 user-select:none !important;
}

body .md-accordion-item.active .md-accordion-header {
 border-bottom:1px solid rgba(139,92,246,0.18) !important;
}

/* ── SVG-иконки через CSS ── */
.md-interp-icon {
 width:40px !important;
 height:40px !important;
 border-radius:50% !important;
 background:rgba(139,92,246,0.15) !important;
 border:1.5px solid rgba(139,92,246,0.3) !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 flex-shrink:0 !important;
 transition:background 0.2s,border-color 0.2s !important;
}

.md-accordion-item.active .md-interp-icon {
 background:#7c3aed !important;
 border-color:#7c3aed !important;
}

.md-icon {
 display:block !important;
 width:18px !important;
 height:18px !important;
 background-color:#7c3aed !important;
 -webkit-mask-size:contain !important;
 mask-size:contain !important;
 -webkit-mask-repeat:no-repeat !important;
 mask-repeat:no-repeat !important;
 -webkit-mask-position:center !important;
 mask-position:center !important;
 transition:background-color 0.2s !important;
}

.md-accordion-item.active .md-icon {
 background-color:#ffffff !important;
}

/* Каждая иконка — своя SVG-маска */
.icon-heart { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important; }
.icon-star { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") !important; }
.icon-users { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important; }
.icon-sun { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'/%3E%3C/svg%3E") !important; }
.icon-user { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important; }
.icon-thumbsup { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14z'/%3E%3Cpath d='M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3H14z'/%3E%3Cpath d='M7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important; }
.icon-trending { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E") !important; }
.icon-info { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") !important; }
.icon-dollar { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E") !important; }
.icon-globe { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") !important; }
.icon-briefcase { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2'/%3E%3C/svg%3E") !important; }
.icon-shield { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") !important; }
.icon-calendar { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") !important; }
.icon-tag { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E") !important; }
.icon-mic { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' y1='19' x2='12' y2='23'/%3E%3Cline x1='8' y1='23' x2='16' y2='23'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cline x1='12' y1='19' x2='12' y2='23'/%3E%3Cline x1='8' y1='23' x2='16' y2='23'/%3E%3C/svg%3E") !important; }
.icon-slash { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='4.93' y1='4.93' x2='19.07' y2='19.07'/%3E%3C/svg%3E") !important; }
.icon-refresh { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") !important; }
.icon-lock { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important; }
.icon-home { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") !important; }
.icon-target { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E") !important; }
.icon-book { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E") !important; }
.icon-message { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important; }
.icon-zap { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E") !important; }
.icon-clock { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important; }
.icon-bar-chart { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='20' x2='18' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='6' y1='20' x2='6' y2='14'/%3E%3C/svg%3E") !important; }
.icon-settings { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14'/%3E%3C/svg%3E") !important; }
.icon-circle { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E") !important; }

/* ── Контент карточки ── */
.md-interp-content { flex:1 !important; min-width:0 !important; }
.md-interp-content h4 { margin:0 !important; font-size:15px !important; font-weight:700 !important; color:#f4f2ff !important; letter-spacing:-0.01em !important; line-height:1.3 !important; }
.md-interp-content p.md-preview { margin:3px 0 0 0 !important; font-size:12px !important; color:#b0aac8 !important; }

/* Бейджи */
.md-free-badge-small { background:rgba(52,211,153,0.12) !important; color:#6ee7b7 !important; padding:4px 10px !important; border-radius:20px !important; font-size:10px !important; font-weight:700 !important; letter-spacing:0.06em !important; text-transform:uppercase !important; flex-shrink:0 !important; border:1.5px solid rgba(52,211,153,0.3) !important; }
.md-premium-badge-small { background:rgba(139,92,246,0.15) !important; color:#c4b5fd !important; padding:4px 10px !important; border-radius:20px !important; font-size:10px !important; font-weight:700 !important; letter-spacing:0.06em !important; text-transform:uppercase !important; flex-shrink:0 !important; border:1.5px solid rgba(139,92,246,0.4) !important; }

/* Стрелка */
.md-accordion-arrow { width:28px !important; height:28px !important; border-radius:50% !important; border:1.5px solid rgba(139,92,246,0.3) !important; background:transparent !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; color:#9b96b8 !important; font-size:10px !important; transition:transform 0.25s,border-color 0.2s,color 0.2s !important; }
.md-accordion-item.active .md-accordion-arrow { border-color:#7c3aed !important; color:#7c3aed !important; transform:rotate(180deg) !important; }

/* Раскрытый контент */
.md-accordion-content { max-height:0 !important; overflow:hidden !important; padding:0 20px !important; opacity:0 !important; transition:max-height 0.4s ease,opacity 0.3s ease,padding 0.25s ease !important; }
body .md-accordion-item.active .md-accordion-content { max-height:5000px !important; padding:0 20px 22px 20px !important; opacity:1 !important; }

/* ── Блок аркана ── */
.md-arcana-block { background:rgba(139,92,246,0.08) !important; border:1px solid rgba(139,92,246,0.15) !important; border-radius:12px !important; padding:14px 16px !important; margin-bottom:20px !important; }
.md-arcana-block-inner { display:flex !important; align-items:center !important; gap:14px !important; }
.md-arcana-visual { display:flex !important; align-items:center !important; gap:12px !important; flex:1 !important; }
.md-arcana-circle { width:44px !important; height:44px !important; border-radius:50% !important; background:#7c3aed !important; color:white !important; font-size:18px !important; font-weight:800 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-shrink:0 !important; letter-spacing:-0.02em !important; }
.md-arcana-details { flex:1 !important; }
.md-arcana-title { font-size:14px !important; font-weight:700 !important; color:#f4f2ff !important; margin-bottom:3px !important; }
.md-arcana-subtitle { font-size:12px !important; color:#a78bfa !important; font-style:italic !important; line-height:1.4 !important; }

/* ── Текст расшифровки ── */
.md-full-description { padding:0 !important; background:transparent !important; margin:0 !important; }
.md-description-content { font-size:15px !important; line-height:1.85 !important; color:#c3bedb !important; }
.md-description-content p { margin:0 0 14px 0 !important; line-height:1.85 !important; color:#c3bedb !important; }
.md-description-content p:last-child { margin-bottom:0 !important; }
.md-description-content h1,.md-description-content h2,.md-description-content h3,.md-description-content h4 { color:#f4f2ff !important; font-weight:800 !important; margin:20px 0 8px 0 !important; line-height:1.3 !important; letter-spacing:-0.02em !important; }
.md-description-content h1 { font-size:20px !important; }
.md-description-content h2 { font-size:18px !important; }
.md-description-content h3 { font-size:16px !important; }
.md-description-content h4 { font-size:15px !important; }
.md-description-content ul,.md-description-content ol { margin:8px 0 14px 0 !important; padding-left:20px !important; }
.md-description-content li { margin-bottom:5px !important; line-height:1.7 !important; color:#c3bedb !important; }
.md-description-content strong,.md-description-content b { font-weight:700 !important; color:#f4f2ff !important; }
.md-description-content em,.md-description-content i { font-style:italic !important; color:#9b96b8 !important; }
.md-description-content blockquote { border-left:3px solid #7c3aed !important; margin:14px 0 !important; padding:12px 16px !important; background:rgba(139,92,246,0.08) !important; border-radius:0 8px 8px 0 !important; color:#c3bedb !important; font-style:italic !important; }
.md-description-content hr { border:none !important; border-top:1px solid rgba(139,92,246,0.18) !important; margin:18px 0 !important; }
.md-description-content a { color:#a78bfa !important; text-decoration:underline !important; }
.md-description-content > *:first-child { margin-top:0 !important; }

/* ── Замок ── */
.md-premium-lock { text-align:center !important; padding:36px 24px !important; background:rgba(139,92,246,0.08) !important; border-radius:12px !important; border:1px solid rgba(139,92,246,0.15) !important; margin:2px 0 !important; }
.md-lock-icon { font-size:36px !important; margin-bottom:12px !important; display:block !important; }
.md-premium-lock strong { font-size:16px !important; display:block !important; color:#f4f2ff !important; margin-bottom:6px !important; font-weight:800 !important; letter-spacing:-0.01em !important; }
.md-premium-lock p { font-size:14px !important; color:#9b96b8 !important; margin:0 0 18px 0 !important; }
.md-unlock-btn { display:inline-block !important; padding:12px 26px !important; background:#7c3aed !important; color:white !important; text-decoration:none !important; border-radius:10px !important; font-weight:700 !important; font-size:14px !important; transition:background 0.18s !important; }
.md-unlock-btn:hover { background:#6d28d9 !important; }

/* ── Кнопка «Рассчитать ещё раз» ── */
.md-recalculate-btn { margin-top:24px !important; background:rgba(139,92,246,0.1) !important; color:#c4b5fd !important; border:1.5px solid rgba(139,92,246,0.5) !important; border-radius:10px !important; padding:13px 24px !important; font-size:14px !important; font-weight:700 !important; cursor:pointer !important; transition:border-color 0.18s,background 0.18s !important; width:100% !important; }
.md-recalculate-btn:hover { background:rgba(139,92,246,0.2) !important; border-color:#8b5cf6 !important; }


/* ========================================
 НОВЫЙ ЭКРАН РЕЗУЛЬТАТОВ — МАТРИЦА СУДЬБЫ
 ======================================== */
.md-results.md-dm {
 background:radial-gradient(900px 480px at 80% -8%, rgba(139,92,246,0.14), transparent 60%), linear-gradient(180deg,#15122e 0%,#0f0c24 100%) !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:24px !important;
 padding:36px !important;
}
.md-dm * { box-sizing:border-box !important; }

/* Шапка */
.md-dm-head { text-align:center !important; margin-bottom:28px !important; }
.md-dm-eyebrow { font-size:11px !important; font-weight:700 !important; letter-spacing:0.16em !important; text-transform:uppercase !important; color:#e0b341 !important; margin-bottom:10px !important; }
.md-dm-title { font-size:30px !important; font-weight:800 !important; color:#ffffff !important; margin:0 0 14px 0 !important; letter-spacing:-0.02em !important; line-height:1.15 !important; }
.md-dm-title span { background:linear-gradient(120deg,#a78bfa,#c4b5fd) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:#a78bfa !important; }
.md-dm-meta { display:flex !important; flex-wrap:wrap !important; gap:8px !important; justify-content:center !important; }
.md-dm-pill { font-size:13px !important; color:#cfcae6 !important; background:rgba(139,92,246,0.12) !important; padding:6px 14px !important; border-radius:999px !important; }
.md-dm-pill-dim { color:#9b96b8 !important; background:rgba(139,92,246,0.07) !important; }
.md-dm-pill-prem { color:#6ee7b7 !important; background:rgba(52,211,153,0.12) !important; }
.md-dm-pill-free { color:#c4b5fd !important; background:rgba(139,92,246,0.16) !important; }

/* Карта-звезда + панель */
.md-dm-explorer { display:grid !important; grid-template-columns:1fr 1fr !important; gap:18px !important; align-items:stretch !important; margin-bottom:10px !important; }
.md-dm-panel { background:linear-gradient(160deg,#1c1640,#15122e) !important; border:1px solid rgba(139,92,246,0.25) !important; border-radius:20px !important; padding:26px !important; display:flex !important; flex-direction:column !important; }
.md-dm-panel-top { display:flex !important; align-items:center !important; gap:14px !important; margin-bottom:16px !important; }
.md-dm-panel-num { width:54px !important; height:54px !important; border-radius:14px !important; background:linear-gradient(135deg,#8b5cf6,#a78bfa) !important; color:#fff !important; font-size:24px !important; font-weight:800 !important; display:flex !important; align-items:center !important; justify-content:center !important; box-shadow:0 6px 20px rgba(139,92,246,0.5) !important; flex-shrink:0 !important; }
.md-dm-panel-title { font-size:20px !important; font-weight:800 !important; color:#ffffff !important; line-height:1.1 !important; }
.md-dm-panel-sub { font-size:11px !important; font-weight:700 !important; letter-spacing:0.1em !important; text-transform:uppercase !important; color:#a78bfa !important; margin-top:5px !important; }
.md-dm-panel-desc { font-size:15px !important; line-height:1.75 !important; color:#eceaf6 !important; margin:0 0 16px 0 !important; flex:1 !important; }
.md-dm-panel-tags { display:flex !important; flex-wrap:wrap !important; gap:8px !important; }
.md-dm-panel-tags span { font-size:12px !important; color:#d6caff !important; background:rgba(139,92,246,0.16) !important; border:1px solid rgba(139,92,246,0.3) !important; padding:6px 13px !important; border-radius:999px !important; }
.md-dm-mapwrap { background:radial-gradient(circle at 50% 42%, rgba(139,92,246,0.18), transparent 65%), #100d24 !important; border:1px solid rgba(139,92,246,0.2) !important; border-radius:20px !important; padding:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.md-results .md-dm-map { position:relative !important; width:100% !important; max-width:320px !important; aspect-ratio:1 / 1 !important; }
.md-results .md-dm-mapimg { display:block !important; width:100% !important; height:auto !important; border:0 !important; max-width:100% !important; }
.md-results .md-dm-pt { position:absolute !important; transform:translate(-50%,-50%) !important; border:0 !important; background:transparent !important; padding:0 !important; margin:0 !important; border-radius:50% !important; cursor:pointer !important; box-shadow:none !important; -webkit-appearance:none !important; appearance:none !important; transition:box-shadow 0.18s !important; }
.md-results .md-dm-pt:hover { box-shadow:0 0 0 3px rgba(255,255,255,0.25) !important; }
.md-results .md-dm-pt-active { box-shadow:0 0 0 3px #ffffff !important; }
.md-dm-hint { text-align:center !important; color:#6f6a8a !important; font-size:13px !important; margin:14px 0 30px 0 !important; }

/* ── Блок совместимости (love/work) ── */
.md-results .md-dm-compat { background:linear-gradient(160deg,#1c1640,#15122e) !important; border:1px solid rgba(139,92,246,0.25) !important; border-radius:22px !important; padding:30px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:24px !important; flex-wrap:wrap !important; margin-bottom:14px !important; }
.md-results .md-dm-cp { text-align:center !important; }
.md-results .md-dm-cp-av { width:84px !important; height:84px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:32px !important; font-weight:800 !important; color:#fff !important; margin:0 auto 12px auto !important; box-shadow:0 8px 24px rgba(139,92,246,0.4) !important; }
.md-results .md-dm-cp-name { font-size:16px !important; font-weight:700 !important; color:#ffffff !important; }
.md-results .md-dm-cp-sub { font-size:12px !important; color:#9b96b8 !important; margin-top:2px !important; }
.md-results .md-dm-cp-ring { position:relative !important; width:120px !important; height:120px !important; flex-shrink:0 !important; }
.md-results .md-dm-cp-ringimg { display:block !important; width:120px !important; height:120px !important; border:0 !important; }
.md-results .md-dm-cp-pct { position:absolute !important; inset:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; }
.md-results .md-dm-cp-num { font-size:30px !important; font-weight:800 !important; color:#ffffff !important; line-height:1 !important; }
.md-results .md-dm-cp-lbl { font-size:10px !important; color:#9b96b8 !important; text-transform:uppercase !important; letter-spacing:0.08em !important; margin-top:3px !important; }
.md-results .md-dm-compat-verdict { text-align:center !important; color:#cfcae6 !important; font-size:14px !important; line-height:1.6 !important; margin:0 0 28px 0 !important; }
@media (max-width:760px) {
 .md-results .md-dm-compat { padding:24px 16px !important; gap:16px !important; }
 .md-results .md-dm-cp-av { width:64px !important; height:64px !important; font-size:24px !important; }
}

/* Группы и карточки-разделы */
.md-dm-group { margin-bottom:26px !important; }
.md-dm-group-head { display:flex !important; align-items:center !important; gap:12px !important; margin:0 0 16px 0 !important; }
.md-dm-group-head span { font-size:11px !important; font-weight:700 !important; letter-spacing:0.14em !important; text-transform:uppercase !important; color:#e0b341 !important; white-space:nowrap !important; }
.md-dm-group-head i { flex:1 !important; height:1px !important; background:rgba(139,92,246,0.15) !important; display:block !important; }
.md-dm-cards { display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; }
.md-dm-card { position:relative !important; background:#15122e !important; border:1px solid rgba(139,92,246,0.18) !important; border-radius:18px !important; padding:24px !important; overflow:hidden !important; transition:border-color 0.2s, transform 0.2s !important; }
.md-dm-card:hover { border-color:rgba(139,92,246,0.45) !important; transform:translateY(-2px) !important; }
.md-dm-card-bignum { position:absolute !important; top:-8px !important; right:14px !important; font-size:64px !important; font-weight:800 !important; color:rgba(139,92,246,0.12) !important; line-height:1 !important; pointer-events:none !important; }
.md-dm-card-title { position:relative !important; margin:0 0 10px 0 !important; font-size:17px !important; font-weight:700 !important; color:#ffffff !important; letter-spacing:-0.01em !important; }
.md-dm-card-body { position:relative !important; font-size:15px !important; line-height:1.8 !important; color:#eceaf6 !important; }
.md-dm-card-body p { margin:0 0 12px 0 !important; color:#eceaf6 !important; }
.md-dm-card-body p:last-child { margin-bottom:0 !important; }
.md-dm-card-body strong, .md-dm-card-body b { color:#ffffff !important; font-weight:700 !important; }
.md-dm-card-body em, .md-dm-card-body i { color:#c3bedb !important; }
.md-dm-card-body h1,.md-dm-card-body h2,.md-dm-card-body h3,.md-dm-card-body h4 { color:#ffffff !important; font-weight:800 !important; margin:16px 0 8px 0 !important; }
.md-dm-card-body ul,.md-dm-card-body ol { margin:8px 0 12px 0 !important; padding-left:20px !important; }
.md-dm-card-body li { color:#eceaf6 !important; margin-bottom:5px !important; line-height:1.7 !important; }
.md-dm-card-body a { color:#a78bfa !important; text-decoration:underline !important; }

/* ── Таймлайн разделов (узлы-самоцветы + аккордеон) ── */
.md-results .md-tl { position:relative !important; padding-left:62px !important; }
.md-results .md-tl::before { content:'' !important; position:absolute !important; left:24px !important; top:6px !important; bottom:6px !important; width:2px !important; background:linear-gradient(180deg,#8b5cf6,rgba(139,92,246,0.1)) !important; }
.md-results .md-tl-item { position:relative !important; margin-bottom:14px !important; }
.md-results .md-tl-item:last-child { margin-bottom:0 !important; }
.md-results .md-tl-node { position:absolute !important; left:-62px !important; top:0 !important; width:50px !important; height:50px !important; border-radius:15px !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:19px !important; font-weight:800 !important; color:#fff !important; box-shadow:0 0 0 5px #0f0c24, 0 8px 20px rgba(139,92,246,0.4) !important; z-index:1 !important; }
.md-results .md-tl-node-lock { background:rgba(139,92,246,0.12) !important; border:1.5px solid rgba(139,92,246,0.3) !important; box-shadow:0 0 0 5px #0f0c24 !important; }
.md-results .md-tl-node-lock .md-mi { width:20px !important; height:20px !important; background-color:#c4b5fd !important; }
.md-results .md-tl-card { background:#15122e !important; border:1px solid rgba(139,92,246,0.18) !important; border-radius:16px !important; overflow:hidden !important; transition:border-color 0.2s !important; }
.md-results .md-tl-open > .md-tl-card { background:linear-gradient(160deg,#1c1640,#15122e) !important; border-color:#8b5cf6 !important; box-shadow:0 4px 24px rgba(139,92,246,0.18) !important; }
.md-results .md-tl-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; padding:16px 20px !important; cursor:pointer !important; user-select:none !important; }
.md-results .md-tl-head-main { flex:1 !important; min-width:0 !important; }
.md-results .md-tl-titlerow { display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
.md-results .md-tl-title { margin:0 !important; font-size:16px !important; font-weight:700 !important; color:#ffffff !important; letter-spacing:-0.01em !important; }
.md-results .md-tl-open .md-tl-title { font-size:17px !important; font-weight:800 !important; }
.md-results .md-tl-imp { font-size:10px !important; font-weight:700 !important; white-space:nowrap !important; }
.md-results .md-tl-sub { font-size:12px !important; color:#a78bfa !important; font-style:italic !important; margin-top:3px !important; }
.md-results .md-tl-sub-dim { color:#9b96b8 !important; font-style:normal !important; }
.md-results .md-tl-arrow { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; border-radius:50% !important; border:1.5px solid rgba(139,92,246,0.3) !important; flex-shrink:0 !important; transition:transform 0.25s, border-color 0.2s !important; }
.md-results .md-tl-arrow .md-mi { width:14px !important; height:14px !important; background-color:#9b96b8 !important; }
.md-results .md-tl-open .md-tl-arrow { transform:rotate(180deg) !important; border-color:#8b5cf6 !important; }
.md-results .md-tl-open .md-tl-arrow .md-mi { background-color:#a78bfa !important; }
.md-results .md-tl-body { max-height:0 !important; overflow:hidden !important; opacity:0 !important; padding:0 20px !important; transition:max-height 0.4s ease, opacity 0.3s ease, padding 0.25s ease !important; }
.md-results .md-tl-open .md-tl-body { max-height:4000px !important; opacity:1 !important; padding:0 20px 20px 20px !important; }
.md-results .md-tl-tags { display:flex !important; gap:6px !important; flex-wrap:wrap !important; margin-bottom:14px !important; }
.md-results .md-tl-tags span { font-size:11px !important; color:#d6caff !important; background:rgba(139,92,246,0.16) !important; border:1px solid rgba(139,92,246,0.28) !important; padding:4px 11px !important; border-radius:999px !important; }
.md-results .md-tl-desc { font-size:14px !important; line-height:1.85 !important; color:#cfcae6 !important; }
.md-results .md-tl-desc p { margin:0 0 12px 0 !important; color:#cfcae6 !important; }
.md-results .md-tl-desc p:last-child { margin-bottom:0 !important; }
.md-results .md-tl-desc strong, .md-results .md-tl-desc b { color:#ffffff !important; font-weight:700 !important; }
.md-results .md-tl-desc em, .md-results .md-tl-desc i { color:#c3bedb !important; }
.md-results .md-tl-desc h1,.md-results .md-tl-desc h2,.md-results .md-tl-desc h3,.md-results .md-tl-desc h4 { color:#fff !important; font-weight:800 !important; margin:16px 0 8px 0 !important; }
.md-results .md-tl-desc ul,.md-results .md-tl-desc ol { margin:8px 0 12px 0 !important; padding-left:20px !important; }
.md-results .md-tl-desc li { color:#cfcae6 !important; margin-bottom:5px !important; line-height:1.7 !important; }
.md-results .md-tl-desc a { color:#a78bfa !important; text-decoration:underline !important; }
.md-results .md-tl-open-btn { display:inline-flex !important; align-items:center !important; gap:7px !important; flex-shrink:0 !important; font-size:12px !important; font-weight:700 !important; color:#fff !important; background:linear-gradient(120deg,#8b5cf6,#a78bfa) !important; padding:8px 16px !important; border-radius:9px !important; text-decoration:none !important; white-space:nowrap !important; transition:transform 0.2s, box-shadow 0.2s !important; }
.md-results .md-tl-open-btn:hover { transform:translateY(-1px) !important; box-shadow:0 6px 16px rgba(139,92,246,0.5) !important; color:#fff !important; }
.md-results .md-tl-open-btn .md-mi { width:13px !important; height:13px !important; background-color:#fff !important; }
.md-results .md-tl-locked .md-tl-head { cursor:default !important; }
@media (max-width:760px) {
 .md-results .md-tl { padding-left:50px !important; }
 .md-results .md-tl::before { left:18px !important; }
 .md-results .md-tl-node { left:-50px !important; width:40px !important; height:40px !important; border-radius:12px !important; font-size:16px !important; }
}


/* ── Блок «Оцените расшифровку» (новый стиль) ── */
.md-results .md-fb2 { background:linear-gradient(160deg,#1c1640,#15122e) !important; border:1px solid rgba(139,92,246,0.25) !important; border-radius:20px !important; padding:30px !important; text-align:center !important; margin-top:10px !important; }
.md-results .md-fb2-eyebrow { font-size:11px !important; font-weight:700 !important; letter-spacing:0.16em !important; text-transform:uppercase !important; color:#e0b341 !important; margin-bottom:8px !important; }
.md-results .md-fb2-title { margin:0 0 6px 0 !important; font-size:21px !important; font-weight:800 !important; color:#ffffff !important; }
.md-results .md-fb2-title span { color:#a78bfa !important; }
.md-results .md-fb2-sub { margin:0 0 20px 0 !important; font-size:14px !important; color:#9b96b8 !important; }
.md-results .md-fb2-rating { display:flex !important; gap:12px !important; justify-content:center !important; flex-wrap:wrap !important; }
.md-results .md-fb2-btn { display:inline-flex !important; align-items:center !important; gap:9px !important; padding:12px 22px !important; background:rgba(139,92,246,0.08) !important; border:1.5px solid rgba(139,92,246,0.3) !important; border-radius:12px !important; color:#cfcae6 !important; font-size:14px !important; font-weight:600 !important; cursor:pointer !important; transition:all 0.2s !important; }
.md-results .md-fb2-btn:hover { border-color:#8b5cf6 !important; background:rgba(139,92,246,0.16) !important; transform:translateY(-1px) !important; }
.md-results .md-fb2-btn .md-mi { width:20px !important; height:20px !important; background-color:#a78bfa !important; }
.md-results .md-feedback-like.active { border-color:#34d399 !important; background:rgba(52,211,153,0.14) !important; color:#fff !important; }
.md-results .md-feedback-like.active .md-mi { background-color:#6ee7b7 !important; }
.md-results .md-feedback-dislike.active { border-color:#f472b6 !important; background:rgba(244,114,182,0.14) !important; color:#fff !important; }
.md-results .md-feedback-dislike.active .md-mi { background-color:#f9a8d4 !important; }
.md-results .md-fb2-form { margin-top:22px !important; text-align:left !important; }
.md-results .md-fb2-form.md-hidden { display:none !important; }
.md-results .md-fb2-label { font-size:12px !important; font-weight:700 !important; letter-spacing:0.04em !important; text-transform:uppercase !important; color:#9b96b8 !important; margin:0 0 10px 0 !important; display:block !important; }
.md-results .md-fb2-opt { text-transform:none !important; letter-spacing:0 !important; color:#6f6a8a !important; font-weight:400 !important; }
.md-results .md-fb2-chips { display:flex !important; gap:8px !important; flex-wrap:wrap !important; margin-bottom:20px !important; }
.md-results .md-fb2-chip { font-size:13px !important; color:#d6caff !important; background:rgba(139,92,246,0.1) !important; border:1px solid rgba(139,92,246,0.28) !important; padding:8px 15px !important; border-radius:999px !important; cursor:pointer !important; transition:all 0.18s !important; }
.md-results .md-fb2-chip:hover { border-color:#8b5cf6 !important; background:rgba(139,92,246,0.2) !important; }
.md-results .md-fb2-chip.active { background:linear-gradient(120deg,#8b5cf6,#a78bfa) !important; border-color:#a78bfa !important; color:#fff !important; box-shadow:0 4px 14px rgba(139,92,246,0.4) !important; }
.md-results .md-fb2-comment { margin-bottom:18px !important; }
.md-results .md-fb2-textarea { width:100% !important; box-sizing:border-box !important; background:#100d24 !important; border:1px solid rgba(139,92,246,0.3) !important; border-radius:12px !important; padding:14px 16px !important; color:#f4f2ff !important; font-size:14px !important; font-family:inherit !important; line-height:1.6 !important; resize:vertical !important; transition:border-color 0.2s !important; }
.md-results .md-fb2-textarea:focus { outline:none !important; border-color:#8b5cf6 !important; box-shadow:0 0 0 3px rgba(139,92,246,0.18) !important; }
.md-results .md-fb2-textarea::placeholder { color:#6f6a8a !important; }
.md-results .md-fb2-submit { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:100% !important; padding:14px !important; background:linear-gradient(120deg,#8b5cf6,#a78bfa) !important; border:0 !important; border-radius:12px !important; color:#fff !important; font-size:15px !important; font-weight:700 !important; cursor:pointer !important; transition:transform 0.2s, box-shadow 0.2s !important; }
.md-results .md-fb2-submit:hover { transform:translateY(-1px) !important; box-shadow:0 6px 20px rgba(139,92,246,0.5) !important; }
.md-results .md-fb2-submit:disabled { opacity:0.6 !important; cursor:default !important; transform:none !important; box-shadow:none !important; }
.md-results .md-fb2-success { padding:14px 0 4px 0 !important; }
.md-results .md-fb2-success.md-hidden { display:none !important; }
.md-results .md-fb2-success-ico { width:42px !important; height:42px !important; background-color:#34d399 !important; margin:0 auto 10px auto !important; }
.md-results .md-fb2-success p { margin:0 !important; font-size:16px !important; font-weight:700 !important; color:#6ee7b7 !important; }
@media (max-width:760px) {
 .md-results .md-fb2 { padding:24px 18px !important; }
 .md-results .md-fb2-btn { flex:1 1 auto !important; justify-content:center !important; }
}
/* Премиум-замок на карточке */
.md-dm-card-locked .md-dm-blurred { filter:blur(5px) !important; opacity:0.5 !important; max-height:120px !important; overflow:hidden !important; user-select:none !important; }
.md-dm-lock { position:absolute !important; inset:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:10px !important; background:rgba(15,12,36,0.78) !important; padding:20px !important; text-align:center !important; }
.md-dm-lock-ico { font-size:28px !important; }
.md-dm-lock-txt { font-size:13px !important; color:#cfcae6 !important; }
.md-dm-lock-btn { font-size:13px !important; font-weight:700 !important; color:#fff !important; background:linear-gradient(120deg,#8b5cf6,#a78bfa) !important; padding:9px 20px !important; border-radius:10px !important; text-decoration:none !important; transition:transform 0.2s, box-shadow 0.2s !important; }
.md-dm-lock-btn:hover { transform:translateY(-1px) !important; box-shadow:0 6px 18px rgba(139,92,246,0.5) !important; color:#fff !important; }

/* Размеры и цвета иконок-масок по контекстам (цвет задаём явно — reset навязывает color) */
.md-dm .md-mi { width:1em !important; height:1em !important; background-color:#c4b5fd !important; }
.md-dm-pdf { display:inline-flex !important; align-items:center !important; gap:8px !important; margin-top:18px !important; }
.md-dm-pdf .md-mi { width:16px !important; height:16px !important; background-color:#c4b5fd !important; }
.md-dm-group-ico { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; border-radius:9px !important; background:rgba(224,179,65,0.14) !important; flex-shrink:0 !important; }
.md-dm-group-ico .md-mi { width:17px !important; height:17px !important; background-color:#e0b341 !important; }
.md-dm-lock-ico { display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.md-dm-lock-ico .md-mi { width:26px !important; height:26px !important; background-color:#c4b5fd !important; }
.md-dm-lock-btn { display:inline-flex !important; align-items:center !important; gap:7px !important; }
.md-dm-lock-btn .md-mi { width:15px !important; height:15px !important; background-color:#ffffff !important; }
.md-recalculate-btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:9px !important; }
.md-recalculate-btn .md-mi { width:17px !important; height:17px !important; background-color:#c4b5fd !important; }
.md-dm-pill-prem .md-mi { width:13px !important; height:13px !important; margin-right:2px !important; background-color:#6ee7b7 !important; }
.md-dm-pill-free .md-mi { width:13px !important; height:13px !important; margin-right:2px !important; background-color:#c4b5fd !important; }

/* Адаптив */
@media (max-width:760px) {
 .md-results.md-dm { padding:24px 18px !important; }
 .md-dm-title { font-size:24px !important; }
 .md-dm-explorer { grid-template-columns:1fr !important; }
 .md-dm-cards { grid-template-columns:1fr !important; }
}

/* ========================================
 ТАРИФЫ
 ======================================== */

.md-pricing-container {
 padding:60px 20px !important;
 max-width:1200px !important;
 margin:0 auto !important;
}

/* Герой-блок заголовка */
.md-pricing-hero {
 background:linear-gradient(135deg,#1e0a3c 0%,#3b0764 50%,#1e0a3c 100%) !important;
 border-radius:20px !important;
 padding:56px 40px !important;
 margin-bottom:48px !important;
 text-align:center !important;
 position:relative !important;
 overflow:hidden !important;
}

.md-pricing-hero::before {
 content:'' !important;
 position:absolute !important;
 top:-60px !important;
 left:-60px !important;
 width:280px !important;
 height:280px !important;
 background:radial-gradient(circle,rgba(139,92,246,0.25) 0%,transparent 70%) !important;
 pointer-events:none !important;
}

.md-pricing-hero::after {
 content:'' !important;
 position:absolute !important;
 bottom:-80px !important;
 right:-40px !important;
 width:320px !important;
 height:320px !important;
 background:radial-gradient(circle,rgba(167,139,250,0.15) 0%,transparent 70%) !important;
 pointer-events:none !important;
}

.md-pricing-hero-inner {
 position:relative !important;
 z-index:1 !important;
}

.md-pricing-eyebrow {
 display:inline-block !important;
 font-size:12px !important;
 font-weight:700 !important;
 letter-spacing:0.12em !important;
 text-transform:uppercase !important;
 color:#c4b5fd !important;
 border:1px solid rgba(196,181,253,0.3) !important;
 border-radius:20px !important;
 padding:5px 14px !important;
 margin-bottom:20px !important;
}

.md-pricing-title {
 font-size:40px !important;
 font-weight:800 !important;
 color:#ffffff !important;
 margin:0 0 16px 0 !important;
 line-height:1.2 !important;
 letter-spacing:-0.02em !important;
}

.md-pricing-subtitle {
 font-size:16px !important;
 color:rgba(255,255,255,0.65) !important;
 margin:0 !important;
 max-width:500px !important;
 margin:0 auto !important;
 line-height:1.6 !important;
}

/* Сетка карточек */
.md-pricing-grid {
 display:grid !important;
 grid-template-columns:repeat(3,1fr) !important;
 gap:20px !important;
}

/* ====== КАРТОЧКА ТАРИФА «Космос-фон» ====== */
.md-tcos-card {
 position:relative !important;
 display:flex !important;
 flex-direction:column !important;
 min-height:380px !important;
 border-radius:22px !important;
 overflow:hidden !important;
 border:1px solid rgba(139,92,246,0.28) !important;
 transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.md-tcos-card:hover {
 transform:translateY(-6px) !important;
 box-shadow:0 24px 50px rgba(0,0,0,0.55) !important;
 border-color:#a78bfa !important;
}
.md-tcos-card.md-tcos-pop {
 border:2px solid #8b5cf6 !important;
 box-shadow:0 0 50px rgba(139,92,246,0.3) !important;
}
.md-tcos-card.md-tcos-pop:hover {
 box-shadow:0 24px 60px rgba(139,92,246,0.45) !important;
}

/* Медиа-зона со звёздным фоном */
.md-tcos-media {
 position:absolute !important;
 inset:0 !important;
 z-index:0 !important;
}
.md-tcos-sky {
 position:absolute !important;
 inset:0 !important;
 width:100% !important;
 height:100% !important;
 display:block !important;
}

/* Плашки поверх фона */
.md-tcos-discount {
 position:absolute !important;
 top:16px !important; right:16px !important;
 z-index:2 !important;
 background:linear-gradient(135deg,#8b5cf6,#a78bfa) !important;
 color:#fff !important;
 font-size:12px !important; font-weight:700 !important;
 padding:6px 13px !important;
 border-radius:999px !important;
 box-shadow:0 4px 14px rgba(139,92,246,0.5) !important;
}
.md-tcos-popbadge {
 position:absolute !important;
 top:0 !important; left:50% !important;
 transform:translateX(-50%) !important;
 z-index:2 !important;
 background:linear-gradient(135deg,#8b5cf6,#a78bfa) !important;
 color:#fff !important;
 font-size:11px !important; font-weight:700 !important;
 letter-spacing:0.04em !important;
 padding:6px 18px !important;
 border-radius:0 0 13px 13px !important;
 box-shadow:0 4px 14px rgba(139,92,246,0.5) !important;
 white-space:nowrap !important;
}

/* Контент поверх фона (нижняя часть карточки) */
.md-tcos-body {
 position:relative !important;
 z-index:1 !important;
 margin-top:auto !important;
 padding:24px !important;
 background:linear-gradient(0deg, var(--md-tcos-fade,#120f29) 55%, rgba(18,15,41,0.85) 80%, transparent) !important;
}
.md-tcos-card.md-tcos-pop .md-tcos-body {
 background:linear-gradient(0deg,#15123a 55%, rgba(21,18,58,0.85) 80%, transparent) !important;
}
.md-tcos-name {
 margin:0 0 5px 0 !important;
 color:#f4f2ff !important;
 font-size:21px !important; font-weight:800 !important;
 letter-spacing:-0.01em !important;
}
.md-tcos-desc {
 margin:0 0 16px 0 !important;
 color:#9b96b8 !important;
 font-size:13px !important;
}
.md-tcos-features {
 list-style:none !important;
 padding:0 !important;
 margin:0 0 18px 0 !important;
 display:flex !important;
 flex-direction:column !important;
 gap:7px !important;
}
.md-tcos-features li {
 display:flex !important;
 align-items:center !important;
 gap:8px !important;
 color:#c3bedb !important;
 font-size:13px !important;
 line-height:1.4 !important;
}
.md-tcos-check {
 color:#a78bfa !important;
 font-weight:700 !important;
 flex-shrink:0 !important;
}
.md-tcos-price-row {
 display:flex !important;
 align-items:baseline !important;
 gap:10px !important;
 margin-bottom:16px !important;
}
.md-tcos-price {
 font-size:32px !important; font-weight:800 !important;
 color:#f4f2ff !important;
 letter-spacing:-0.02em !important;
}
.md-tcos-oldprice {
 font-size:15px !important;
 color:#6f6a8a !important;
 text-decoration:line-through !important;
 font-weight:500 !important;
}
.md-tcos-btn {
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 gap:8px !important;
 width:100% !important;
 padding:14px 20px !important;
 border-radius:13px !important;
 font-size:15px !important; font-weight:700 !important;
 text-decoration:none !important;
 cursor:pointer !important;
 box-sizing:border-box !important;
 background:rgba(139,92,246,0.16) !important;
 border:1.5px solid rgba(139,92,246,0.55) !important;
 color:#d6caff !important;
 transition:all 0.2s ease !important;
}
.md-tcos-btn:hover {
 background:rgba(139,92,246,0.28) !important;
 border-color:#8b5cf6 !important;
 color:#fff !important;
 transform:translateY(-1px) !important;
 text-decoration:none !important;
}
.md-tcos-btn-pop {
 background:linear-gradient(120deg,#8b5cf6,#a78bfa) !important;
 border-color:transparent !important;
 color:#fff !important;
 box-shadow:0 6px 22px rgba(139,92,246,0.55) !important;
}
.md-tcos-btn-pop:hover {
 background:linear-gradient(120deg,#7c3aed,#8b5cf6) !important;
 box-shadow:0 8px 26px rgba(139,92,246,0.65) !important;
 color:#fff !important;
}
.md-tcos-arrow { transition:transform 0.2s ease !important; flex-shrink:0 !important; }
.md-tcos-btn:hover .md-tcos-arrow { transform:translateX(3px) !important; }

@media (max-width:768px) {
 .md-tcos-card { min-height:340px !important; }
 .md-tcos-body { padding:20px 18px !important; }
 .md-tcos-name { font-size:19px !important; }
 .md-tcos-price { font-size:28px !important; }
}

/* Сноска под сеткой */
.md-pricing-note {
 text-align:center !important;
 font-size:13px !important;
 color:#9ca3af !important;
 margin:32px 0 0 0 !important;
}


/* ========================================
 CHECKOUT
 ======================================== */

.md-co2-bg {
 background:
   radial-gradient(900px 500px at 80% -5%, rgba(139,92,246,0.14), transparent 60%),
   radial-gradient(700px 480px at 0% 8%, rgba(99,102,241,0.09), transparent 55%),
   linear-gradient(180deg,#0c0a1a 0%,#13102b 100%) !important;
 min-height:100vh !important;
 padding:48px 20px 80px !important;
 box-sizing:border-box !important;
 font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
}
.md-co2 { max-width:1080px !important; margin:0 auto !important; }
.md-co2 * { box-sizing:border-box !important; }
.md-co2 a { text-decoration:none !important; }

.md-co2-title {
 text-align:center !important;
 color:#f4f2ff !important;
 font-size:32px !important; font-weight:800 !important;
 margin:0 0 36px !important;
}

.md-co2-layout {
 display:grid !important;
 grid-template-columns:1fr 360px !important;
 gap:20px !important;
 align-items:start !important;
}
.md-co2-left { display:flex !important; flex-direction:column !important; gap:18px !important; }

.md-co2-section {
 background:#15112b !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:18px !important;
 padding:26px !important;
}
.md-co2-section h2 {
 display:flex !important; align-items:center !important; gap:9px !important;
 margin:0 0 18px !important;
 color:#f4f2ff !important;
 font-size:18px !important; font-weight:700 !important;
}
.md-co2-h-icon { opacity:0.85 !important; }

.md-co2-hint { font-size:14px !important; color:#9b96b8 !important; margin:-6px 0 18px !important; }
.md-co2-hint a { color:#a78bfa !important; font-weight:600 !important; }

/* Поля формы чекаута — адресно, чтобы не задеть калькулятор */
.md-co2 .md-form-group { margin-bottom:16px !important; }
.md-co2 .md-form-group:last-child { margin-bottom:0 !important; }
.md-co2 .md-form-group label {
 display:block !important;
 color:#c3bedb !important;
 font-size:13px !important; font-weight:600 !important;
 margin-bottom:7px !important;
}
input#checkout-name,
input#checkout-email {
 width:100% !important;
 padding:13px 15px !important;
 background:rgba(12,10,26,0.6) !important;
 border:1px solid rgba(139,92,246,0.25) !important;
 border-radius:11px !important;
 color:#f4f2ff !important;
 font-size:15px !important;
 box-sizing:border-box !important;
 transition:border-color 0.2s, box-shadow 0.2s !important;
}
input#checkout-name::placeholder,
input#checkout-email::placeholder { color:#5a5575 !important; }
input#checkout-name:focus,
input#checkout-email:focus {
 outline:none !important;
 border-color:#8b5cf6 !important;
 box-shadow:0 0 0 3px rgba(139,92,246,0.18) !important;
}
input#checkout-email[readonly] { opacity:0.75 !important; cursor:not-allowed !important; }
.md-co2-note { color:#6f6a8a !important; font-size:12px !important; display:block !important; margin-top:6px !important; }

/* Яндекс.Сплит — тёмно-зелёный */
.md-split-notice {
 display:flex !important; align-items:center !important; gap:13px !important;
 padding:15px 18px !important;
 background:rgba(52,211,153,0.08) !important;
 border:1px solid rgba(52,211,153,0.25) !important;
 border-left:1px solid rgba(52,211,153,0.25) !important;
 border-radius:14px !important;
}
.md-split-notice-icon {
 flex-shrink:0 !important;
 width:40px !important; height:40px !important;
 display:flex !important; align-items:center !important; justify-content:center !important;
 background:rgba(52,211,153,0.18) !important;
 border-radius:50% !important;
 font-size:20px !important; line-height:1 !important;
}
.md-split-notice-text { flex:1 !important; }
.md-split-notice-text strong { display:block !important; font-size:14px !important; font-weight:700 !important; color:#6ee7b7 !important; margin-bottom:3px !important; }
.md-split-notice-text p { font-size:12px !important; color:#9b96b8 !important; margin:0 !important; line-height:1.5 !important; }

/* Способ оплаты */
.md-co2 .md-payment-method {
 border:1.5px solid rgba(139,92,246,0.25) !important;
 background:rgba(12,10,26,0.4) !important;
 border-radius:13px !important;
 padding:16px !important;
 cursor:pointer !important;
 transition:all 0.2s !important;
}
.md-co2 .md-payment-method.selected {
 border-color:#8b5cf6 !important;
 background:rgba(139,92,246,0.1) !important;
}
.md-co2 .md-payment-label { display:flex !important; align-items:center !important; gap:12px !important; margin:0 !important; }
.md-co2 .md-payment-label input { width:18px !important; height:18px !important; accent-color:#8b5cf6 !important; }
.md-co2 .md-payment-name { display:flex !important; align-items:center !important; gap:10px !important; font-weight:600 !important; color:#f4f2ff !important; font-size:15px !important; }
.md-co2 .md-payment-icon { font-size:22px !important; }
.md-co2 .md-payment-desc { margin-top:9px !important; font-size:12px !important; color:#9b96b8 !important; padding-left:30px !important; }

/* Правая колонка — итого */
.md-co2-right { position:sticky !important; top:20px !important; }
.md-co2-summary {
 background:linear-gradient(160deg,#221a45,#15112b) !important;
 border:1px solid rgba(139,92,246,0.3) !important;
 border-radius:18px !important;
 padding:26px !important;
}
.md-co2-summary h3 { margin:0 0 20px !important; color:#f4f2ff !important; font-size:19px !important; font-weight:800 !important; }
.md-co2-order-item {
 display:flex !important; align-items:center !important; gap:14px !important;
 background:rgba(139,92,246,0.1) !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:13px !important;
 padding:16px !important;
 margin-bottom:20px !important;
}
.md-co2-order-icon { font-size:38px !important; line-height:1 !important; flex-shrink:0 !important; }
.md-co2-order-item h4 { margin:0 0 3px !important; color:#f4f2ff !important; font-size:16px !important; font-weight:700 !important; }
.md-co2-order-item p { margin:0 !important; color:#9b96b8 !important; font-size:12px !important; }

.md-co2-totals {
 border-top:1px solid rgba(139,92,246,0.15) !important;
 border-bottom:1px solid rgba(139,92,246,0.15) !important;
 padding:14px 0 !important;
 margin-bottom:20px !important;
}
.md-co2-row { display:flex !important; justify-content:space-between !important; padding:6px 0 !important; font-size:14px !important; color:#9b96b8 !important; }
.md-co2-row.md-co2-discount, .md-co2-row.md-co2-discount span { color:#6ee7b7 !important; }
.md-co2-row.md-co2-final { padding:12px 0 4px !important; color:#f4f2ff !important; font-size:22px !important; font-weight:800 !important; }
.md-co2-row.md-co2-final span { color:#f4f2ff !important; }

/* Согласие */
.md-co2 .md-checkbox-label,
.md-co2-agree {
 display:flex !important; align-items:flex-start !important; gap:10px !important;
 color:#9b96b8 !important; font-size:12px !important;
 margin-bottom:16px !important; cursor:pointer !important;
}
.md-co2 .md-checkbox-label input { width:18px !important; height:18px !important; margin-top:2px !important; accent-color:#8b5cf6 !important; flex-shrink:0 !important; }
.md-co2 .md-checkbox-label a { color:#a78bfa !important; text-decoration:underline !important; }

/* Кнопка оплаты */
.md-co2 .md-place-order-btn,
.md-co2-pay-btn {
 display:block !important;
 width:100% !important;
 padding:16px !important;
 border:none !important;
 border-radius:13px !important;
 background:linear-gradient(120deg,#8b5cf6,#a78bfa) !important;
 color:#fff !important;
 font-size:16px !important; font-weight:700 !important;
 cursor:pointer !important;
 box-shadow:0 8px 24px rgba(139,92,246,0.5) !important;
 transition:transform 0.2s, box-shadow 0.2s, opacity 0.2s !important;
}
.md-co2 .md-place-order-btn:hover:not(:disabled) { transform:translateY(-2px) !important; box-shadow:0 12px 30px rgba(139,92,246,0.6) !important; }
.md-co2 .md-place-order-btn:disabled { opacity:0.6 !important; cursor:not-allowed !important; transform:none !important; }

/* Гарантии */
.md-co2-guarantees { display:flex !important; flex-direction:column !important; gap:9px !important; margin-top:18px !important; }
.md-co2-guarantee { display:flex !important; align-items:center !important; gap:9px !important; color:#9b96b8 !important; font-size:13px !important; }
.md-co2-guarantee span { font-size:18px !important; }

/* Пустые состояния */
.md-co2-empty {
 text-align:center !important;
 padding:40px 24px !important;
 background:#15112b !important;
 border:1px solid rgba(139,92,246,0.2) !important;
 border-radius:16px !important;
 color:#9b96b8 !important;
}
.md-co2-empty h3 { color:#f4f2ff !important; margin:0 0 10px !important; }
.md-co2-empty a { color:#a78bfa !important; }
.md-co2-empty-inline { padding:20px !important; }

/* Адаптив */
@media (max-width:860px) {
 .md-co2-layout { grid-template-columns:1fr !important; }
 .md-co2-right { position:static !important; }
}
@media (max-width:768px) {
 .md-co2 { max-width:100% !important; }
 .md-co2-bg { padding:32px 14px 60px !important; }
 .md-co2-title { font-size:24px !important; margin-bottom:24px !important; }
 .md-co2-section, .md-co2-summary { padding:20px 16px !important; }
 .md-co2-section h2 { font-size:17px !important; }
 .md-co2-layout { gap:16px !important; }
 .md-co2-order-item { padding:14px !important; gap:12px !important; }
 .md-co2-order-icon { font-size:32px !important; }
 .md-co2-row.md-co2-final { font-size:20px !important; }
 .md-co2 input#checkout-name, .md-co2 input#checkout-email,
 input#checkout-name, input#checkout-email { width:100% !important; box-sizing:border-box !important; max-width:100% !important; }
}
@media (max-width:480px) {
 .md-co2-bg { padding:24px 10px 48px !important; }
 .md-co2-title { font-size:21px !important; }
 .md-co2-section, .md-co2-summary { padding:16px 13px !important; border-radius:14px !important; }
 .md-co2-order-item { flex-wrap:wrap !important; }
 .md-co2-order-item h4 { font-size:15px !important; }
 .md-co2-row { font-size:13px !important; flex-wrap:wrap !important; gap:2px !important; }
 .md-co2-row.md-co2-final { font-size:19px !important; }
 .md-co2-row.md-co2-final span { white-space:nowrap !important; }
 .md-co2 .md-place-order-btn, .md-co2-pay-btn { font-size:15px !important; padding:15px !important; }
 .md-co2-guarantee { font-size:12px !important; }
 .md-co2-agree, .md-co2 .md-checkbox-label { font-size:11px !important; }
}
/* Защита от горизонтального переполнения на мобиле */
@media (max-width:768px) {
 .md-co2, .md-co2-layout, .md-co2-left, .md-co2-right, .md-co2-section, .md-co2-summary { min-width:0 !important; max-width:100% !important; overflow-wrap:break-word !important; }
}

/* ========================================
 ЛИЧНЫЙ КАБИНЕТ
 ======================================== */

.md-account-hero {
 background:white !important;
 border:1px solid #e5e7eb !important;
 border-radius:12px !important;
 padding:32px !important;
 margin-bottom:32px !important;
 display:flex !important;
 justify-content:space-between !important;
 align-items:center !important;
}

.md-hero-content {
 display:flex !important;
 align-items:center !important;
 gap:20px !important;
}

.md-user-avatar img {
 border-radius:12px !important;
 width:64px !important;
 height:64px !important;
}

.md-user-text h1 {
 margin:0 0 4px 0 !important;
 font-size:24px !important;
 font-weight:700 !important;
 color:#1f2937 !important;
}

.md-user-text p {
 margin:0 !important;
 font-size:14px !important;
 color:#6b7280 !important;
}

.md-btn-logout {
 padding:10px 20px !important;
 background:#f3f4f6 !important;
 color:#6b7280 !important;
 text-decoration:none !important;
 border-radius:8px !important;
 font-weight:600 !important;
 font-size:14px !important;
 border:1px solid #e5e7eb !important;
 transition:all 0.2s !important;
}

.md-btn-logout:hover {
 background:#ef4444 !important;
 color:white !important;
 border-color:#ef4444 !important;
}

.md-stats-row {
 background:white !important;
 border:1px solid #e5e7eb !important;
 border-radius:12px !important;
 padding:24px !important;
 margin-bottom:32px !important;
 display:flex !important;
 justify-content:space-around !important;
 align-items:center !important;
}

.md-stat-item {
 text-align:center !important;
}

.md-stat-number {
 font-size:32px !important;
 font-weight:700 !important;
 color:#8b5cf6 !important;
 margin-bottom:4px !important;
}

.md-stat-label {
 font-size:13px !important;
 color:#6b7280 !important;
 font-weight:500 !important;
}

.md-stat-divider {
 width:1px !important;
 height:40px !important;
 background:#e5e7eb !important;
}

.md-quick-buttons {
 display:grid !important;
 grid-template-columns:repeat(2,1fr) !important;
 gap:16px !important;
 margin-bottom:32px !important;
}

.md-quick-action {
 background:white !important;
 border:1px solid #e5e7eb !important;
 border-radius:12px !important;
 padding:20px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 gap:10px !important;
 text-decoration:none !important;
 font-weight:600 !important;
 font-size:15px !important;
 transition:all 0.2s !important;
}

.md-quick-action svg {
 flex-shrink:0 !important;
}

.md-quick-primary {
 background:#8b5cf6 !important;
 color:white !important;
 border-color:#8b5cf6 !important;
}

.md-quick-primary:hover {
 background:#7c3aed !important;
}

.md-quick-secondary {
 color:#1f2937 !important;
}

.md-quick-secondary:hover {
 border-color:#8b5cf6 !important;
 color:#8b5cf6 !important;
}

.md-section {
 background:white !important;
 border:1px solid #e5e7eb !important;
 border-radius:12px !important;
 padding:32px !important;
 margin-bottom:32px !important;
}

.md-section-header {
 display:flex !important;
 justify-content:space-between !important;
 align-items:center !important;
 margin-bottom:24px !important;
 padding-bottom:16px !important;
 border-bottom:1px solid #f3f4f6 !important;
}

.md-section-header h2 {
 margin:0 !important;
 font-size:20px !important;
 font-weight:700 !important;
 color:#1f2937 !important;
}

.md-link-action {
 font-size:14px !important;
 color:#8b5cf6 !important;
 text-decoration:none !important;
 font-weight:600 !important;
}

.md-link-action:hover {
 text-decoration:underline !important;
}

.md-count-badge {
 background:#f3f4f6 !important;
 color:#6b7280 !important;
 padding:4px 12px !important;
 border-radius:12px !important;
 font-size:13px !important;
 font-weight:700 !important;
}

.md-tariffs-simple {
 display:flex !important;
 flex-direction:column !important;
 gap:12px !important;
}

.md-tariff-simple-row {
 background:#fafafa !important;
 border:1px solid #e5e7eb !important;
 border-radius:10px !important;
 padding:20px 24px !important;
 display:flex !important;
 justify-content:space-between !important;
 align-items:center !important;
 transition:all 0.2s !important;
}

.md-tariff-simple-row:hover {
 border-color:#8b5cf6 !important;
 background:white !important;
 box-shadow:0 2px 8px rgba(0,0,0,0.08)!important;
}

.md-tariff-simple-info {
 flex:1 !important;
}

.md-tariff-simple-info h3 {
 margin:0 0 6px 0 !important;
 font-size:18px !important;
 font-weight:700 !important;
 color:#1f2937 !important;
}

.md-tariff-simple-date {
 font-size:13px !important;
 color:#9ca3af !important;
}

.md-badge-active-simple {
 background:#d1fae5 !important;
 color:#065f46 !important;
 padding:8px 16px !important;
 border-radius:8px !important;
 font-size:13px !important;
 font-weight:700 !important;
}

.md-calc-list {
 display:flex !important;
 flex-direction:column !important;
 gap:12px !important;
}

.md-calc-row {
 background:#fafafa !important;
 border:1px solid #e5e7eb !important;
 border-radius:8px !important;
 padding:16px 20px !important;
 display:flex !important;
 justify-content:space-between !important;
 align-items:center !important;
 transition:all 0.2s !important;
}

.md-calc-row:hover {
 border-color:#8b5cf6 !important;
 background:white !important;
 box-shadow:0 2px 8px rgba(0,0,0,0.08)!important;
}

.md-calc-left {
 flex:1 !important;
}

.md-calc-name {
 font-size:16px !important;
 font-weight:600 !important;
 color:#1f2937 !important;
 margin-bottom:6px !important;
 display:flex !important;
 align-items:center !important;
 gap:8px !important;
}

.md-mini-badge {
 background:#8b5cf6 !important;
 color:white !important;
 padding:2px 8px !important;
 border-radius:4px !important;
 font-size:10px !important;
 font-weight:700 !important;
}

.md-calc-details {
 font-size:13px !important;
 color:#9ca3af !important;
 display:flex !important;
 gap:8px !important;
 align-items:center !important;
}

.md-dot {
 opacity:0.5 !important;
}

.md-calc-actions-compact {
 display:flex !important;
 gap:8px !important;
 flex-shrink:0 !important;
}

.md-btn-view {
 padding:8px 16px !important;
 background:#8b5cf6 !important;
 color:white !important;
 border:none !important;
 border-radius:6px !important;
 font-size:13px !important;
 font-weight:600 !important;
 cursor:pointer !important;
 transition:all 0.2s !important;
}

.md-btn-view:hover {
 background:#7c3aed !important;
}

.md-btn-icon {
 width:36px !important;
 height:36px !important;
 padding:0 !important;
 background:white !important;
 border:1px solid #e5e7eb !important;
 border-radius:6px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 cursor:pointer !important;
 transition:all 0.2s !important;
}

.md-btn-icon:hover {
 border-color:#8b5cf6 !important;
 background:#faf5ff !important;
}

.md-btn-icon svg {
 color:#6b7280 !important;
}

.md-empty-box {
 text-align:center !important;
 padding:60px 40px !important;
 background:#fafafa !important;
 border-radius:12px !important;
}

.md-empty-box.md-empty-small {
 padding:40px !important;
}

.md-empty-box-icon {
 margin-bottom:16px !important;
}

.md-empty-box-icon svg {
 color:#d1d5db !important;
}

.md-empty-box h3 {
 margin:0 0 8px 0 !important;
 font-size:18px !important;
 font-weight:600 !important;
 color:#1f2937 !important;
}

.md-empty-box p {
 margin:0 0 20px 0 !important;
 font-size:14px !important;
 color:#9ca3af !important;
}

.md-btn-action {
 display:inline-block !important;
 padding:12px 28px !important;
 background:#8b5cf6 !important;
 color:white !important;
 text-decoration:none !important;
 border-radius:8px !important;
 font-weight:600 !important;
 font-size:15px !important;
 transition:all 0.2s !important;
}

.md-btn-action:hover {
 background:#7c3aed !important;
 transform:translateY(-1px) !important;
}

.md-btn-action-sm {
 padding:10px 24px !important;
 font-size:14px !important;
}

/* Уведомления */
.md-notice {
 position:fixed !important;
 top:20px !important;
 right:20px !important;
 padding:16px 24px !important;
 border-radius:12px !important;
 important;
 z-index:10000 !important;
 color:white !important;
 font-weight:600 !important;
}

.md-notice.success {background:#10b981 !important;}
.md-notice.error {background:#ef4444 !important;}
.md-notice.info {background:#3b82f6 !important;}

/* ========================================
 АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ
 ======================================== */

@media (max-width:1200px) {
 .md-layout {
 grid-template-columns:1fr !important;
 display:flex !important;
 flex-direction:column !important;
 }
 
 .md-left-column {
 order:1 !important;
 }
 
 .md-right-column {
 order:2 !important;
 }
}

@media (max-width:992px) {
 .md-pricing-grid {
 grid-template-columns:repeat(2,1fr) !important;
 }
 
 .md-checkout-layout {
 grid-template-columns:1fr !important;
 }
 
 .md-checkout-right {
 position:static !important;
 }
}

@media (max-width:768px) {
 /* Контейнеры */
 .md-container,
 .md-pricing-container,
 .md-checkout-container,
 .md-account-container {
 padding:16px 12px !important;
 margin:20px auto !important;
 }
 
 /* Заголовки */
 .md-main-title {
 font-size:24px !important;
 margin-bottom:24px !important;
 }
 
 /* Калькуляторы в списке */
 .md-calc-item {
 padding:16px !important;
 gap:12px !important;
 }
 
 .md-calc-icon {
 width:48px !important;
 height:48px !important;
 font-size:24px !important;
 }
 
 .md-calc-info h3 {
 font-size:16px !important;
 }
 
 .md-calc-info p {
 font-size:13px !important;
 }
 
 .md-status-btn,
 .md-select-btn {
 padding:8px 16px !important;
 font-size:13px !important;
 }
 
 /* Правая колонка */
 .md-right-column {
 padding:24px 20px !important;
 }
 
 .md-calc-form h2,
 .md-checkout-section h2 {
 font-size:20px !important;
 margin-bottom:20px !important;
 }
 
 /* Поля ввода */
 input#md-name,
 input#md-date,
 input#md-profession,
 input#md-parent-name,
 input#md-partner-name,
 input#md-partner-date,
 input#md-position,
 input#md-colleague-name,
 input#md-colleague-date,
 input#md-colleague-position,
 input#checkout-name,
 input#checkout-email,
 input#checkout-phone,
 .md-form-group input {
 padding:12px 14px !important;
 font-size:15px !important;
 }
 
 .md-gender-btn {
 padding:12px !important;
 font-size:15px !important;
 }
 
 .md-calc-btn,
 .md-place-order-btn {
 padding:14px !important;
 font-size:15px !important;
 }
 
 /* Виджет тарифов */
 .md-tariffs-widget {
 padding:16px !important;
 margin-bottom:20px !important;
 }
 
 .md-widget-header h3 {
 font-size:14px !important;
 }
 
 .md-widget-tariff-name {
 font-size:14px !important;
 }
 
 .md-widget-badge-active {
 font-size:10px !important;
 padding:3px 8px !important;
 }
 
 /* Результаты */
 .md-results { padding:20px 14px !important; border-radius:16px !important; }
 .md-premium-banner { flex-direction:column !important; padding:18px 16px !important; gap:12px !important; }
 .md-premium-btn { width:100% !important; text-align:center !important; }
 .md-results-header { flex-direction:column !important; gap:10px !important; margin-bottom:20px !important; }
 .md-results-header h2 { font-size:22px !important; }
 .md-download-btn { width:100% !important; text-align:center !important; }
 .md-matrix-cards-grid { grid-template-columns:1fr !important; gap:8px !important; }
 .md-card-number { font-size:36px !important; }
 .md-accordion-header { padding:13px 14px !important; gap:10px !important; }
 .md-interp-icon { width:36px !important; height:36px !important; }
 .md-icon { width:16px !important; height:16px !important; }
 .md-interp-content h4 { font-size:14px !important; }
 .md-accordion-content { padding:0 14px !important; }
 body .md-accordion-item.active .md-accordion-content { padding:0 14px 16px 14px !important; }
 .md-description-content { font-size:14px !important; }
 .md-arcana-circle { width:38px !important; height:38px !important; font-size:16px !important; }
 .md-premium-lock { padding:24px 14px !important; }
 .md-interp-group-title { font-size:9px !important; }
 
 /* Аккордеон */
 .md-accordion-item {
 margin-bottom:12px !important;
 }
 
 .md-accordion-header {
 padding:16px !important;
 gap:12px !important;
 }
 
 .md-interp-icon {
 width:48px !important;
 height:48px !important;
 font-size:24px !important;
 }
 
 .md-interp-content h4 {
 font-size:16px !important;
 }
 
 .md-interp-content p {
 font-size:12px !important;
 }
 
 .md-premium-badge-small {
 font-size:10px !important;
 padding:4px 8px !important;
 }
 
 .md-accordion-arrow {
 font-size:18px !important;
 }
 
 .md-accordion-content {
 padding:0 16px !important;
 }
 
 body .md-accordion-item.active .md-accordion-content {
 padding:0 16px 16px 16px !important;
 }
 
 .md-premium-lock {
 padding:30px 16px !important;
 }
 
 .md-lock-icon {
 font-size:48px !important;
 }
 
 .md-premium-lock p {
 font-size:14px !important;
 }
 
 .md-unlock-btn {
 padding:12px 24px !important;
 font-size:14px !important;
 }
 
 .md-description-content {
  font-size:14px !important;
 }

 .md-description-content p {
  font-size:14px !important;
 }
 
 /* Тарифы */
 .md-pricing-container {
 padding:32px 16px !important;
 }

 .md-pricing-hero {
 padding:36px 20px !important;
 border-radius:14px !important;
 margin-bottom:28px !important;
 }

 .md-pricing-title {
 font-size:24px !important;
 }

 .md-pricing-subtitle {
 font-size:13px !important;
 }

 .md-pricing-grid {
 grid-template-columns:1fr !important;
 gap:16px !important;
 }

 .md-pricing-card {
 padding:24px 20px !important;
 }

 .md-tariff-name {
 font-size:20px !important;
 }

 .md-tariff-features li {
 font-size:13px !important;
 }

 .md-price {
 font-size:30px !important;
 }

 .md-old-price {
 font-size:15px !important;
 }
 
 /* Checkout */
 .md-checkout-section {
 padding:24px 20px !important;
 }
 
 .md-checkout-section h2 {
 font-size:18px !important;
 }
 
 .md-order-summary {
 padding:24px 20px !important;
 }
 
 .md-order-summary h3 {
 font-size:20px !important;
 }
 
 .md-order-item {
 padding:16px !important;
 }
 
 .md-order-icon {
 font-size:36px !important;
 }
 
 .md-order-item h4 {
 font-size:16px !important;
 }
 
 .md-total-row {
 font-size:14px !important;
 }
 
 .md-final-total {
 font-size:20px !important;
 }
 
 /* Личный кабинет */
 .md-account-hero {
 flex-direction:column !important;
 gap:16px !important;
 padding:24px 20px !important;
 }
 
 .md-hero-content {
 flex-direction:column !important;
 text-align:center !important;
 width:100% !important;
 }
 
 .md-user-text h1 {
 font-size:20px !important;
 }
 
 .md-user-text p {
 font-size:13px !important;
 }
 
 .md-btn-logout {
 width:100% !important;
 text-align:center !important;
 }
 
 .md-stats-row {
 flex-direction:column !important;
 gap:16px !important;
 padding:20px 16px !important;
 }
 
 .md-stat-item {
 width:100% !important;
 }
 
 .md-stat-number {
 font-size:28px !important;
 }
 
 .md-stat-label {
 font-size:12px !important;
 }
 
 .md-stat-divider {
 display:none !important;
 }
 
 .md-quick-buttons {
 grid-template-columns:1fr !important;
 gap:12px !important;
 }
 
 .md-quick-action {
 padding:16px !important;
 font-size:14px !important;
 }
 
 .md-section {
 padding:24px 16px !important;
 }
 
 .md-section-header h2 {
 font-size:18px !important;
 }
 
 .md-link-action,
 .md-count-badge {
 font-size:12px !important;
 }
 
 .md-tariff-simple-row {
 flex-direction:column !important;
 align-items:flex-start !important;
 gap:12px !important;
 padding:16px 20px !important;
 }
 
 .md-tariff-simple-info h3 {
 font-size:16px !important;
 }
 
 .md-tariff-simple-date {
 font-size:12px !important;
 }
 
 .md-badge-active-simple {
 font-size:12px !important;
 padding:6px 12px !important;
 }
 
 .md-calc-row {
 flex-direction:column !important;
 align-items:stretch !important;
 gap:12px !important;
 padding:16px !important;
 }
 
 .md-calc-name {
 font-size:15px !important;
 }
 
 .md-calc-details {
 font-size:12px !important;
 flex-wrap:wrap !important;
 }
 
 .md-calc-actions-compact {
 justify-content:stretch !important;
 width:100% !important;
 }
 
 .md-btn-view {
 flex:1 !important;
 font-size:13px !important;
 }
 
 .md-btn-icon {
 width:44px !important;
 height:44px !important;
 }
 
 .md-empty-box {
 padding:40px 20px !important;
 }
 
 .md-empty-box h3 {
 font-size:16px !important;
 }
 
 .md-empty-box p {
 font-size:13px !important;
 }
 
 .md-info-block {
 padding:16px !important;
 }
 
 .md-info-block h3 {
 font-size:15px !important;
 }
 
 .md-info-block li {
 font-size:13px !important;
 }
}

/* Очень маленькие экраны */
@media (max-width:480px) {
 .md-container,
 .md-pricing-container,
 .md-checkout-container,
 .md-account-container {
 padding:12px 8px !important;
 }
 
 .md-main-title {
 font-size:20px !important;
 margin-bottom:20px !important;
 }
 
 .md-calc-item {
 padding:12px !important;
 }
 
 .md-calc-icon {
 width:40px !important;
 height:40px !important;
 font-size:20px !important;
 }
 
 .md-calc-info h3 {
 font-size:14px !important;
 }
 
 .md-calc-info p {
 font-size:12px !important;
 display:none !important;
 }
 
 .md-right-column {
 padding:20px 16px !important;
 }
 
 input {
 padding:10px 12px !important;
 font-size:14px !important;
 }
 
 .md-gender-btn {
 padding:10px !important;
 font-size:14px !important;
 }
 
 .md-calc-btn,
 .md-place-order-btn {
 padding:12px !important;
 font-size:14px !important;
 }
 
 .md-results {
 padding:20px 12px !important;
 }
 
 .md-premium-banner {
 padding:16px !important;
 }
 
 .md-premium-text h3 {
 font-size:16px !important;
 }
 
 .md-premium-text p {
 font-size:12px !important;
 }
 
 .md-results-header h2 {
 font-size:18px !important;
 }
 
 .md-section-title {
 font-size:18px !important;
 }
 
 .md-accordion-header {
 padding:12px !important;
 }
 
 .md-interp-icon {
 width:40px !important;
 height:40px !important;
 font-size:20px !important;
 }
 
 .md-interp-content h4 {
 font-size:14px !important;
 }
 
 .md-interp-content p {
 font-size:11px !important;
 }
 
 .md-pricing-grid {
 grid-template-columns:1fr !important;
 }
 
 .md-pricing-card {
 padding:20px 16px !important;
 }
 
 .md-tariff-name {
 font-size:18px !important;
 }
 
 .md-price {
 font-size:24px !important;
 }
 
 .md-account-hero {
 padding:20px 16px !important;
 }
 
 .md-user-text h1 {
 font-size:18px !important;
 }
 
 .md-stats-row {
 padding:16px !important;
 }
 
 .md-stat-number {
 font-size:24px !important;
 }
 
 .md-section {
 padding:20px 16px !important;
 }
 
 .md-section-header h2 {
 font-size:16px !important;
 }
 
 .md-tariff-simple-row {
 padding:16px !important;
 }
 
 .md-tariff-simple-info h3 {
 font-size:15px !important;
 }
 
 .md-calc-row {
 padding:12px 16px !important;
 }
 
 .md-calc-name {
 font-size:14px !important;
 }
}

/* Горизонтальная ориентация на планшетах */
@media (max-width:992px) and (orientation:landscape) {
 .md-layout {
 grid-template-columns:1fr 1fr !important;
 }
 
 .md-left-column {
 order:1 !important;
 }
 
 .md-right-column {
 order:2 !important;
 }
}

/* Фикс для Safari iOS */
@supports (-webkit-touch-callout:none) {
 input {
 font-size:16px !important;
 }
}

/* ========================================
 TOUCH-FRIENDLY (для тачскринов)
 ======================================== */

@media (hover:none) and (pointer:coarse) {
 /* Увеличиваем области клика */
 .md-calc-item {
 min-height:80px !important;
 }
 
 .md-gender-btn {
 min-height:48px !important;
 }
 
 .md-calc-btn,
 .md-place-order-btn {
 min-height:48px !important;
 }
 
 .md-accordion-header {
 min-height:60px !important;
 }
 
 /* Убираем hover эффекты */
 .md-calc-item:hover,
 .md-accordion-item:hover,
 .md-tariff-simple-row:hover {
 transform:none !important;
 }
}

/* ========================================
 СТРАНИЦА АВТОРИЗАЦИИ - ФИНАЛЬНАЯ ВЕРСИЯ
 ======================================== */

.md-auth-wrapper {
 max-width: 1000px !important;
 margin: 60px auto !important;
 display: grid !important;
 grid-template-columns: 1fr 1fr !important;
 gap: 30px !important;
 padding: 0 20px !important;
}

.md-auth-box {
 background: white !important;
 padding: 48px !important;
 border-radius: 20px !important;
 border: 1px solid #e5e7eb !important;
 important;
 box-sizing: border-box !important;
}

.md-auth-icon {
 width: 80px !important;
 height: 80px !important;
 background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%) !important;
 border-radius: 20px !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 margin: 0 auto 24px !important;
}

.md-auth-emoji {
 font-size: 40px !important;
 line-height: 1 !important;
}

.md-auth-box h2 {
 text-align: center !important;
 margin: 0 0 8px !important;
 color: #1f2937 !important;
 font-size: 28px !important;
 font-weight: 700 !important;
}

.md-auth-subtitle {
 text-align: center !important;
 color: #6b7280 !important;
 font-size: 15px !important;
 margin: 0 0 32px !important;
 display: block !important;
}

.md-auth-form {
 margin-top: 32px !important;
}

.md-auth-form .md-form-group {
 margin-bottom: 20px !important;
}

.md-auth-form .md-form-group label {
 display: block !important;
 font-weight: 600 !important;
 color: #1f2937 !important;
 margin-bottom: 8px !important;
 font-size: 14px !important;
}

.md-input-wrapper {
 position: relative !important;
 width: 100% !important;
}

.md-input-icon {
 position: absolute !important;
 left: 14px !important;
 top: 50% !important;
 transform: translateY(-50%) !important;
 pointer-events: none !important;
 font-size: 20px !important;
 line-height: 1 !important;
 z-index: 1 !important;
}

.md-input-wrapper input {
 width: 100% !important;
 padding: 14px 14px 14px 46px !important;
 border: 1px solid #e5e7eb !important;
 border-radius: 12px !important;
 font-size: 15px !important;
 box-sizing: border-box !important;
 transition: all 0.3s !important;
 font-family: inherit !important;
 background: white !important;
}

.md-input-wrapper input:focus {
 outline: none !important;
 border-color: #8b5cf6 !important;
 box-shadow:0 2px 8px rgba(0,0,0,0.08)!important;
}

.md-checkbox-group {
 margin: 24px 0 !important;
}

.md-checkbox-label {
 display: flex !important;
 align-items: center !important;
 gap: 8px !important;
 cursor: pointer !important;
 font-weight: 400 !important;
 color: #6b7280 !important;
 font-size: 14px !important;
}

.md-checkbox-label input[type="checkbox"] {
 width: 18px !important;
 height: 18px !important;
 cursor: pointer !important;
 margin: 0 !important;
}

.md-auth-btn {
 width: 100% !important;
 padding: 16px 24px !important;
 border-radius: 12px !important;
 font-size: 16px !important;
 font-weight: 600 !important;
 cursor: pointer !important;
 border: none !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 8px !important;
 transition: all 0.3s !important;
 text-decoration: none !important;
 font-family: inherit !important;
 box-sizing: border-box !important;
}

.md-auth-btn span {
 color: inherit !important;
}

.md-btn-arrow {
 font-size: 20px !important;
 line-height: 1 !important;
}

.md-auth-btn-primary {
 background: #8b5cf6 !important;
 color: white !important;
}

.md-auth-btn-primary:hover {
 background: #7c3aed !important;
 transform: translateY(-2px) !important;
 box-shadow:0 2px 8px rgba(0,0,0,0.08)!important;
}

.md-auth-btn-secondary {
 background: #f3f4f6 !important;
 color: #1f2937 !important;
}

.md-auth-btn-secondary:hover {
 background: #e5e7eb !important;
 transform: translateY(-2px) !important;
}

.md-auth-links {
 text-align: center !important;
 margin-top: 20px !important;
}

.md-auth-link {
 color: #8b5cf6 !important;
 text-decoration: none !important;
 font-size: 14px !important;
 font-weight: 500 !important;
}

.md-auth-link:hover {
 text-decoration: underline !important;
}

.md-auth-error,
.md-auth-success {
 padding: 14px 16px !important;
 border-radius: 10px !important;
 margin-bottom: 20px !important;
 display: flex !important;
 align-items: center !important;
 gap: 10px !important;
 font-size: 14px !important;
 font-weight: 500 !important;
}

.md-auth-error-icon,
.md-auth-success-icon {
 font-size: 20px !important;
 line-height: 1 !important;
 flex-shrink: 0 !important;
}

.md-auth-error {
 background: #fef2f2 !important;
 border: 1px solid #fecaca !important;
 color: #dc2626 !important;
}

.md-auth-success {
 background: #f0fdf4 !important;
 border: 1px solid #bbf7d0 !important;
 color: #16a34a !important;
}

.md-auth-features {
 margin: 32px 0 !important;
 display: flex !important;
 flex-direction: column !important;
 gap: 16px !important;
}

.md-auth-feature {
 display: flex !important;
 align-items: center !important;
 gap: 12px !important;
 font-size: 15px !important;
 color: #1f2937 !important;
}

.md-feature-check {
 width: 24px !important;
 height: 24px !important;
 background: #10b981 !important;
 color: white !important;
 border-radius: 50% !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 flex-shrink: 0 !important;
 font-size: 16px !important;
 font-weight: 700 !important;
 line-height: 1 !important;
}

.md-auth-note {
 margin-top: 20px !important;
 text-align: center !important;
 font-size: 13px !important;
 color: #6b7280 !important;
 padding: 16px !important;
 background: #f9fafb !important;
 border-radius: 10px !important;
 line-height: 1.5 !important;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */
@media (max-width: 991px) {
 .md-auth-wrapper {
 grid-template-columns: 1fr !important;
 margin: 40px auto !important;
 gap: 20px !important;
 max-width: 100% !important;
 }
 
 .md-auth-box {
 width: 100% !important;
 max-width: 500px !important;
 margin: 0 auto !important;
 }
 
 .md-auth-register {
 order: -1 !important;
 }
}

@media (max-width: 768px) {
 .md-auth-wrapper {
 margin: 20px auto !important;
 padding: 0 15px !important;
 }
 
 .md-auth-box {
 padding: 32px 24px !important;
 }
 
 .md-auth-box h2 {
 font-size: 24px !important;
 }
 
 .md-auth-subtitle {
 font-size: 14px !important;
 }
 
 .md-auth-icon {
 width: 64px !important;
 height: 64px !important;
 }
 
 .md-auth-emoji {
 font-size: 32px !important;
 }
 
 .md-auth-btn {
 padding: 14px 20px !important;
 font-size: 15px !important;
 }
 
 .md-input-wrapper input {
 font-size: 16px !important;
 padding: 12px 12px 12px 44px !important;
 }
 
 .md-auth-feature {
 font-size: 14px !important;
 }
}

@media (max-width: 480px) {
 .md-auth-wrapper {
 padding: 0 10px !important;
 margin: 15px auto !important;
 }
 
 .md-auth-box {
 padding: 24px 16px !important;
 border-radius: 16px !important;
 }
 
 .md-auth-box h2 {
 font-size: 22px !important;
 }
 
 .md-input-wrapper input {
 padding: 12px 12px 12px 40px !important;
 }
 
 .md-input-icon {
 left: 10px !important;
 font-size: 18px !important;
 }
}

/* ==========================================
 СТРАНИЦА УСПЕШНОЙ ОПЛАТЫ - СОВРЕМЕННЫЙ ДИЗАЙН
 ========================================== */

.md-success-page {
 min-height: 100vh !important;
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
 padding: 40px 20px !important;
 position: relative !important;
 overflow: hidden !important;
}

.md-confetti-container {
 position: fixed !important;
 top: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 100% !important;
 pointer-events: none !important;
 z-index: 1 !important;
}

.md-confetti {
 position: absolute !important;
 width: 10px !important;
 height: 10px !important;
 animation: confetti-fall 3s linear forwards !important;
}

@keyframes confetti-fall {
 to {
 transform: translateY(100vh) rotate(360deg) !important;
 opacity: 0 !important;
 }
}

.md-success-content {
 max-width: 800px !important;
 margin: 0 auto !important;
 position: relative !important;
 z-index: 2 !important;
}

.md-success-hero {
 text-align: center !important;
 margin-bottom: 40px !important;
}

.md-success-icon-wrapper {
 margin-bottom: 32px !important;
}

.md-success-circle {
 width: 120px !important;
 height: 120px !important;
 background: white !important;
 border-radius: 50% !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 important;
 animation: success-pop 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

@keyframes success-pop {
 0% { transform: scale(0); opacity: 0; }
 50% { transform: scale(1.1); }
 100% { transform: scale(1); opacity: 1; }
}

.md-checkmark {
 width: 70px !important;
 height: 70px !important;
 stroke-width: 3 !important;
 stroke: #10b981 !important;
 stroke-miterlimit: 10 !important;
}

.md-checkmark-circle {
 stroke-dasharray: 166 !important;
 stroke-dashoffset: 166 !important;
 animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.3s forwards !important;
}

.md-checkmark-check {
 stroke-dasharray: 48 !important;
 stroke-dashoffset: 48 !important;
 animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards !important;
}

@keyframes stroke {
 100% { stroke-dashoffset: 0; }
}

.md-success-title {
 font-size: 42px !important;
 font-weight: 800 !important;
 color: white !important;
 margin: 0 0 16px !important;
 text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
 animation: fade-in-up 0.6s ease 0.3s both !important;
}

.md-success-subtitle {
 font-size: 18px !important;
 color: rgba(255, 255, 255, 0.9) !important;
 margin: 0 !important;
 animation: fade-in-up 0.6s ease 0.4s both !important;
}

@keyframes fade-in-up {
 from {
 opacity: 0;
 transform: translateY(20px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}

.md-purchase-card {
 background: white !important;
 border-radius: 24px !important;
 padding: 40px !important;
 important;
 margin-bottom: 32px !important;
 animation: fade-in-up 0.6s ease 0.5s both !important;
}

.md-purchase-header {
 display: flex !important;
 align-items: center !important;
 gap: 24px !important;
 margin-bottom: 32px !important;
}

.md-tariff-icon-large {
 font-size: 72px !important;
 line-height: 1 !important;
 flex-shrink: 0 !important;
}

.md-purchase-info {
 flex: 1 !important;
}

.md-tariff-name {
 font-size: 28px !important;
 font-weight: 700 !important;
 color: #1f2937 !important;
 margin: 0 0 12px !important;
}

.md-purchase-amount {
 display: flex !important;
 align-items: center !important;
 gap: 16px !important;
 flex-wrap: wrap !important;
}

.md-amount-value {
 font-size: 32px !important;
 font-weight: 800 !important;
 color: #8b5cf6 !important;
}

.md-amount-status {
 display: inline-flex !important;
 align-items: center !important;
 gap: 6px !important;
 background: #d1fae5 !important;
 color: #065f46 !important;
 padding: 8px 16px !important;
 border-radius: 20px !important;
 font-size: 14px !important;
 font-weight: 600 !important;
}

.md-purchase-divider {
 height: 2px !important;
 background: linear-gradient(to right, transparent, #e5e7eb, transparent) !important;
 margin: 32px 0 !important;
}

.md-features-title {
 font-size: 18px !important;
 font-weight: 700 !important;
 color: #1f2937 !important;
 margin: 0 0 20px !important;
}

.md-features-grid {
 display: grid !important;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
 gap: 16px !important;
}

.md-feature-item {
 display: flex !important;
 align-items: center !important;
 gap: 12px !important;
 font-size: 15px !important;
 color: #374151 !important;
}

.md-feature-icon {
 width: 24px !important;
 height: 24px !important;
 background: #10b981 !important;
 color: white !important;
 border-radius: 50% !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 font-weight: 700 !important;
 font-size: 14px !important;
 flex-shrink: 0 !important;
}

.md-access-banner {
 margin-top: 32px !important;
 background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%) !important;
 border-radius: 16px !important;
 padding: 24px !important;
 display: flex !important;
 align-items: center !important;
 gap: 16px !important;
}

.md-banner-icon {
 font-size: 40px !important;
 flex-shrink: 0 !important;
}

.md-banner-text strong {
 display: block !important;
 font-size: 18px !important;
 color: #1f2937 !important;
 margin-bottom: 4px !important;
}

.md-banner-text p {
 margin: 0 !important;
 color: #6b7280 !important;
 font-size: 14px !important;
}

.md-next-steps {
 margin-bottom: 32px !important;
 animation: fade-in-up 0.6s ease 0.6s both !important;
}

.md-steps-title {
 text-align: center !important;
 font-size: 32px !important;
 font-weight: 700 !important;
 color: white !important;
 margin: 0 0 24px !important;
 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

.md-steps-grid {
 display: grid !important;
 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
 gap: 20px !important;
}

.md-step-card {
 background: white !important;
 border-radius: 20px !important;
 padding: 32px !important;
 display: flex !important;
 align-items: center !important;
 gap: 20px !important;
 text-decoration: none !important;
 transition: all 0.3s ease !important;
 important;
}

.md-step-card:hover {
 transform: translateY(-8px) !important;
 box-shadow:0 2px 8px rgba(0,0,0,0.08)!important;
}

.md-step-primary {
 background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
}

.md-step-primary .md-step-content h3,
.md-step-primary .md-step-content p,
.md-step-primary .md-step-arrow {
 color: white !important;
}

.md-step-icon {
 font-size: 48px !important;
 line-height: 1 !important;
 flex-shrink: 0 !important;
}

.md-step-content {
 flex: 1 !important;
}

.md-step-content h3 {
 font-size: 20px !important;
 font-weight: 700 !important;
 color: #1f2937 !important;
 margin: 0 0 8px !important;
}

.md-step-content p {
 font-size: 14px !important;
 color: #6b7280 !important;
 margin: 0 !important;
}

.md-step-arrow {
 font-size: 24px !important;
 font-weight: 700 !important;
 color: #8b5cf6 !important;
 flex-shrink: 0 !important;
}

.md-success-footer {
 display: grid !important;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
 gap: 20px !important;
 animation: fade-in-up 0.6s ease 0.7s both !important;
}

.md-footer-card {
 background: rgba(255, 255, 255, 0.1) !important;
 backdrop-filter: blur(10px) !important;
 border: 1px solid rgba(255, 255, 255, 0.2) !important;
 border-radius: 16px !important;
 padding: 24px !important;
 display: flex !important;
 gap: 16px !important;
 align-items: start !important;
}

.md-footer-icon {
 font-size: 32px !important;
 flex-shrink: 0 !important;
}

.md-footer-text strong {
 display: block !important;
 font-size: 16px !important;
 color: white !important;
 margin-bottom: 6px !important;
}

.md-footer-text p {
 margin: 0 !important;
 font-size: 14px !important;
 color: rgba(255, 255, 255, 0.8) !important;
}

/* МОБИЛЬНАЯ АДАПТАЦИЯ */
@media (max-width: 768px) {
 .md-success-page {
 padding: 20px 15px !important;
 }
 
 .md-success-circle {
 width: 100px !important;
 height: 100px !important;
 }
 
 .md-checkmark {
 width: 60px !important;
 height: 60px !important;
 }
 
 .md-success-title {
 font-size: 32px !important;
 }
 
 .md-success-subtitle {
 font-size: 16px !important;
 }
 
 .md-purchase-card {
 padding: 24px !important;
 border-radius: 20px !important;
 }
 
 .md-purchase-header {
 flex-direction: column !important;
 text-align: center !important;
 gap: 16px !important;
 }
 
 .md-tariff-icon-large {
 font-size: 64px !important;
 }
 
 .md-tariff-name {
 font-size: 24px !important;
 }
 
 .md-amount-value {
 font-size: 28px !important;
 }
 
 .md-purchase-amount {
 justify-content: center !important;
 }
 
 .md-features-grid {
 grid-template-columns: 1fr !important;
 }
 
 .md-access-banner {
 flex-direction: column !important;
 text-align: center !important;
 padding: 20px !important;
 }
 
 .md-steps-title {
 font-size: 26px !important;
 }
 
 .md-steps-grid {
 grid-template-columns: 1fr !important;
 }
 
 .md-step-card {
 padding: 24px !important;
 }
 
 .md-step-icon {
 font-size: 40px !important;
 }
 
 .md-step-content h3 {
 font-size: 18px !important;
 }
 
 .md-success-footer {
 grid-template-columns: 1fr !important;
 }
}

@media (max-width: 480px) {
 .md-success-title {
 font-size: 28px !important;
 }
 
 .md-purchase-card {
 padding: 20px !important;
 }
 
 .md-tariff-icon-large {
 font-size: 56px !important;
 }
 
 .md-tariff-name {
 font-size: 22px !important;
 }
 
 .md-amount-value {
 font-size: 24px !important;
 }
 
 .md-step-card {
 padding: 20px !important;
 flex-direction: column !important;
 text-align: center !important;
 }
 
 .md-step-arrow {
 display: none !important;
 }
}

.md-free-badge-small {
 background:#10b981 !important;
 color:white !important;
 padding:6px 12px !important;
 border-radius:12px !important;
 font-size:11px !important;
 font-weight:700 !important;
 flex-shrink:0 !important;
}

/* ===================================
   ВИЗУАЛИЗАЦИЯ МАТРИЦЫ СУДЬБЫ
   =================================== */

.md-matrix-container {
 margin: 30px 0;
 padding: 30px;
 background: rgba(12,10,26,0.4);
 border-radius: 16px;
 border: 1px solid rgba(139,92,246,0.18);
}

.md-matrix-diagram {
 width: 100%;
 max-width: 500px;
 margin: 0 auto;
 display: block;
}

.md-matrix-diagram circle {
 cursor: pointer;
 transition: all 0.3s;
}

.md-matrix-diagram circle:hover {
 filter: brightness(1.1);
 stroke-width: 4;
}

.md-matrix-diagram text {
 pointer-events: none;
 user-select: none;
}

@media (max-width: 640px) {
 .md-matrix-container {
 padding: 15px;
 }
 
 .md-matrix-diagram {
 max-width: 100%;
 }
}

/* Бейдж с номером аркана */
.md-arcana-badge {
 display: inline-block;
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 4px 12px;
 border-radius: 12px;
 font-size: 12px;
 font-weight: 700;
 margin-left: 10px;
 vertical-align: middle;
}

/* Улучшенные стили для точек матрицы */
.md-matrix-point {
 cursor: pointer;
 transition: all 0.3s ease;
}

.md-matrix-point:hover {
 filter: brightness(1.05);
 transform: scale(1.05);
}

/* ===================================
   ИНФОРМАЦИОННЫЕ КАРТОЧКИ МАТРИЦЫ
   =================================== */

.md-matrix-info-grid {
 display: grid;
 gap: 20px;
 margin: 30px 0;
}

.md-matrix-info-header {
 text-align: center;
 margin-bottom: 20px;
}

.md-matrix-info-header h3 {
 font-size: 24px;
 color: #1f2937;
 margin: 0 0 8px 0;
}

.md-matrix-info-header p {
 color: #6b7280;
 font-size: 14px;
 margin: 0;
}

.md-matrix-card {
 background: white;
 border-radius: 12px;
 padding: 20px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.06);
 transition: all 0.3s;
}

.md-matrix-card:hover {
 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
 transform: translateY(-2px);
}

.md-matrix-card-header {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-bottom: 16px;
}

.md-matrix-card-icon {
 font-size: 32px;
}

.md-matrix-card-header h4 {
 margin: 0 0 4px 0;
 font-size: 18px;
 color: #1f2937;
}

.md-matrix-card-category {
 font-size: 12px;
 color: #6b7280;
 text-transform: uppercase;
 font-weight: 600;
 letter-spacing: 0.5px;
}

.md-matrix-card-arcana {
 display: flex;
 align-items: center;
 gap: 12px;
 background: #f9fafb;
 padding: 12px 16px;
 border-radius: 8px;
 margin-bottom: 12px;
}

.md-arcana-number {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 font-size: 20px;
 font-weight: bold;
 flex-shrink: 0;
}

.md-arcana-info {
 flex: 1;
}

.md-arcana-name {
 font-weight: 700;
 color: #1f2937;
 font-size: 14px;
}

.md-arcana-desc {
 font-size: 12px;
 color: #6b7280;
 margin-top: 2px;
}

.md-matrix-card-text {
 color: #4b5563;
 font-size: 14px;
 line-height: 1.6;
 margin: 0;
}

.md-matrix-base-points {
 background: #f9fafb;
 border-radius: 12px;
 padding: 20px;
 border: 1px solid #e5e7eb;
}

.md-matrix-base-points h4 {
 margin: 0 0 16px 0;
 font-size: 16px;
 color: #1f2937;
}

.md-base-points-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 gap: 12px;
}

.md-base-point {
 background: white;
 padding: 12px;
 border-radius: 8px;
 text-align: center;
 border: 1px solid #e5e7eb;
}

.md-base-point span {
 display: block;
 font-size: 12px;
 color: #6b7280;
 margin-bottom: 4px;
}

.md-base-point strong {
 display: block;
 font-size: 16px;
 color: #1f2937;
}

/* ===================================
   БЛОК С АРКАНОМ В КОНТЕНТЕ
   =================================== */

.md-arcana-block {
 background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
 border: 1px solid #e5e7eb;
 border-radius: 12px;
 padding: 16px;
 margin-bottom: 20px;
}

.md-arcana-block-inner {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
}

.md-arcana-visual {
 display: flex;
 align-items: center;
 gap: 16px;
 flex: 1;
}

.md-arcana-circle {
 width: 60px;
 height: 60px;
 border-radius: 50%;
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 font-size: 28px;
 font-weight: bold;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
 flex-shrink: 0;
}

.md-arcana-details {
 flex: 1;
}

.md-arcana-title {
 font-size: 16px;
 font-weight: 700;
 color: #1f2937;
 margin-bottom: 4px;
}

.md-arcana-subtitle {
 font-size: 13px;
 color: #6b7280;
 line-height: 1.4;
}

.md-arcana-tooltip {
 position: relative;
 cursor: help;
 font-size: 20px;
 color: #8b5cf6;
 flex-shrink: 0;
}

.md-arcana-tooltip-content {
 display: none;
 position: absolute;
 right: 0;
 top: 100%;
 margin-top: 8px;
 background: #1f2937;
 color: white;
 padding: 12px 16px;
 border-radius: 8px;
 font-size: 13px;
 line-height: 1.5;
 width: 280px;
 z-index: 1000;
 box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.md-arcana-tooltip-content::before {
 content: '';
 position: absolute;
 bottom: 100%;
 right: 12px;
 border: 6px solid transparent;
 border-bottom-color: #1f2937;
}

.md-arcana-tooltip:hover .md-arcana-tooltip-content {
 display: block;
}

.md-arcana-tooltip-content strong {
 display: block;
 margin-bottom: 4px;
 color: #8b5cf6;
}

.md-arcana-tooltip-content em {
 color: #9ca3af;
 font-size: 12px;
}

/* Адаптив */
@media (max-width: 640px) {
 .md-matrix-card {
 padding: 16px;
 }
 
 .md-arcana-visual {
 flex-direction: column;
 align-items: flex-start;
 }
 
 .md-arcana-tooltip-content {
 right: auto;
 left: 50%;
 transform: translateX(-50%);
 width: 90vw;
 max-width: 280px;
 }
 
 .md-arcana-tooltip-content::before {
 left: 50%;
 right: auto;
 transform: translateX(-50%);
 }
}

/* ========================================
   КАРТОЧКИ МАТРИЦЫ СУДЬБЫ
   ======================================== */

.md-matrix-cards {
 margin:0 0 28px 0 !important;
}

.md-matrix-section {
 margin-bottom:28px !important;
}

/* Заголовок секции с SVG-иконкой */
.md-matrix-section-title {
 display:flex !important;
 align-items:center !important;
 gap:10px !important;
 font-size:16px !important;
 font-weight:800 !important;
 color:#f4f2ff !important;
 margin:0 0 14px 0 !important;
 letter-spacing:-0.02em !important;
}

.md-section-icon {
 width:32px !important;
 height:32px !important;
 border-radius:50% !important;
 background:rgba(139,92,246,0.15) !important;
 border:1.5px solid rgba(139,92,246,0.3) !important;
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 flex-shrink:0 !important;
 color:#a78bfa !important;
 line-height:0 !important;
}

.md-section-icon svg {
 display:block !important;
 color:inherit !important;
 stroke:currentColor !important;
}

/* Сетка карточек */
.md-matrix-cards-grid {
 display:grid !important;
 grid-template-columns:repeat(3,1fr) !important;
 gap:12px !important;
}

.md-matrix-cards-grid.md-cards-small {
 grid-template-columns:repeat(3,1fr) !important;
}

/* Карточка */
.md-matrix-card {
 background:#181430 !important;
 border-radius:16px !important;
 padding:20px 18px !important;
 border:1.5px solid rgba(139,92,246,0.18) !important;
 transition:border-color 0.18s,transform 0.18s !important;
 position:relative !important;
 overflow:hidden !important;
}

.md-matrix-card::before {
 content:'' !important;
 position:absolute !important;
 top:0 !important;
 left:0 !important;
 right:0 !important;
 height:3px !important;
 border-radius:16px 16px 0 0 !important;
}

.md-matrix-card:hover {
 border-color:#a78bfa !important;
 transform:translateY(-2px) !important;
}

/* Число — большое, акцентное */
.md-card-number {
 font-size:44px !important;
 font-weight:800 !important;
 line-height:1 !important;
 letter-spacing:-0.04em !important;
 margin-bottom:10px !important;
}

.md-card-label {
 font-size:13px !important;
 font-weight:700 !important;
 color:#f4f2ff !important;
 margin-bottom:4px !important;
 letter-spacing:-0.01em !important;
}

.md-card-desc {
 font-size:12px !important;
 color:#9b96b8 !important;
 line-height:1.4 !important;
}

/* Цвета по типу карточки */
.md-card-destiny::before { background:#7c3aed !important; }
.md-card-destiny .md-card-number { color:#7c3aed !important; }

.md-card-health::before { background:#ef4444 !important; }
.md-card-health .md-card-number { color:#ef4444 !important; }

.md-card-money::before { background:#10b981 !important; }
.md-card-money .md-card-number { color:#10b981 !important; }

.md-card-comfort::before { background:#f59e0b !important; }
.md-card-comfort .md-card-number { color:#f59e0b !important; }

.md-card-base::before { background:#6366f1 !important; }
.md-card-base .md-card-number {
 font-size:40px !important;
 color:#818cf8 !important;
}

@media (max-width: 640px) {
 .md-matrix-cards-grid { grid-template-columns:1fr !important; gap:8px !important; }
 .md-card-number { font-size:36px !important; }
}
/* ========================================
   БЛОК ИНФОРМАЦИИ ОБ АРКАНЕ
   ======================================== */

.md-arcana-info-block {
 position: relative;
 margin-bottom: 20px;
 padding: 16px 20px;
 background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
 border-radius: 12px;
 border-left: 4px solid #8b5cf6;
}

.md-arcana-badge-large {
 display: inline-flex;
 align-items: center;
 gap: 12px;
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 10px 20px;
 border-radius: 12px;
 box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
 cursor: help;
}

.md-arcana-number {
 font-size: 28px;
 font-weight: 800;
}

.md-arcana-name {
 font-size: 16px;
 font-weight: 700;
}

/* Подсказка при наведении */
.md-arcana-tooltip {
 position: absolute;
 top: -10px;
 left: 100%;
 margin-left: 15px;
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease;
 z-index: 1000;
 pointer-events: none;
}

.md-arcana-info-block:hover .md-arcana-tooltip {
 opacity: 1;
 visibility: visible;
}

.md-arcana-tooltip-content {
 background: white;
 border: 1px solid #e5e7eb;
 border-radius: 12px;
 padding: 16px 20px;
 box-shadow: 0 4px 12px rgba(0,0,0,0.15);
 min-width: 280px;
 max-width: 350px;
 color: #374151;
 font-size: 14px;
 line-height: 1.6;
}

.md-arcana-keywords {
 color: #8b5cf6;
 font-weight: 600;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
 .md-matrix-cards-grid {
 grid-template-columns: 1fr;
 }
 
 .md-arcana-tooltip {
 position: static;
 opacity: 1;
 visibility: visible;
 margin-left: 0;
 margin-top: 15px;
 }
 
 .md-arcana-tooltip-content {
 box-shadow: none;
 border: 1px solid #e5e7eb;
 background: #f9fafb;
 }
 
 .md-card-number {
 font-size: 36px;
 }
}
/* ========================================
   КАРТОЧКИ МАТРИЦЫ СУДЬБЫ (специфичные селекторы)
   ======================================== */

.md-results .md-matrix-cards {
 margin: 30px 0 !important;
}

/* ========================================
   БЛОК ИНФОРМАЦИИ ОБ АРКАНЕ (специфичные селекторы)
   ======================================== */

/* ========================================
   КОМПАКТНЫЙ БЛОК АРКАНА (специфичные селекторы)
   ======================================== */

.md-results .md-arcana-info-block {
 position: relative !important;
 display: inline-block !important;
 margin-bottom: 15px !important;
 padding: 0 !important;
 background: transparent !important;
 border: none !important;
}

.md-results .md-arcana-badge-large {
 display: inline-flex !important;
 align-items: center !important;
 gap: 10px !important;
 background: white !important;
 color: #1f2937 !important;
 padding: 8px 16px !important;
 border-radius: 8px !important;
 border: 1px solid #e5e7eb !important;
 box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
 cursor: help !important;
 transition: all 0.2s ease !important;
}

.md-results .md-arcana-badge-large:hover {
 box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
 border-color: #8b5cf6 !important;
}

.md-results .md-arcana-number {
 font-size: 20px !important;
 font-weight: 800 !important;
 color: #8b5cf6 !important;
 min-width: 32px !important;
 text-align: center !important;
}

.md-results .md-arcana-name {
 font-size: 14px !important;
 font-weight: 600 !important;
 color: #6b7280 !important;
}

.md-results .md-arcana-tooltip {
 position: absolute !important;
 top: 100% !important;
 left: 0 !important;
 margin-top: 8px !important;
 opacity: 0 !important;
 visibility: hidden !important;
 transition: all 0.2s ease !important;
 z-index: 1000 !important;
 pointer-events: none !important;
}

.md-results .md-arcana-info-block:hover .md-arcana-tooltip {
 opacity: 1 !important;
 visibility: visible !important;
}

.md-results .md-arcana-tooltip-content {
 background: white !important;
 border: 1px solid #e5e7eb !important;
 border-radius: 8px !important;
 padding: 12px 16px !important;
 box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
 min-width: 250px !important;
 max-width: 300px !important;
 color: #374151 !important;
 font-size: 13px !important;
 line-height: 1.5 !important;
}

.md-results .md-arcana-keywords {
 color: #8b5cf6 !important;
 font-weight: 600 !important;
}

@media (max-width: 768px) {
 .md-results .md-arcana-tooltip {
 position: static !important;
 opacity: 1 !important;
 visibility: visible !important;
 margin-top: 10px !important;
 display: block !important;
 }
 
 .md-results .md-arcana-tooltip-content {
 box-shadow: none !important;
 border: 1px solid #e5e7eb !important;
 background: #f9fafb !important;
 }
}
 color: #6b7280 !important;
}

/* Компактнее карточки */
.md-results .md-matrix-card {
 padding: 18px !important;
}

.md-results .md-card-number {
 font-size: 38px !important;
 margin-bottom: 6px !important;
}

.md-results .md-card-title {
 font-size: 15px !important;
 margin-bottom: 6px !important;
}

.md-results .md-card-desc {
 font-size: 13px !important;
}

/* Базовые карточки еще компактнее */
.md-results .md-cards-small .md-matrix-card {
 padding: 15px !important;
 text-align: center !important;
}

.md-results .md-cards-small .md-card-number {
 font-size: 32px !important;
}

.md-results .md-cards-small .md-card-title {
 font-size: 14px !important;
 margin-bottom: 0 !important;
}

/* ========================================
   КАРТОЧКА АРКАНА (адаптивная)
   ======================================== */

.md-results .md-arcana-card {
 background: rgba(139,92,246,0.08) !important;
 border: 1px solid rgba(139,92,246,0.2) !important;
 border-radius: 8px !important;
 padding: 16px 20px !important;
 margin-bottom: 20px !important;
 box-shadow: none !important;
 display: inline-block !important;
 max-width: 600px !important;
}

.md-results .md-arcana-card .md-arcana-title {
 font-size: 16px !important;
 font-weight: 700 !important;
 color: #f4f2ff !important;
 margin-bottom: 8px !important;
 line-height: 1.4 !important;
}

.md-results .md-arcana-card .md-arcana-keywords {
 font-size: 14px !important;
 font-style: italic !important;
 color: #a78bfa !important;
 margin-bottom: 8px !important;
 line-height: 1.5 !important;
}

.md-results .md-arcana-card .md-arcana-note {
 font-size: 13px !important;
 font-style: italic !important;
 color: #9b96b8 !important;
 margin-bottom: 0 !important;
 line-height: 1.4 !important;
}

/* Мобильные устройства */
@media (max-width: 768px) {
 .md-results .md-arcana-card {
 display: block !important;
 max-width: 100% !important;
 }
 
 .md-results .md-arcana-card .md-arcana-title {
 line-height: 1.3 !important;
 margin-bottom: 6px !important;
 }
 
 .md-results .md-arcana-card .md-arcana-keywords {
 line-height: 1.3 !important;
 margin-bottom: 6px !important;
 }
 
 .md-results .md-arcana-card .md-arcana-note {
 line-height: 1.3 !important;
 }
}

/* ========================================
   ШКАЛА ВАЖНОСТИ АРКАНА
   ======================================== */

.md-results .md-arcana-importance {
 display: flex !important;
 align-items: center !important;
 gap: 10px !important;
 margin: 12px 0 !important;
}

.md-results .md-importance-label {
 font-size: 13px !important;
 font-weight: 600 !important;
 color: #9b96b8 !important;
 white-space: nowrap !important;
}

.md-results .md-importance-bar {
 flex: 1 !important;
 height: 6px !important;
 background: rgba(255,255,255,0.1) !important;
 border-radius: 3px !important;
 overflow: hidden !important;
}

.md-results .md-importance-fill {
 height: 100% !important;
 transition: width 0.3s ease !important;
 border-radius: 3px !important;
}

.md-results .md-importance-text {
 font-size: 13px !important;
 font-weight: 600 !important;
 color: #f4f2ff !important;
 white-space: nowrap !important;
}

/* Мобильные устройства */
@media (max-width: 768px) {
 .md-results .md-arcana-importance {
 gap: 8px !important;
 margin: 10px 0 !important;
 }
 
 .md-results .md-importance-label {
 font-size: 12px !important;
 }
 
 .md-results .md-importance-bar {
 height: 5px !important;
 }
 
 .md-results .md-importance-text {
 font-size: 12px !important;
 }
}

/* ИСПРАВЛЕНИЕ ОТСТУПА ДЛЯ ПОЛЯ EMAIL */
.md-input-wrapper input#user_login,
.md-input-wrapper input[name="log"],
.md-input-wrapper input[type="text"] {
 padding-left: 46px !important;
}

/* ========================================
   СТИЛИ ДЛЯ ФОРМЫ ОТЗЫВОВ
======================================== */

.md-hidden {
 display: none !important;
}

.md-feedback-box {
 background: rgba(12,10,26,0.5) !important;
 padding: 30px !important;
 border-radius: 12px !important;
 margin: 30px 0 !important;
 text-align: center !important;
 border: 1px solid rgba(139,92,246,0.2) !important;
}

.md-feedback-box h3 {
 color: #f4f2ff !important;
 margin: 0 0 15px 0 !important;
 font-size: 18px !important;
}

.md-feedback-box p {
 color: #9b96b8 !important;
 margin: 0 0 20px 0 !important;
}

.md-feedback-rating {
 display: flex !important;
 gap: 15px !important;
 justify-content: center !important;
 margin-bottom: 20px !important;
}

.md-feedback-btn {
 flex: 1 !important;
 max-width: 200px !important;
 padding: 20px !important;
 background: #181430 !important;
 border: 1.5px solid rgba(139,92,246,0.25) !important;
 border-radius: 12px !important;
 cursor: pointer !important;
 transition: all 0.3s !important;
 display: flex !important;
 flex-direction: column !important;
 align-items: center !important;
 gap: 8px !important;
 font-family: inherit !important;
}

.md-feedback-btn:hover {
 transform: translateY(-2px) !important;
 box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.md-feedback-btn.active {
 border-color: #8b5cf6 !important;
 background: rgba(139,92,246,0.15) !important;
}

.md-feedback-like.active {
 border-color: #34d399 !important;
 background: rgba(52,211,153,0.15) !important;
}

.md-feedback-dislike.active {
 border-color: #ef4444 !important;
 background: rgba(239,68,68,0.15) !important;
}

.md-feedback-icon {
 font-size: 32px !important;
}

.md-feedback-btn span:last-child {
 font-weight: 600 !important;
 color: #c3bedb !important;
}

.md-feedback-form {
 text-align: left !important;
 margin-top: 20px !important;
}

.md-feedback-quick p {
 margin: 0 0 10px 0 !important;
 font-weight: 600 !important;
 color: #c3bedb !important;
}

.md-feedback-quick-btns {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 8px !important;
}

.md-quick-btn {
 padding: 8px 16px !important;
 background: rgba(12,10,26,0.5) !important;
 border: 1px solid rgba(139,92,246,0.3) !important;
 border-radius: 20px !important;
 font-size: 13px !important;
 color: #c3bedb !important;
 cursor: pointer !important;
 transition: all 0.2s !important;
 font-family: inherit !important;
}

.md-quick-btn:hover {
 background: rgba(139,92,246,0.15) !important;
}

.md-quick-btn.active {
 background: #8b5cf6 !important;
 color: white !important;
 border-color: #8b5cf6 !important;
}

.md-feedback-comment label {
 display: block !important;
 margin: 15px 0 8px 0 !important;
 font-weight: 600 !important;
 color: #c3bedb !important;
}

.md-feedback-textarea {
 width: 100% !important;
 padding: 12px !important;
 background: #100d24 !important;
 border: 1px solid rgba(139,92,246,0.25) !important;
 border-radius: 8px !important;
 font-size: 14px !important;
 color: #f4f2ff !important;
 font-family: inherit !important;
 resize: vertical !important;
 box-sizing: border-box !important;
}

.md-feedback-submit {
 width: 100% !important;
 padding: 14px !important;
 background: #8b5cf6 !important;
 color: white !important;
 border: none !important;
 border-radius: 8px !important;
 font-size: 16px !important;
 font-weight: 600 !important;
 cursor: pointer !important;
 margin-top: 15px !important;
 transition: background 0.2s !important;
 font-family: inherit !important;
}

.md-feedback-submit:hover {
 background: #7c3aed !important;
}

.md-feedback-success {
 padding: 20px !important;
 text-align: center !important;
}

.md-feedback-success span {
 font-size: 48px !important;
}

.md-feedback-success p {
 margin: 10px 0 0 0 !important;
 color: #6ee7b7 !important;
 font-weight: 600 !important;
}

@media (max-width: 768px) {
 .md-feedback-rating {
 flex-direction: column !important;
 }
 
 .md-feedback-btn {
 max-width: 100% !important;
 }
}

/* Гарантированно тёмное поле комментария (перебивает темы/reset, последним в каскаде) */
.md-results .md-fb2 .md-fb2-textarea,
.md-results .md-fb2 textarea,
.md-fb2 .md-fb2-textarea,
.md-feedback-box .md-feedback-textarea {
 background:#100d24 !important;
 background-color:#100d24 !important;
 color:#f4f2ff !important;
 border:1px solid rgba(139,92,246,0.3) !important;
 -webkit-appearance:none !important;
 appearance:none !important;
}
.md-results .md-fb2 .md-fb2-textarea::placeholder,
.md-fb2 .md-fb2-textarea::placeholder { color:#6f6a8a !important; }