.terms-page { min-height:100vh; padding:1.25rem; background:radial-gradient(circle at top left,rgba(26,188,156,0.18),transparent 34%),linear-gradient(180deg,#f7fffd 0%,#f6f8fb 100%); font-family:'Inter',system-ui,sans-serif; color:#1f2937; scroll-behavior:smooth; }
    .hero { position:relative; max-width:980px; margin:0 auto 1rem; padding:2.25rem 1.5rem 1.5rem; text-align:center; }
    .back-button { position:absolute; left:0; top:1.25rem; width:44px; height:44px; border:1px solid #d9f5ee; border-radius:999px; background:#fff; color:#1abc9c; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:0 8px 22px rgba(17,24,39,0.08); transition:0.2s ease; }
    .back-button:hover { transform:translateX(-3px); background:#1abc9c; color:#fff; }
    .hero-icon { width:100%; margin:0 auto 1rem; display:flex; align-items:center; justify-content:center; background:transparent; box-shadow:none; border-radius:0; }
    .hero-icon img { width:150px; max-width:70vw; height:auto; object-fit:contain; display:block; }
    .eyebrow { margin:0; font-size:0.78rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; color:#16a085; }
    h1 { margin:0.25rem 0 0.5rem; font-size:2.35rem; line-height:1.1; font-weight:850; letter-spacing:-0.045em; color:#0f172a; }
    .subtitle { max-width:560px; margin:0 auto; color:#64748b; font-size:1rem; line-height:1.6; }
    .updated { display:inline-flex; margin:1rem 0 0; padding:0.45rem 0.8rem; border-radius:999px; background:#fff; border:1px solid #e5f7f3; color:#475569; font-size:0.9rem; box-shadow:0 6px 18px rgba(17,24,39,0.05); }
    .terms-card { max-width:980px; margin:0 auto; padding:1.25rem; background:rgba(255,255,255,0.94); border:1px solid #e8f3f0; border-radius:28px; box-shadow:0 20px 50px rgba(15,23,42,0.08); backdrop-filter:blur(14px); }
    .intro-card { padding:1.35rem; margin-bottom:1rem; border-radius:24px; background:linear-gradient(135deg,#effffb,#ffffff); border:1px solid #d9f5ee; }
    .toc { display:flex; flex-wrap:wrap; gap:0.55rem; margin:0 0 1rem; padding:1rem; border-radius:22px; background:#f8fafc; border:1px solid #edf2f7; }
    .toc a { padding:0.45rem 0.7rem; border-radius:999px; background:#fff; color:#16a085; font-size:0.86rem; font-weight:800; text-decoration:none; border:1px solid #e5f7f3; }
    .toc a:hover { background:#1abc9c; color:#fff; text-decoration:none; }
    .section { display:grid; grid-template-columns:48px 1fr; gap:1rem; padding:1.25rem; border-bottom:1px solid #edf2f7; scroll-margin-top:1rem; }
    .section span { width:42px; height:42px; border-radius:14px; background:#f1f5f9; color:#16a085; display:flex; align-items:center; justify-content:center; font-weight:850; font-size:0.82rem; }
    .section.important { margin:0.75rem 0; border:1px solid #bdeee3; border-radius:22px; background:#f3fffc; box-shadow:inset 0 0 0 1px rgba(26,188,156,0.04); }
    .section.warning { margin:0.75rem 0; border:1px solid #fde68a; border-radius:22px; background:#fffbeb; }
    .section.warning span { background:#fef3c7; color:#b45309; }
    h2 { margin:0 0 0.55rem; font-size:1.08rem; font-weight:850; color:#0f172a; letter-spacing:-0.01em; }
    p { margin:0.55rem 0; color:#475569; font-size:0.98rem; line-height:1.72; }
    ul { margin:0.55rem 0 0; padding-left:1.1rem; color:#475569; }
    li { margin:0.35rem 0; line-height:1.6; }
    a { color:#16a085; font-weight:800; text-decoration:none; }
    a:hover { text-decoration:underline; }
    strong { color:#0f172a; font-weight:850; }
    .contact-card { display:flex; gap:1rem; align-items:flex-start; margin-top:1rem; padding:1.35rem; border-radius:24px; background:linear-gradient(135deg,#effffb,#ffffff); border:1px solid #d9f5ee; color:#1f2937; box-shadow:0 10px 25px rgba(15,23,42,0.06); scroll-margin-top:1rem; }
    .contact-icon { width:48px; height:48px; border-radius:16px; background:#e6fffa; color:#1abc9c; display:flex; align-items:center; justify-content:center; }
    .contact-card h2 { color:#0f172a; margin:0 0 0.4rem; }
    .contact-card p { color:#475569; margin:0.25rem 0; }
    .contact-card strong { color:#0f172a; }
    @media (max-width:768px) { .terms-page { padding:0.75rem; } .hero { padding:4rem 0.25rem 1rem; } .back-button { left:0.25rem; top:0.5rem; } h1 { font-size:1.9rem; } .terms-card { padding:0.75rem; border-radius:22px; } .toc { padding:0.75rem; } .toc a { font-size:0.8rem; } .section { grid-template-columns:1fr; gap:0.7rem; padding:1rem; } .section span { width:38px; height:38px; border-radius:13px; } .hero-icon img { width:130px; } .contact-card { flex-direction:column; } }

.site-footer {
  max-width: 980px;
  margin: 1rem auto 0;
  text-align: center;
  color: #64748b;
  font-size: 0.9rem;
}

.home-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.home-link-card {
  display: block;
  padding: 1.15rem;
  border-radius: 22px;
  border: 1px solid #e5f7f3;
  background: #fff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(15,23,42,0.04);
  transition: 0.2s ease;
}

.home-link-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(15,23,42,0.08);
  text-decoration: none;
}

.home-link-card h2 {
  margin-bottom: 0.35rem;
}

.support-list {
  margin-top: 0.75rem;
}