@import url('/vendor/fonts/fonts.css');

:root { --ink:#161323; --body:#49465a; --muted:#706d81; --paper:#fff; --mist:#f6f4fb; --line:#ded9eb; --violet:#6D28D9; --violet-dark:#452088; --violet-pale:#f0e9ff; --green:#0b8768; }
* { box-sizing:border-box; }
html { color-scheme:light; }
body { margin:0; background:var(--mist); color:var(--ink); font-family:Geist,Arial,sans-serif; line-height:1.62; }
a { color:var(--violet-dark); text-underline-offset:3px; }
a:hover { color:var(--violet); }
.legal-shell { min-height:100vh; background:linear-gradient(180deg,#eee7ff 0, var(--mist) 300px); }
.legal-header { max-width:1100px; margin:0 auto; padding:18px 24px; display:flex; align-items:center; gap:20px; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font-weight:800; letter-spacing:-.02em; }
.brand img { width:auto; height:46px; max-width:210px; object-fit:contain; }
.top-nav { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; font-size:.92rem; font-weight:700; }
.top-nav a { text-decoration:none; }
.top-nav .back { border:1px solid var(--violet); border-radius:7px; padding:7px 11px; background:#fff; }
.legal-main { max-width:850px; margin:28px auto 0; padding:0 24px 64px; }
.legal-card { background:var(--paper); border:1px solid var(--line); border-radius:14px; box-shadow:0 16px 45px rgba(49,27,95,.09); overflow:hidden; }
.legal-title { padding:42px 48px 34px; border-bottom:1px solid var(--line); background:linear-gradient(135deg,#fff 15%,#f5f0ff); }
.eyebrow { margin:0 0 10px; color:var(--violet-dark); font-size:.75rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1,h2 { font-family:Geist,Arial,sans-serif; color:var(--ink); letter-spacing:-.035em; line-height:1.15; }
h1 { margin:0; font-size:clamp(2.15rem,5vw,3.35rem); }
h2 { margin:38px 0 12px; font-size:1.3rem; }
h2:first-child { margin-top:0; }
p,li { font-size:1rem; }
.effective { margin:14px 0 0; color:var(--body); }
.legal-body { padding:36px 48px 48px; }
.legal-body p { margin:0 0 16px; color:var(--body); }
.legal-body ul { margin:0 0 18px; padding-left:22px; color:var(--body); }
.legal-body li + li { margin-top:7px; }
.notice { margin:26px 0; padding:18px 20px; border-left:4px solid var(--violet); border-radius:4px 9px 9px 4px; background:var(--violet-pale); color:#2d1a55; }
.notice strong { color:var(--violet-dark); }
.legal-footer { max-width:1100px; margin:0 auto; padding:0 24px 32px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; color:var(--muted); font-size:.86rem; }
.legal-footer a { color:inherit; }
:focus-visible { outline:3px solid var(--green); outline-offset:3px; }
@media (max-width:640px) { .legal-header { padding:14px 18px; align-items:flex-start; } .brand img { height:38px; max-width:170px; } .top-nav { gap:8px 12px; justify-content:flex-end; font-size:.84rem; } .legal-main { margin-top:10px; padding:0 12px 36px; } .legal-card { border-radius:10px; } .legal-title,.legal-body { padding:28px 22px; } .legal-body { padding-top:27px; } }