:root{
  --background-100:#0d0b14;
  --background-200:#13101e;
  --background-300:#1a1628;
  --brand-gradient:linear-gradient(135deg,#e8389a 0%,#9b3fd8 100%);
  --brand-pink:#e8389a;
  --gray-300:#2a2540;
  --gray-500:#4a4468;
  --gray-600:#7a7295;
  --gray-700:#8f87a8;
  --gray-900:#c4bedd;
  --gray-1000:#ededf5;
  --gray-alpha-100:rgba(255,255,255,.05);
  --gray-alpha-200:rgba(255,255,255,.08);
  --gray-alpha-300:rgba(255,255,255,.12);
  --accent-100:#1f0a2e;
  --accent-300:#3d1258;
  --shadow-card:0 1px 2px rgba(0,0,0,.32);
  --shadow-glow-pink:0 0 20px rgba(232,56,154,.25);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at top,rgba(232,56,154,.18),transparent 32%),
    linear-gradient(180deg,#171124 0%,#0d0b14 26%,#0d0b14 100%);
  color:var(--gray-1000);
  font-family:"Geist",sans-serif;
  line-height:1.7;
}

a{color:#ff85c2;text-decoration:underline;text-underline-offset:2px}
a:hover{color:#ffb1d8}

.page-header{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  height:56px;
  background:rgba(13,11,20,.86);
  border-bottom:1px solid var(--gray-alpha-200);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.header-logo{
  display:flex;
  align-items:center;
  gap:8px;
  color:inherit;
  text-decoration:none;
}

.header-logo-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  box-shadow:var(--shadow-glow-pink);
}

.header-logo-name{
  font-size:15px;
  font-weight:600;
  letter-spacing:-.3px;
}

.header-sep,.header-title{
  font-size:13px;
  color:var(--gray-600);
}

.legal-page{
  max-width:880px;
  margin:0 auto;
  padding:28px 16px 80px;
}

.legal-hero{
  padding:20px 0 24px;
}

.legal-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border:1px solid var(--gray-alpha-300);
  border-radius:999px;
  background:var(--gray-alpha-100);
  color:var(--gray-900);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.legal-title{
  margin:14px 0 8px;
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.04em;
}

.legal-title span{
  background:var(--brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.legal-subtitle{
  margin:0;
  max-width:680px;
  color:var(--gray-600);
  font-size:15px;
  line-height:1.6;
}

.legal-card{
  overflow:hidden;
  border:1px solid var(--gray-alpha-200);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(26,22,40,.96),rgba(19,16,30,.96));
  box-shadow:var(--shadow-card);
}

.legal-card-top{
  padding:20px 22px;
  border-bottom:1px solid var(--gray-alpha-200);
  background:linear-gradient(135deg,rgba(232,56,154,.14),rgba(155,63,216,.08));
}

.legal-card-top h2{
  margin:0 0 6px;
  font-size:16px;
  letter-spacing:-.02em;
}

.legal-card-top p{
  margin:0;
  color:var(--gray-600);
  font-size:13px;
}

.policy-content{
  padding:24px 22px 28px;
  color:var(--gray-900);
}

.policy-content > *:first-child{margin-top:0}
.policy-content > *:last-child{margin-bottom:0}

.policy-content h1,
.policy-content h2,
.policy-content h3{
  color:var(--gray-1000);
  letter-spacing:-.02em;
}

.policy-content h2,
.policy-content .legal-section-title{
  margin:30px 0 12px;
  font-size:18px;
  line-height:1.35;
}

.policy-content h3{
  margin:22px 0 10px;
  font-size:15px;
}

.policy-content p{
  margin:0 0 14px;
  font-size:14px;
}

.policy-content p strong:only-child{
  display:block;
  color:var(--gray-1000);
  font-size:17px;
  line-height:1.4;
  letter-spacing:-.02em;
}

.policy-content .legal-meta{
  display:inline-flex;
  margin:0 0 18px;
  padding:7px 12px;
  border:1px solid var(--accent-300);
  border-radius:999px;
  background:var(--accent-100);
  color:#e8b4ff;
  font-size:12px;
  font-weight:600;
}

.policy-content ul,
.policy-content ol{
  margin:10px 0 14px;
  padding-left:22px;
}

.policy-content li{
  margin:0 0 8px;
}

.policy-content table{
  width:100%;
  margin:18px 0;
  border-collapse:collapse;
  overflow:hidden;
  border:1px solid var(--gray-alpha-200);
  border-radius:14px;
}

.policy-content th,
.policy-content td{
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
  border:1px solid var(--gray-alpha-200);
  font-size:13px;
}

.policy-content th{
  background:var(--gray-alpha-100);
  color:var(--gray-1000);
}

.policy-content hr{
  height:1px;
  margin:24px 0;
  border:0;
  background:var(--gray-alpha-200);
}

.policy-content blockquote{
  margin:18px 0;
  padding:14px 16px;
  border-left:3px solid var(--brand-pink);
  border-radius:0 12px 12px 0;
  background:var(--gray-alpha-100);
}

.page-footer{
  padding:0 16px 40px;
  text-align:center;
  color:var(--gray-600);
  font-size:12px;
}

@media (min-width:601px){
  .legal-page{padding:42px 24px 96px}
  .legal-title{font-size:40px}
  .legal-card-top{padding:24px 28px}
  .policy-content{padding:30px 28px 34px}
}