:root {
  --bg: #f6f8fb;
  --paper: #ffffff;
  --ink: #0f172a;
  --muted: #64748b;
  --green: #2563eb;
  --lime: #22d3ee;
  --line: #e2e8f0;
  --soft: #eef4ff;
  --shadow: 0 24px 70px rgba(15, 23, 42, .12);
}

body {
  background:
    radial-gradient(circle at 8% 3%, rgba(34, 211, 238, .08), transparent 27rem),
    var(--bg);
}

.site-header {
  background: rgba(246, 248, 251, .86);
  border-bottom-color: rgba(15, 23, 42, .08);
  backdrop-filter: blur(16px);
}

.brand-mark {
  background: linear-gradient(145deg, #2563eb, #0891b2);
  box-shadow: 0 10px 28px rgba(37, 99, 235, .22);
}

.trust-pill,
.small-btn {
  background: rgba(255, 255, 255, .84);
}

.hero:before {
  background: radial-gradient(circle, #22d3ee 0, transparent 68%);
  opacity: .12;
}

h1 em:after {
  height: 4px;
  background: linear-gradient(90deg, #2563eb, #22d3ee);
}

.account-panel {
  background: rgba(255, 255, 255, .96);
  border-color: rgba(226, 232, 240, .9);
}

.account-panel:after {
  background: linear-gradient(145deg, #22d3ee, #2563eb);
  opacity: .9;
}

.secure,
.status {
  color: #0891b2;
}

.region {
  background: #ecfeff;
  color: #0e7490;
}

.account,
.data-row code,
.steps article,
.app-grid article,
.faq-list details {
  background: #fff;
}

.data-row,
.account {
  border-color: var(--line);
}

.data-row code {
  background: #f1f5f9;
}

.copy-btn {
  background: #172033;
}

.primary-btn {
  box-shadow: 0 10px 24px rgba(37, 99, 235, .2);
}

.process {
  background: #fff;
}

.app-note {
  border-color: #cbd5e1;
  border-left-color: #2563eb;
  background: #f8fafc;
}

.app-grid i {
  background: #eff6ff;
  color: #2563eb;
}

.app-grid article:nth-child(3n+2) i {
  background: #ecfeff;
  color: #0891b2;
}

.app-grid article:nth-child(3n) i {
  background: #eef2ff;
  color: #4f46e5;
}

.reviews {
  background: #0b1220;
}

.reviews .section-heading span,
.review-head small {
  color: #67e8f9;
}

.reviews .section-heading p,
.reviews .review-grid p {
  color: #b8c4d6;
}

.reviews .review-grid article {
  background: #121d30;
  border-color: #263750;
}

.avatar {
  background: #22d3ee;
}

.knowledge {
  background: linear-gradient(135deg, #eff6ff, #f8fafc 48%, #ecfeff);
}

.knowledge-links a {
  background: rgba(255, 255, 255, .92);
}

.modal {
  background: rgba(11, 18, 32, .74);
}

.modal-card .warning {
  background: #fff7ed;
  color: #c2410c;
}

@media (max-width: 640px) {
  .hero {
    gap: 26px;
  }

  .trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 26px;
    padding-top: 18px;
  }

  .trust-grid > div {
    min-width: 0;
    padding: 12px 9px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255, 255, 255, .82);
  }

  .trust-grid strong {
    font-size: 12px;
    line-height: 1.35;
  }

  .trust-grid span {
    margin-top: 5px;
    font-size: 10.5px;
    line-height: 1.4;
  }

  .region {
    font-size: 11px;
    white-space: nowrap;
  }
}