/* Focora — privacy page styles · Araf Studio */
:root{
  --bg:#070918; --text:#F5F7FF; --muted:rgba(232,236,255,.68); --faint:rgba(232,236,255,.42);
  --glass:rgba(255,255,255,.075); --stroke:rgba(255,255,255,.14);
  --blue:#2a47d6; --violet:#6b3fc0; --teal:#0f8a80;
  --brand-grad:linear-gradient(90deg,#8CB0FF,#C4A6FF 60%,#FF9EC0);
  --accent:linear-gradient(135deg,#6D9BFF,#8B5CF6);
  --font:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Inter,Carlito,"Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
.stage{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg)}
.orb{position:absolute;border-radius:50%;filter:blur(110px)}
.o1{width:680px;height:560px;left:-220px;top:-200px;background:var(--blue);opacity:.95}
.o2{width:640px;height:540px;left:25%;bottom:-340px;background:var(--teal);opacity:.85}
.o3{width:440px;height:440px;right:-170px;top:12%;background:var(--violet);opacity:.75}
.wrap{max-width:760px;margin:0 auto;padding:56px 20px 40px}
header{display:flex;align-items:center;gap:16px;margin-bottom:34px}
.logo{width:64px;height:64px;border-radius:16px;flex:none;box-shadow:0 10px 30px rgba(109,155,255,.35)}
.name{font-size:38px;font-weight:700;letter-spacing:-1px;line-height:1.05}
.tag{font-size:16px;font-weight:700;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:4px}
h1{font-size:clamp(30px,6vw,46px);letter-spacing:-1.2px;line-height:1.1;margin-bottom:8px}
.updated{color:var(--faint);font-size:14px;margin-bottom:28px}
.card{position:relative;background:var(--glass);border:1px solid var(--stroke);border-radius:24px;padding:26px 28px;margin-bottom:16px;
  -webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);
  box-shadow:0 18px 50px rgba(2,4,20,.45),inset 0 1px 0 rgba(255,255,255,.22)}
.card h2{font-size:20px;letter-spacing:-.3px;margin-bottom:10px}
.card p,.card li{color:var(--muted)}
.card p+p{margin-top:10px}
.card ul{padding-left:0;list-style:none;display:grid;gap:10px}
.card li{position:relative;padding-left:26px}
.card li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(139,92,246,.6)}
.card b{color:var(--text)}
a{color:#a9c1ff;text-underline-offset:3px}
.grad{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
footer{text-align:center;color:var(--faint);font-size:14px;margin-top:30px}
@media(max-width:520px){.wrap{padding:36px 16px 28px}.card{padding:20px 18px;border-radius:20px}.name{font-size:32px}.logo{width:54px;height:54px}}