@charset "utf-8";
/* CSS Document */

    :root {
      --bg: #060914;
      --bg-soft: #0b1020;
      --card: rgba(255, 255, 255, 0.075);
      --card-hover: rgba(255, 255, 255, 0.11);
      --border: rgba(255, 255, 255, 0.14);
      --text: #f8fafc;
      --muted: #a8b3cf;
      --gold: #d8ad5a;
      --cyan: #5eead4;
      --green: #22c55e;
      --danger: #f97316;
	  --silver: #6C6A6A;	
    }

    body {
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at top left, rgba(94, 234, 212, 0.18), transparent 34%),
        radial-gradient(circle at top right, rgba(216, 173, 90, 0.18), transparent 28%),
        linear-gradient(180deg, #060914 0%, #0b1020 100%);
      color:  var(--text);
      min-height: 100vh;
    }

    .navbar {
      background: rgba(6, 9, 20, 0.82);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid var(--border);
    }

    .navbar-brand {
      color: var(--text) !important;
      font-weight: 900;
      letter-spacing: 0.04em;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .navbar-logo {
      width: 214px;
      height: 44px;
      border-radius: 12px;
      overflow: hidden;
      margin-right: 10px;
    }

    .navbar-logo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .nav-link {
      color: var(--muted) !important;
      font-weight: 600;
    }

    .nav-link:hover {
      color:  var(--text) !important;
    }

    .adr-link {
      color: var(--muted) !important;
      
    }

    .adr-link:hover {
      color:  var(--text) !important;
    }

    .btn-gold {
      background: linear-gradient(135deg, #f1d18a, var(--gold));
      color: #0b1020;
      border: 0;
      border-radius: 999px;
      padding: 12px 24px;
      font-weight: 800;
    }

    .btn-gold:hover {
      color: #0b1020;
      filter: brightness(1.06);
    }
    .btn-silver {
      background: linear-gradient(135deg, #E7E7E7, var(--silver));
      color:  #0b1020;
      border: 0;
      border-radius: 999px;
      padding: 12px 24px;
      font-weight: 800;
    }

    .btn-silver:hover {
      color: var(--text);
      filter: brightness(1.06);
    }

    .btn-glass {
      border: 1px solid var(--border);
      background: rgba(255, 255, 255, 0.08);
      color: var(--text);
      border-radius: 999px;
      padding: 12px 24px;
      font-weight: 700;
    }

    .btn-glass:hover {
      background: rgba(255, 255, 255, 0.14);
      color: var(--text);
    }

    .hero {
      padding: 120px 0 80px;
    }

    .badge-soft {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 16px;
      border-radius: 999px;
      color: var(--cyan);
      background: rgba(94, 234, 212, 0.1);
      border: 1px solid rgba(94, 234, 212, 0.24);
      font-weight: 800;
      margin-bottom: 24px;
    }

    .hero h1 {
      font-size: clamp(42px, 7vw, 82px);
      line-height: 0.98;
      font-weight: 950;
      letter-spacing: -0.06em;
      margin-bottom: 26px;
    }

    .hero p {
      max-width: 820px;
      color: var(--muted);
      font-size: 20px;
      line-height: 1.75;
    }

    .accent {
      color: var(--gold);
    }

    .section {
      padding: 70px 0;
    }

    .glass-card {
      background: linear-gradient(180deg, var(--card-hover), var(--card));
      border: 1px solid var(--border);
      border-radius: 28px;
      box-shadow: 0 30px 100px rgba(0, 0, 0, 0.28);
      backdrop-filter: blur(18px);
    }

    .stat {
      padding: 26px;
    }

    .stat strong {
      display: block;
      font-size: 32px;
      font-weight: 900;
      color: var(--text);
    }

    .stat span {
      color: var(--muted);
    }

    .section-title {
      font-weight: 950;
      font-size: clamp(32px, 4vw, 54px);
      letter-spacing: -0.045em;
      margin-bottom: 18px;
    }

    .muted {
      color: var(--muted);
    }

    .package-card {
      padding: 34px;
      height: 100%;
      transition: 0.25s ease;
    }

    .package-card:hover {
      transform: translateY(-6px);
      border-color: rgba(216, 173, 90, 0.58);
    }

    .price {
      font-size: 44px;
      font-weight: 950;
      color: var(--gold);
    }

    .donation-form input,
    .donation-form select {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid var(--border);
      color: var(--text);
      border-radius: 16px;
      padding: 14px 16px;
    }

    .donation-form option {
      background: #0b1020;
      color: var(--text);
    }

    .form-label {
      color: var(--text);
      font-weight: 700;
    }

    .notice {
      border-left: 4px solid var(--gold);
      background: rgba(216, 173, 90, 0.1);
      padding: 18px 20px;
      border-radius: 18px;
      color: #f8e6bf;
    }

    .accordion-item {
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid var(--border);
      border-radius: 24px !important;
      overflow: hidden;
    }

    .accordion-button {
      background: rgba(255, 255, 255, 0.08);
      color: var(--text);
      font-weight: 900;
      font-size: 18px;
      padding: 22px 24px;
      box-shadow: none !important;
    }

    .accordion-button:not(.collapsed) {
      background: rgba(94, 234, 212, 0.11);
      color: var(--text);
    }

    .accordion-button::after {
      filter: invert(1);
    }

    .accordion-body {
      color: var(--muted);
      padding: 28px;
    }

    .contract-box {
      max-height: 620px;
      overflow-x: hidden;
      overflow-y: auto 
      white-space: pre-wrap;
      line-height: 1.72;
      font-size: 15px;
      padding: 26px;
      border-radius: 22px;
      background: rgba(0, 0, 0, 0.28);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }  
	  
	.doc-list {
	  list-style: none; /* Убираем стандартные маркеры */
      padding-left: 20px;
   }
	  
	.doc-list li {
        position: relative;
        padding-left: 18px;    /* Отступ для текста после тире */
        text-indent: -18px;    /* «Вытягиваем» первую строку влево */
        margin-bottom: 5px;    /* Отступ между пунктами (по желанию) */
    }
	.doc-list li:before {
	  content: "— "; /* Добавляем длинное тире */
	  } 

    footer {
      padding: 42px 0;
      border-top: 1px solid var(--border);
      color: var(--muted);
    }

    @media (max-width: 991px) {
      .hero {
        padding-top: 92px;
      }

      .navbar .btn-gold {
        margin-top: 12px;
      }
    }

    /* card */

    .armb-bottom-card {
    width: 100%;
    padding: 28px;
    display: flex;
    align-items: center;
    gap: 34px;
    border-radius: 28px;
    background:
      radial-gradient(circle at left, rgba(216, 173, 90, 0.22), transparent 35%),
      linear-gradient(135deg, rgba(255,255,255,0.11), rgba(255,255,255,0.04));
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow: 0 30px 90px rgba(0,0,0,0.35);
    color: #f8fafc;
    }

    /* КОНТЕЙНЕР КАРТИНКИ */
    .armb-bottom-image {
      width: 190px;
      height: 190px;
      min-width: 190px;
      border-radius: 28px;
      overflow: hidden;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.1);
    }

    /* САМА КАРТИНКА */
    .armb-bottom-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .armb-bottom-content {
      padding-right: 10px;
    }

    .armb-bottom-content h2 {
      font-size: 28px;
      font-weight: 900;
      margin-bottom: 16px;
      color: #f8fafc;
    }

    .armb-bottom-content p {
      margin-bottom: 12px;
      color: #a8b3cf;
      font-size: 15px;
      line-height: 1.65;
    }

    .armb-bottom-final {
      color: #d8ad5a !important;
      font-weight: 800;
    }

    /* FAQ */

    .faq-item {
    padding: 22px;
    margin-bottom: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.09);
    }

    .faq-item h4 {
      color: #f8fafc;
      font-size: 18px;
      font-weight: 850;
      margin-bottom: 10px;
    }

    .faq-item p {
      color: #a8b3cf;
      line-height: 1.7;
      margin-bottom: 0;
    }

    .info-text-box {
      padding: 24px;
      border-radius: 20px;
      background: rgba(0, 0, 0, 0.22);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .info-text-box h4 {
      color: #d8ad5a;
      font-weight: 850;
      margin-bottom: 14px;
    }

    .info-text-box p,
    .info-text-box li {
      color: #a8b3cf;
      line-height: 1.75;
    }

    .info-text-box code,
    .faq-item code {
      color: #5eead4;
      background: rgba(94, 234, 212, 0.1);
      padding: 2px 6px;
      border-radius: 6px;
    }

    .donation-form .form-text {
      color: var(--muted);
      margin-top: 8px;
    }

    .form-control.is-valid {
      border-color: #22c55e;
    }

    .form-control.is-invalid {
      border-color: #f97316;
    }