/* Love Exchange public pages -- same brand tokens as the Mini App. */
:root{
  --bg:#05070f; --navy:#06152e; --cobalt:#102c5c;
  --accent:#38d3ff; --highlight:#759bff; --ice:#d9f7ff;
  --text:#eaf3ff; --muted:#8fa3c4;
  --glass:rgba(217,247,255,.055); --glass-line:rgba(117,155,255,.22);
  --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(56,211,255,.10), transparent 60%),
    radial-gradient(900px 420px at -10% 15%, rgba(16,44,92,.55), transparent 60%),
    linear-gradient(180deg, var(--navy) 0%, var(--bg) 55%) fixed;
  color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;
  min-height:100vh;
}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}
header.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}
header.brand b{font-size:14px;letter-spacing:.14em;text-transform:uppercase}
header.brand b i{color:var(--accent);font-style:normal}
h1{font-size:clamp(26px,6vw,38px);font-weight:800;letter-spacing:.01em;line-height:1.15;margin-bottom:10px}
h2{font-size:19px;font-weight:700;margin:30px 0 10px;color:var(--ice)}
h3{font-size:15px;font-weight:700;margin:20px 0 6px;color:var(--ice)}
p,li{color:var(--muted);font-size:15px}
p{margin-bottom:12px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:6px}
strong{color:var(--text)}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(56,211,255,.35)}
a:hover{border-bottom-color:var(--accent)}
.lede{font-size:17px;color:var(--ice);margin-bottom:24px}
.card{
  background:var(--glass);border:1px solid var(--glass-line);
  border-radius:var(--radius);padding:20px;margin:18px 0;
}
.card h2{margin-top:0}
.notice{border-left:3px solid var(--accent);padding-left:16px;margin:18px 0}
.notice p:last-child{margin-bottom:0}
.cta{
  display:inline-block;margin-top:8px;padding:13px 24px;border-radius:12px;
  background:linear-gradient(100deg,var(--accent),var(--highlight));
  color:#05070f;font-weight:700;font-size:15px;border-bottom:none;
}
.cta:hover{border-bottom:none;filter:brightness(1.08)}
footer{
  margin-top:44px;padding-top:22px;border-top:1px solid var(--glass-line);
  font-size:13px;color:var(--muted);
}
footer a{margin-right:16px;font-size:13px}
.meta{font-size:13px;color:var(--muted);margin-bottom:22px}
table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:14px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--glass-line);color:var(--muted)}
th{color:var(--ice);font-weight:600}