/* TapMillions · stijl voor juridische pagina's (voorwaarden, privacy, refund) */
:root{--canvas:#050913;--panel:#0b1428;--line:#1a2a4d;--line-strong:#3b63b0;--accent:#2f8fff;--accent-hover:#54a6ff;--accent-hot:#9ad4ff;--text-primary:#eef4ff;--text-secondary:#a7b6d3;--display:"Sora",ui-sans-serif,system-ui,sans-serif;--body:"DM Sans",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--ease:cubic-bezier(.22,.61,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}
.env{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(47,143,255,.18),rgba(47,143,255,0) 70%)}
a{color:var(--accent-hover);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px;border-radius:6px}
.wrap{position:relative;z-index:1;width:min(820px,100% - 32px);margin:0 auto;padding:26px 0 70px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:30px}
.top img{height:38px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(47,143,255,.35))}
.top nav{display:flex;gap:18px;font-size:.9rem;color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end}
.top nav a{color:var(--text-secondary)}
.top nav a[aria-current]{color:var(--text-primary);font-weight:600}
.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-hover)}
h1{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.08;font-size:clamp(1.9rem,5vw,2.9rem);margin:12px 0 10px}
.meta{color:var(--text-secondary);font-size:.95rem;margin:0 0 28px}
.card{padding:26px 28px;border-radius:22px;background:linear-gradient(180deg,rgba(14,26,51,.92),rgba(9,16,33,.94));border:1px solid rgba(59,99,176,.45);box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.card+.card{margin-top:18px}
h2{font-family:var(--display);font-weight:700;letter-spacing:-.015em;font-size:1.25rem;margin:0 0 10px}
h2 span{color:var(--accent-hover);font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;margin-right:10px}
h3{font-family:var(--display);font-weight:700;font-size:1rem;margin:18px 0 6px}
p,ul,ol{margin:0 0 12px;color:var(--text-secondary)}
p strong,li strong{color:var(--text-primary);font-weight:600}
ul,ol{padding-left:22px}
li{margin:4px 0}
.note{margin-top:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(6,12,26,.55);font-size:.93rem}
.note b{color:var(--text-primary)}
dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:6px 18px;margin:0 0 12px;color:var(--text-secondary);font-size:.97rem}
dt{color:var(--text-primary);font-weight:600}
dd{margin:0}
.toc{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 26px;font-size:.9rem}
.toc a{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(11,20,40,.6);color:var(--text-secondary)}
.toc a:hover{border-color:var(--accent-hover);color:var(--text-primary);text-decoration:none}
footer{position:relative;z-index:1;padding:24px 0 40px;border-top:1px solid var(--line)}
footer .wrap{padding:0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
footer nav{display:flex;gap:18px;font-size:.88rem;flex-wrap:wrap}
footer nav a{color:var(--text-secondary)}
footer .copy{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#7d8caa}
@media (max-width:640px){.card{padding:20px 18px;border-radius:18px}dl{grid-template-columns:1fr;gap:2px 0}dt{margin-top:8px}.top nav{gap:12px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}