
:root{--ink:#081326;--ink2:#334155;--muted:#64748b;--line:#dfe6ef;--bg:#f4f7fb;--violet:#6d28d9;--blue:#2563eb;--green:#047857;--amber:#92400e}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC",sans-serif;color:var(--ink);background:radial-gradient(750px 360px at 50% -120px,#dff8ff,transparent 65%),var(--bg);-webkit-font-smoothing:antialiased}
a{color:#4f46e5}
.legal-shell{width:min(100% - 24px,900px);margin:0 auto;padding:22px 0 60px}
.legal-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.brand{font-weight:950;letter-spacing:.08em;text-decoration:none;color:var(--ink);font-size:13px}
.back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink2);font-weight:800;font-size:13px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#fff}
.hero{padding:34px;border-radius:30px;color:#fff;background:radial-gradient(310px 170px at 95% 0,#22d3ee55,transparent),linear-gradient(140deg,#081326,#172554 55%,#4c1d95);box-shadow:0 30px 70px -40px #081326}
.hero .eyebrow{font-size:10px;font-weight:900;letter-spacing:.15em;color:#bfeeff}
.hero h1{margin:11px 0 10px;font-size:clamp(34px,7vw,56px);line-height:.98;letter-spacing:-.05em}
.hero p{max-width:680px;margin:0;color:#dbe5f5;line-height:1.62;font-size:15px}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.meta span{padding:7px 10px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff12;font-size:11px;font-weight:800}
.policy-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.policy-nav a{text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px 8px;font-size:12px;font-weight:850;color:var(--ink2)}
.policy-nav a.current{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--violet),var(--blue))}
.notice{margin:14px 0;padding:15px 17px;border:1px solid #fde68a;border-radius:18px;background:#fffbeb;color:#78350f;font-size:13px;line-height:1.55}
.content{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 24px 60px -48px #081326}
.content section+section{margin-top:30px;padding-top:28px;border-top:1px solid #eef2f7}
.content h2{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}
.content h3{margin:18px 0 7px;font-size:16px}
.content p,.content li{color:var(--ink2);font-size:14px;line-height:1.68}
.content ul{padding-left:21px}
.content li+li{margin-top:7px}
.callout{padding:15px 17px;border-left:4px solid #4f46e5;border-radius:0 15px 15px 0;background:#eef2ff}
.contact-card{display:grid;gap:6px;padding:18px;border:1px solid #bbf7d0;border-radius:18px;background:#ecfdf5}
.contact-card b{color:var(--green)}
.contact-card a{font-weight:900;overflow-wrap:anywhere}
.legal-footer{text-align:center;padding:24px 8px 0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:650px){.legal-shell{width:min(100% - 14px,900px);padding-top:8px}.hero{padding:25px 21px;border-radius:24px}.content{padding:23px 19px;border-radius:23px}.policy-nav{grid-template-columns:1fr 1fr}.legal-top{padding:0 4px}}
