/* privacy, terms, report, not found: glass.css first (fonts, the room, the material), then this small layout */
.top { position: relative; z-index: 2; display: flex; align-items: center; max-width: 760px; margin: 12px auto 0; padding: 8px 14px 8px 10px; border-radius: 999px; background: linear-gradient(160deg, rgba(255,255,255,.64), rgba(255,244,238,.4)); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); box-shadow: 0 26px 50px -26px rgba(96,38,20,.5), inset 0 1px 0 rgba(255,255,255,.85); }
main { position: relative; z-index: 1; max-width: 760px; margin: 16px auto 60px; padding: 40px 38px; border-radius: 26px; background: linear-gradient(160deg, rgba(255,255,255,.72), rgba(255,244,238,.5)); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); box-shadow: 0 26px 50px -26px rgba(96,38,20,.5), inset 0 1px 0 rgba(255,255,255,.85); }
h1 { font-size: 38px; letter-spacing: -.035em; line-height: 1.1; margin: 0 0 10px; }
h2 { font-size: 19px; margin: 28px 0 6px; }
p, li { color: var(--text); line-height: 1.6; }
ul { padding-left: 20px; }
main a { color: var(--accent-2); }
.mu { color: var(--dim); font-size: 14px; }
.in { width: 100%; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.8); border: 0; box-shadow: inset 0 0 0 1px rgba(34,22,15,.12); outline: 0; color: var(--ink); font: inherit; }
textarea.in { min-height: 120px; resize: vertical; }
.lang-nl { display: none; } html[lang=nl] .lang-nl { display: block; } html[lang=nl] .lang-en { display: none; }
@media (max-width: 640px) { .top { margin: 10px 12px 0; } main { margin: 12px 12px 40px; padding: 28px 22px; } h1 { font-size: 30px; } }