/* Terms and Privacy: the same tokens as the landing page and the app (everypass/web/css/public.css). */
:root{color-scheme:light;--bg:#fcfaf1;--surface:#ffffff;--surface-2:#f4f5fb;--line:#e0e2ee;--line-2:#cacdde;--edge:#d5d8e8;
  --text:#202343;--muted:#575b77;--primary:#d44214;--accent:#008466;--honey:#fec92f;--honey-edge:#dd9314;
  --display:'Fredoka',system-ui,sans-serif;--body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.7}
a{color:var(--primary);font-weight:700}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}
header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:2px solid var(--line)}
.bar{max-width:1140px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand img{width:36px;height:36px}
.brand .word{font-family:var(--display);font-weight:600;font-size:1.2rem;letter-spacing:.06em}
.brand .word b{font-weight:600;color:var(--primary)}
.back{text-decoration:none;color:var(--muted);font-weight:700;font-size:15px}
.legal{max-width:760px;margin:0 auto;padding:36px 20px 64px}
.legal h1{font-family:var(--display);font-size:clamp(34px,6vw,48px);font-weight:600;line-height:1.1}
.legal h2{font-family:var(--display);font-size:24px;font-weight:600;margin:34px 0 6px;line-height:1.2}
.legal h3{font-size:17px;font-weight:800;margin:18px 0 2px}
.legal p,.legal li{font-size:16.5px}
.legal p{margin:10px 0}
.legal ul{margin:8px 0 8px 22px}
.legal li{margin:4px 0}
.meta{color:var(--muted);font-weight:700;margin-top:6px}
.short{background:var(--surface);border:2px solid var(--line);border-left:6px solid var(--honey);border-radius:18px;padding:16px 20px;margin:22px 0;box-shadow:0 4px 0 var(--edge)}
.short ul{margin-top:6px}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px;line-height:1.5}
th,td{text-align:left;padding:9px 10px;border-bottom:2px solid var(--line);vertical-align:top}
th{background:var(--surface-2);font-weight:800}
footer{border-top:2px solid var(--line);padding:26px 20px 40px;text-align:center;color:var(--muted);font-weight:700;font-size:14.5px}
footer a{margin:0 8px;color:var(--muted)}
/* The app's daylight paper (everypass/web/css/paper.css, "doodles"): grain, faint doodles, two soft pools of light. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.13 0 0 0 0 0.14 0 0 0 0 0.27 0.11 0 0 0 -.03'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cpath transform='translate%2862 70%29 rotate%288%29 scale%281.0%29' d='M0 -10Q1.6 -1.6 10 0Q1.6 1.6 0 10Q-1.6 1.6 -10 0Q-1.6 -1.6 0 -10Z' fill='%23f5a300' opacity='0.36'/%3E%3Ccircle cx='212' cy='42' r='6' fill='none' stroke='%230f9d7a' stroke-width='3' opacity='0.2'/%3E%3Cpath transform='translate%28352 96%29 rotate%2835%29 scale%281%29' d='M0 -9C7 -5 7 5 0 9C-7 5 -7 -5 0 -9Z' fill='%230f9d7a' opacity='0.2'/%3E%3Ccircle cx='462' cy='58' r='3.2' fill='%23e8552b' opacity='0.24'/%3E%3Ccircle cx='471' cy='65' r='2.2' fill='%23e8552b' opacity='0.19'/%3E%3Ccircle cx='132' cy='182' r='2.6' fill='%232b8fe0' opacity='0.26'/%3E%3Cpath transform='translate%28282 204%29 rotate%28-14%29 translate%28-10 -6.5%29' d='M2 0H18A2 2 0 0 1 20 2V4.5A2 2 0 0 0 20 8.5V11A2 2 0 0 1 18 13H2A2 2 0 0 1 0 11V8.5A2 2 0 0 0 0 4.5V2A2 2 0 0 1 2 0Z' fill='%23e8552b' opacity='0.16'/%3E%3Cpath transform='translate%28432 214%29 rotate%28-6%29 scale%280.6%29' d='M0 -10Q1.6 -1.6 10 0Q1.6 1.6 0 10Q-1.6 1.6 -10 0Q-1.6 -1.6 0 -10Z' fill='%23e8552b' opacity='0.24'/%3E%3Cpath transform='translate%2852 304%29 rotate%28-30%29 scale%281%29' d='M0 -9C7 -5 7 5 0 9C-7 5 -7 -5 0 -9Z' fill='%23f5a300' opacity='0.22'/%3E%3Cg fill='%238fa2d6' opacity='0.2' transform='translate%28186 330%29 scale%281%29'%3E%3Ccircle r='6'/%3E%3Ccircle cx='8' cy='-4' r='8'/%3E%3Ccircle cx='17' r='6'/%3E%3Crect y='-2' width='17' height='8' rx='4'/%3E%3C/g%3E%3Cpath transform='translate%28362 322%29' d='M-1.8 -7h3.6v5.2h5.2v3.6h-5.2v5.2h-3.6v-5.2h-5.2v-3.6h5.2Z' fill='%232b8fe0' stroke='%232b8fe0' stroke-width='1.2' stroke-linejoin='round' opacity='0.22'/%3E%3Ccircle cx='482' cy='362' r='2.4' fill='%230f9d7a' opacity='0.24'/%3E%3Cpath transform='translate%28102 444%29 rotate%2814%29 scale%280.7%29' d='M0 -10Q1.6 -1.6 10 0Q1.6 1.6 0 10Q-1.6 1.6 -10 0Q-1.6 -1.6 0 -10Z' fill='%23f5a300' opacity='0.3'/%3E%3Cpath transform='translate%28252 458%29 rotate%2870%29 scale%280.85%29' d='M0 -9C7 -5 7 5 0 9C-7 5 -7 -5 0 -9Z' fill='%230f9d7a' opacity='0.18'/%3E%3Cg fill='%238fa2d6' opacity='0.18' transform='translate%28392 448%29 scale%280.8%29'%3E%3Ccircle r='6'/%3E%3Ccircle cx='8' cy='-4' r='8'/%3E%3Ccircle cx='17' r='6'/%3E%3Crect y='-2' width='17' height='8' rx='4'/%3E%3C/g%3E%3Cpath transform='translate%2830 192%29 rotate%280%29 scale%280.42%29' d='M0 -10Q1.6 -1.6 10 0Q1.6 1.6 0 10Q-1.6 1.6 -10 0Q-1.6 -1.6 0 -10Z' fill='%23e8552b' opacity='0.22'/%3E%3C/svg%3E"),radial-gradient(85% 90% at 6% -14%, rgba(255, 196, 120, .26), transparent 62%),radial-gradient(70% 85% at 104% 110%, rgba(255, 110, 140, .09), transparent 62%);
  background-size:180px 180px,520px 520px,100% 100%,100% 100%;background-repeat:repeat,repeat,no-repeat,no-repeat}

/* Public privacy contact form. */
.privacy-form{margin-top:18px;display:grid;gap:9px;background:var(--surface);padding:22px;border:2px solid var(--line);border-radius:18px;box-shadow:0 4px 0 var(--edge)}
.privacy-form label{font-size:15px;font-weight:800;margin-top:6px}
.optional,.form-help{font-size:14px;color:var(--muted);font-weight:600}
.privacy-form input,.privacy-form select,.privacy-form textarea{max-width:100%;width:100%;font:600 16px var(--body);padding:11px 12px;border:2px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--text)}
.privacy-form textarea{resize:vertical}
.privacy-form button{justify-self:start;min-height:46px;font:600 17px var(--display);padding:10px 18px;border:2px solid #992f10;border-radius:12px;background:var(--primary);color:white;cursor:pointer;box-shadow:0 3px 0 #992f10}
.privacy-form button:disabled{opacity:.7;cursor:wait}
.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-status:empty{display:none}
.form-status{font-weight:800}
.form-status[data-state="error"]{color:#a82323}
.form-status[data-state="success"]{color:#00684f}
#privacy-request{scroll-margin-top:100px}
@media(max-width:480px){.bar{padding:12px 14px;gap:10px}.brand{gap:7px}.brand .word{font-size:1rem}.back{font-size:13px}.privacy-form{padding:16px}.optional{display:block}}
