/* =========================================================================
   Danotica — Subpages (privacy, terms, support, delete)
   Dark theme matching the main landing page.
   ========================================================================= */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  background: #05060e;
  min-height: 100%;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: #05060e;
  color: #f4f7ff;
  line-height: 1.7;
  min-height: 100dvh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: #5b8cff; text-decoration: none; }
a:hover { color: #8fb0ff; }
ul { list-style: none; }
img { max-width: 100%; display: block; }

/* ===== AURORA BACKGROUND ===== */
.aurora {
  position: fixed; inset: 0; z-index: 0;
  overflow: hidden; pointer-events: none;
}
.aurora-blob {
  position: absolute; border-radius: 50%;
  filter: blur(110px); opacity: .45;
}
.aurora-blob.a1 {
  width: 560px; height: 560px; top: -180px; right: -120px;
  background: radial-gradient(circle, rgba(91,140,255,.8) 0%, transparent 70%);
}
.aurora-blob.a2 {
  width: 480px; height: 480px; bottom: 5%; left: -160px;
  background: radial-gradient(circle, rgba(139,108,255,.65) 0%, transparent 70%);
}

/* ===== NAV ===== */
.nav-wrap { position: sticky; top: 0; z-index: 100; padding: 14px 24px; }
.nav-inner {
  max-width: 760px; margin: 0 auto; padding: 10px 12px 10px 18px;
  display: flex; align-items: center;
  background: rgba(10,13,26,.55);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  box-shadow: 0 10px 30px -16px rgba(0,0,0,.7);
}
.nav-logo {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 18px; font-weight: 800; letter-spacing: -.4px;
  color: #f4f7ff; text-decoration: none;
  display: flex; align-items: center; gap: 8px;
}
.nav-logo-mark {
  width: 28px; height: 28px; border-radius: 8px;
  object-fit: cover; flex-shrink: 0;
  box-shadow: 0 6px 16px -5px rgba(91,140,255,.7);
}
.nav-logo-text span {
  background: linear-gradient(120deg, #5b8cff 0%, #8b6cff 45%, #ffcf6b 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.nav-back {
  margin-left: auto; font-size: 13px; font-weight: 600; color: #b6c0db;
  padding: 8px 14px; border-radius: 999px;
  transition: background .2s, color .2s;
}
.nav-back:hover { background: rgba(255,255,255,.06); color: #f4f7ff; }

/* ===== CONTENT ===== */
.page-wrap {
  position: relative; z-index: 1;
  max-width: 760px; margin: 32px auto 80px; padding: 0 20px;
}
.card {
  background: rgba(20,26,48,.55);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 26px;
  padding: 44px 48px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 40px 90px -30px rgba(0,0,0,.85);
}

h1 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(22px, 4vw, 30px); font-weight: 800; letter-spacing: -.5px;
  color: #f4f7ff; margin-bottom: 8px;
}
.date { font-size: 13px; color: #7d88a6; margin-bottom: 32px; }
.intro { font-size: 16px; color: #b6c0db; margin-bottom: 24px; }

h2 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 17px; font-weight: 700; color: #f4f7ff;
  margin: 30px 0 10px;
}
h3 { font-size: 15px; font-weight: 600; color: #d8e0f5; margin: 20px 0 8px; }
p { font-size: 15px; color: #b6c0db; margin-bottom: 12px; }

ul { padding-left: 20px; list-style: disc; margin-bottom: 12px; }
li { font-size: 15px; color: #b6c0db; margin-bottom: 6px; }

.contact-box {
  background: rgba(91,140,255,.1);
  border: 1px solid rgba(91,140,255,.28);
  border-radius: 14px; padding: 16px 20px; margin: 12px 0 20px;
}
.contact-box p { margin-bottom: 4px; }

/* ===== FOOTER ===== */
footer {
  position: relative; z-index: 1;
  text-align: center; padding: 24px 16px 40px;
  font-size: 13px; color: #7d88a6;
  border-top: 1px solid rgba(255,255,255,.06);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
  .nav-wrap { padding: 12px 16px; }
  .card { padding: 28px 22px; border-radius: 18px; }
}

/* ===== MOBILE PERFORMANCE ===== */
@media (pointer: coarse) {
  .aurora { display: none; }
  .nav-inner {
    backdrop-filter: none; -webkit-backdrop-filter: none;
    background: rgba(8,11,22,.97);
  }
  .card { backdrop-filter: none; -webkit-backdrop-filter: none; }
}