/* policy.css — Coreare Trust Privacy (glass card, no external fonts) */

/* ===== CSS Vars ===== */
:root{
  --bg-1: #0b0f14;
  --bg-2: #121924;
  --acc-1: #5af2d6;   /* teal glow */
  --acc-2: #8ea6ff;   /* blue glow */
  --text: #e7eef8;
  --muted: #9fb0c6;
  --link: #9fd7ff;
  --card-max: 900px;  /* cambia qui la larghezza della scheda */
  --radius-xl: 20px;
}

/* ===== Base ===== */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font: 500 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(1200px 800px at 10% -10%, rgba(90,242,214,0.12), transparent 60%),
    radial-gradient(1000px 700px at 110% 10%, rgba(142,166,255,0.10), transparent 55%),
    linear-gradient(180deg, var(--bg-1), var(--bg-2));
}

/* ===== Decorative “edges” (no interaction) ===== */
.edge{position:fixed;inset:auto;pointer-events:none;z-index:0;opacity:.6}
.edge--top{top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
.edge--bottom{bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}
.edge--left{top:0;bottom:0;left:-1px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05),transparent)}
.edge--right{top:0;bottom:0;right:-1px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05),transparent)}

/* ===== Wrapper & Sections ===== */
.wrap{
  min-height:100svh;
  display:block;
  padding:32px 20px 48px;
  position:relative;
  z-index:1;
}

/* Header allineato alla card */
.header{
  width:min(var(--card-max), 100%);
  margin:0 auto 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:8px 6px;
}
.h1{
  margin:0;
  font-weight:800;
  letter-spacing:.2px;
  line-height:1.2;
  font-size:clamp(26px, 4vw, 36px);
  background:linear-gradient(135deg, #fff, #cfe7ff 45%, #9fd7ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 2px 16px rgba(159,215,255,.18));
}
.muted{color:var(--muted);font-size:14px}

/* ===== Glass Card ===== */
.card{
  width:min(var(--card-max), 100%);
  margin:12px auto 28px;
  padding:28px clamp(18px, 3.6vw, 30px);
  border-radius:var(--radius-xl);
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow:
    0 12px 28px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(120,160,255,.04);
}

/* ===== Typography ===== */
.h2{
  margin:26px 0 10px;
  font-size:clamp(18px, 2.5vw, 22px);
  font-weight:750;
  letter-spacing:.2px;
  color:#f2f7ff;
}
p{margin:0 0 14px}
.ul{
  margin:10px 0 14px 0;
  padding-left:20px;
}
.ul li{margin:6px 0}
.pill{
  display:inline-block;
  padding:.2em .55em;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(90,242,214,.18), rgba(142,166,255,.18));
  border:1px solid rgba(255,255,255,.18);
  color:#e9fbff;
  font-size:.85em;
  vertical-align:baseline;
}

/* Links */
a.link{
  color:var(--link);
  text-decoration:none;
  border-bottom:1px dashed rgba(159,215,255,.45);
}
a.link:hover{border-bottom-color:rgba(159,215,255,.85)}

/* Footer */
.footer{
  width:min(var(--card-max), 100%);
  margin:6px auto 0;
  padding:10px 6px 0;
  color:var(--muted);
  font-size:13px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.06);
}

/* ===== Responsive tweaks ===== */
@media (max-width: 520px){
  .card{padding:22px 16px;border-radius:16px}
  .header{padding:6px 2px}
}

/* ===== Focus states ===== */
:focus-visible{
  outline:2px solid rgba(159,215,255,.7);
  outline-offset:2px;
  border-radius:6px;
}