@font-face { font-family: Inter; src: url("/assets/fonts/inter-cyrillic-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
    @font-face { font-family: Inter; src: url("/assets/fonts/inter-cyrillic-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
    @font-face { font-family: Inter; src: url("/assets/fonts/inter-cyrillic-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
    @font-face { font-family: Inter; src: url("/assets/fonts/inter-cyrillic-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
    @font-face { font-family: Inter; src: url("/assets/fonts/inter-cyrillic-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
:root {
      color-scheme: dark;
      --color-primary: #14E0D2;
      --color-background: #0F172A;
      --color-surface: #172033;
      --color-card: #1E293B;
      --color-text-primary: #FFFFFF;
      --color-text-secondary: #94A3B8;
      --color-success: #22C55E;
      --color-warning: #F59E0B;
      --color-danger: #EF4444;
      --color-border: rgba(148, 163, 184, 0.2);
      --shadow-soft: 0 18px 44px rgba(2, 8, 23, 0.34);
      --radius-xs: 8px;
      --radius-sm: 12px;
      --radius-md: 20px;
      --radius-lg: 28px;
      --space-1: 0.5rem;
      --space-2: 0.75rem;
      --space-3: 1rem;
      --space-4: 1.5rem;
      --space-5: 2rem;
      --space-6: 3rem;
      --space-7: 4.5rem;
      --font-sans: Inter, "Segoe UI", sans-serif;
    }
    * {
      box-sizing: border-box;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      margin: 0;
      font-family: var(--font-sans);
      color: var(--color-text-primary);
      background:
        radial-gradient(circle at top left, rgba(20, 224, 210, 0.16), transparent 28%),
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.12), transparent 18%),
        linear-gradient(180deg, #10192f 0%, var(--color-background) 45%, #0a1120 100%);
    }
    a {
      color: inherit;
      text-decoration: none;
    }
    p,
    h1,
    h2,
    h3,
    h4,
    ul,
    ol {
      margin: 0;
    }
    .page-shell {
      min-height: 100vh;
      min-height: 100dvh;
      padding: 24px 0 40px;
    }
    .site-shell {
      width: calc(100% - 32px);
      max-width: 1120px;
      min-height: calc(100vh - 64px);
      min-height: calc(100dvh - 64px);
      margin: 0 auto;
      display: flex;
      flex-direction: column;
    }
    section[id],
    .legal-section h2[id] {
      scroll-margin-top: 130px;
    }
    :where(a, button, summary):focus-visible {
      outline: 3px solid rgba(20, 224, 210, 0.9);
      outline-offset: 4px;
      border-radius: var(--radius-xs);
    }
    .topbar,
    .section {
      border: 1px solid var(--color-border);
      background: linear-gradient(180deg, rgba(23, 32, 51, 0.96), rgba(15, 23, 42, 0.98));
      box-shadow: var(--shadow-soft);
      border-radius: var(--radius-lg);
    }
    .topbar {
      position: sticky;
      top: 16px;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-3);
      padding: var(--space-4) var(--space-5);
      margin-bottom: var(--space-4);
      backdrop-filter: blur(14px);
    }
    .brand,
    .footer-brand {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
    }
    .brand {
      font-size: 1.1rem;
      font-weight: 700;
      letter-spacing: 0.01em;
    }
    .topnav,
    .footer-nav,
    .topbar-actions,
    .footer-actions,
    .footer-socials {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: var(--space-3);
      color: var(--color-text-secondary);
    }
    .topbar-actions,
    .footer-actions {
      align-items: center;
      justify-content: flex-end;
    }
    .brand-icon {
      width: 2.35rem;
      height: 2rem;
      object-fit: contain;
      flex: 0 0 auto;
    }
    .header-icon-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.75rem;
      height: 2.75rem;
      border: 1px solid rgba(148, 163, 184, 0.26);
      border-radius: 999px;
      color: var(--color-text-secondary);
      background: rgba(255, 255, 255, 0.03);
    }
    .header-icon-link svg {
      width: 1.2rem;
      height: 1.2rem;
    }
    .header-icon-telegram,
    .footer-icon-telegram {
      padding: 0;
      border-color: transparent;
      background: transparent;
      color: #ffffff;
      box-shadow: 0 8px 20px rgba(34, 158, 217, 0.2);
    }
    .telegram-brand-icon {
      display: block;
      width: 100%;
      height: 100%;
    }
    .header-icon-telegram:hover,
    .footer-icon-telegram:hover {
      border-color: transparent;
      background: transparent;
      color: #ffffff;
      transform: translateY(-1px) scale(1.03);
    }
    .footer-icon-email {
      border-color: rgba(148, 163, 184, 0.34);
      background: rgba(148, 163, 184, 0.08);
      color: var(--color-text-primary);
    }
    .topnav a:hover,
    .footer-nav a:hover,
    .footer-icon-link:hover,
    .step-index {
      color: var(--color-primary);
    }
    .hero {
      display: grid;
      gap: var(--space-5);
      padding: calc(var(--space-7) + var(--space-2)) 0 var(--space-6);
      margin-bottom: var(--space-4);
      position: relative;
      z-index: 0;
    }
    .hero-copy,
    .compliance-hero .hero-panel,
    .step-card,
    .plan-card,
    .faq-item,
    .hero-fact-card {
      border: 1px solid var(--color-border);
      border-radius: var(--radius-md);
      background: linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(23, 32, 51, 0.96));
      position: relative;
      z-index: 0;
    }
    .hero-copy {
      display: grid;
      justify-items: center;
      gap: var(--space-3);
      text-align: center;
      max-width: 40rem;
      margin: 0 auto;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .compliance-hero {
      grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.95fr);
      align-items: start;
      padding: var(--space-6) 0;
    }
    .compliance-hero .hero-copy,
    .compliance-hero .hero-panel {
      padding: var(--space-5);
    }
    .compliance-hero .hero-copy {
      justify-items: start;
      text-align: left;
      border: 1px solid var(--color-border);
      background: linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(23, 32, 51, 0.96));
    }
    .hero-panel {
      overflow: hidden;
    }
    .hero-panel::before {
      content: "";
      position: absolute;
      inset: auto -10% 65% auto;
      width: 180px;
      height: 180px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(20, 224, 210, 0.22), transparent 72%);
      pointer-events: none;
      z-index: -1;
    }
    h1 {
      font-size: clamp(2.8rem, 6vw, 4.8rem);
      line-height: 0.98;
    }
    h2 {
      font-size: clamp(1.8rem, 3vw, 2.8rem);
      line-height: 1.05;
    }
    h3 {
      font-size: 1.15rem;
      line-height: 1.2;
    }
    h4 {
      font-size: clamp(1.1rem, 2vw, 1.4rem);
      line-height: 1.35;
      color: var(--color-text-secondary);
      font-weight: 500;
    }
    .hero-text,
    .card-copy,
    .faq-item p,
    .compliance-copy,
    .hero-panel-copy {
      color: var(--color-text-secondary);
      line-height: 1.65;
    }
    .hero-text {
      max-width: 56ch;
      font-size: 1.05rem;
    }
    .hero-facts {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-3);
      align-items: stretch;
      max-width: 960px;
      margin: 0 auto;
      width: 100%;
    }
    .hero-fact-card {
      padding: var(--space-4);
      text-align: center;
    }
    .hero-fact-card h3 {
      font-size: clamp(1.625rem, 3vw, 1.75rem);
      margin-bottom: var(--space-2);
    }
    .hero-fact-card .card-copy {
      font-size: 0.8rem;
      max-width: 20ch;
      margin: 0 auto;
    }
    .compliance-points {
      display: grid;
      gap: var(--space-2);
      padding: 0;
      margin-top: var(--space-4);
      list-style: none;
    }
    .compliance-points li {
      padding: var(--space-3);
      border: 1px solid rgba(20, 224, 210, 0.16);
      border-radius: var(--radius-sm);
      background: rgba(15, 23, 42, 0.72);
    }
    .hero-panel-price {
      margin: 0 0 var(--space-2);
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 800;
    }
    .section {
      margin-bottom: var(--space-4);
      padding: var(--space-5);
    }
    .section-heading {
      margin: 0 auto var(--space-4);
      max-width: 40rem;
      text-align: center;
    }
    .steps-grid,
    .plan-grid,
    .faq-list {
      display: grid;
      gap: var(--space-3);
    }
    .steps-grid {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      list-style: none;
      padding: 0;
    }
    .plan-grid {
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      align-items: stretch;
    }
    .step-card,
    .plan-card,
    .faq-item {
      padding: var(--space-4);
    }
    .step-index {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2rem;
      height: 2rem;
      margin-bottom: var(--space-3);
      border-radius: 999px;
      border: 1px solid rgba(20, 224, 210, 0.24);
      background: rgba(20, 224, 210, 0.08);
      font-weight: 700;
    }
    .plan-card {
      display: grid;
      justify-items: center;
      align-content: center;
      gap: var(--space-2);
      text-align: center;
      min-height: 12rem;
      position: relative;
    }
    .plan-badge-row {
      position: absolute;
      top: var(--space-3);
      right: var(--space-3);
      display: flex;
      justify-content: flex-end;
    }
    .plan-card:has(.plan-badge-row) {
      border-color: rgba(20, 224, 210, 0.58);
      background:
        radial-gradient(circle at top right, rgba(20, 224, 210, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(30, 52, 68, 0.98), rgba(23, 32, 51, 0.98));
      box-shadow: inset 0 0 0 1px rgba(20, 224, 210, 0.08);
    }
    .plan-price {
      font-size: 2.2rem;
      font-weight: 800;
      line-height: 1;
    }
    .plan-name {
      font-size: 1.1rem;
      font-weight: 700;
      line-height: 1.2;
    }
    .plan-period {
      color: var(--color-text-secondary);
      font-size: 0.95rem;
      font-weight: 500;
    }
    .badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.4rem 0.75rem;
      border-radius: 999px;
      background: rgba(20, 224, 210, 0.14);
      color: var(--color-primary);
      font-size: 0.78rem;
      font-weight: 700;
    }
    .faq-list {
      align-content: start;
    }
    .faq-item summary {
      cursor: pointer;
      font-weight: 700;
      list-style: none;
    }
    .faq-item summary::-webkit-details-marker {
      display: none;
    }
    .faq-item p {
      margin-top: var(--space-2);
    }
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 1.1rem;
      border: 1px solid transparent;
      border-radius: 999px;
      font-weight: 700;
      transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
    }
    .button:hover {
      transform: translateY(-1px);
    }
    .button-primary {
      background: var(--color-primary);
      color: #062a28;
    }
    .button-secondary {
      background: rgba(255, 255, 255, 0.04);
      border-color: rgba(148, 163, 184, 0.26);
      color: var(--color-text-primary);
    }
    .button-ghost {
      background: transparent;
      border-color: var(--color-border);
      color: var(--color-text-secondary);
    }
    .button.is-disabled {
      opacity: 0.6;
      cursor: not-allowed;
    }
    .footer {
      display: grid;
      grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
      align-items: center;
      gap: var(--space-4);
      margin-top: auto;
      padding: var(--space-4) 0 0;
      border-top: 1px solid rgba(148, 163, 184, 0.24);
    }
    .footer-brand {
      font-weight: 700;
      color: var(--color-text-primary);
    }
    .footer-nav {
      justify-content: center;
      flex-wrap: nowrap;
      gap: var(--space-2);
      white-space: nowrap;
      font-size: 0.85rem;
    }
    .footer-actions {
      flex-wrap: nowrap;
      gap: var(--space-2);
    }
    .footer-socials {
      gap: var(--space-2);
    }
    .footer-icon-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.75rem;
      height: 2.75rem;
      border: 1px solid rgba(148, 163, 184, 0.26);
      border-radius: 999px;
      color: var(--color-text-secondary);
      background: rgba(255, 255, 255, 0.03);
      transition: transform 160ms ease, border-color 160ms ease, color 160ms ease;
    }
    .footer-icon-link:hover {
      transform: translateY(-1px);
      border-color: rgba(20, 224, 210, 0.36);
    }
    .footer-icon-link.is-disabled {
      opacity: 0.55;
      cursor: not-allowed;
    }
    .footer-icon-link svg {
      width: 1.15rem;
      height: 1.15rem;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .compliance-grid {
      display: grid;
      gap: var(--space-3);
    }
    .legal-card {
      width: min(880px, 100%);
      max-width: 880px;
      margin: var(--space-6) auto var(--space-5);
      padding: clamp(1.5rem, 4vw, 3rem);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-lg);
      background: linear-gradient(180deg, rgba(30, 41, 59, 0.96), rgba(15, 23, 42, 0.98));
      box-shadow: var(--shadow-soft);
    }
    .legal-heading {
      padding-bottom: var(--space-5);
      border-bottom: 1px solid var(--color-border);
    }
    .legal-heading h1 {
      font-size: clamp(2.25rem, 6vw, 4rem);
      line-height: 1.05;
    }
    .legal-heading p,
    .legal-section p {
      color: var(--color-text-secondary);
      line-height: 1.7;
    }
    .legal-heading p {
      margin-top: var(--space-3);
      font-size: 1.05rem;
    }
    .legal-section {
      padding-top: var(--space-6);
    }
    .legal-section h2 {
      margin-bottom: var(--space-3);
      font-size: clamp(1.35rem, 3vw, 1.75rem);
      line-height: 1.2;
    }
    .legal-section .legal-clause + .legal-clause {
      margin-top: var(--space-4);
    }
    .legal-section .legal-clause + .legal-list,
    .legal-section .legal-list + .legal-clause {
      margin-top: var(--space-3);
    }
    .legal-toc {
      margin-top: var(--space-5);
      padding: var(--space-4);
      border: 1px solid rgba(20, 224, 210, 0.18);
      border-radius: var(--radius-sm);
      background: rgba(15, 23, 42, 0.62);
    }
    .legal-toc-title {
      margin-bottom: var(--space-3);
      font-weight: 700;
    }
    .legal-toc ol {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--space-2) var(--space-4);
      padding-left: 1.25rem;
      color: var(--color-text-secondary);
      line-height: 1.45;
    }
    .legal-toc a {
      display: inline-block;
      padding: 0.2rem 0;
    }
    .legal-card a {
      color: var(--color-primary);
      text-decoration: underline;
      text-underline-offset: 0.18em;
    }
    .legal-card > .legal-clause,
    .legal-card > .legal-list,
    .legal-section + .legal-clause,
    .legal-section + .legal-list {
      margin-top: var(--space-3);
    }
    .legal-clause {
      color: var(--color-text-secondary);
      line-height: 1.8;
      font-size: 1rem;
    }
    .legal-list {
      display: grid;
      gap: var(--space-2);
      margin-bottom: 0;
      padding-left: 1.4rem;
      color: var(--color-text-secondary);
      line-height: 1.65;
    }
    @media (max-width: 900px) {
      .topbar,
      .section {
        padding: var(--space-4);
      }
      .topbar {
        align-items: flex-start;
      }
      .hero-facts,
      .compliance-hero,
      .footer {
        grid-template-columns: 1fr;
      }
      .hero {
        padding: calc(var(--space-6) + var(--space-4)) 0 var(--space-5);
      }
      .footer {
        justify-items: start;
      }
      .footer-nav,
      .footer-actions {
        justify-content: flex-start;
      }
    }
    @media (max-width: 640px) {
      .page-shell {
        padding: 16px 0 32px;
      }
      .site-shell {
        min-height: calc(100vh - 48px);
        min-height: calc(100dvh - 48px);
      }
      .site-shell {
        width: calc(100% - 24px);
      }
      .topbar,
      .section,
      .hero-fact-card,
      .compliance-hero .hero-copy,
      .compliance-hero .hero-panel {
        border-radius: 24px;
      }
      .topbar {
        padding: var(--space-3);
      }
      .topbar > .topnav {
        margin-left: auto;
        flex-wrap: nowrap;
        gap: var(--space-2);
      }
      .topbar > .topnav > a:not(.header-icon-link) {
        font-size: 0.9rem;
        white-space: nowrap;
      }
      .topbar-actions,
      .footer-actions {
        width: 100%;
      }
      .topbar-actions {
        width: auto;
      }
      .topbar-actions .topnav {
        display: none;
      }
      .topbar .button {
        width: auto;
      }
      .legal-toc ol {
        grid-template-columns: 1fr;
      }
      .footer-nav {
        width: 100%;
        min-height: 44px;
        padding: 0.25rem 0.5rem;
        justify-content: space-between;
        gap: 0.25rem;
        border-radius: var(--radius-sm);
        background: rgba(148, 163, 184, 0.06);
        font-size: 0.78rem;
      }
      .footer-nav a {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        padding: 0 0.15rem;
      }
      .footer-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
      }
      .footer-socials {
        grid-column: 1 / -1;
        justify-content: flex-start;
      }
      .button {
        width: 100%;
      }
    }