/* Finova — shared light theme for native app pages (Explore / Launch / Analytics / Docs) */
:root{
  --bg:#eef3fb;--surface:#ffffff;--card:#ffffff;--card-2:#f4f7fd;
  --text:#16244e;--muted:#55638a;--faint:#8a97b8;--line:#d9e2f1;--line-2:#e7edf7;
  --accent:#2447c2;--accent-2:#3d6fe6;--accent-soft:#eaf0fe;--good:#159a56;--radius:20px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;color:var(--text);background:var(--bg);
  background-image:radial-gradient(1200px 700px at 50% -12%,#f8fbff 0%,#eef3fb 52%,#e6edf8 100%);
  background-attachment:fixed;
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px 90px}

/* ---- top navbar (matches homepage) ---- */
.fnav-wrap{position:sticky;top:0;z-index:50;display:flex;justify-content:center;padding:14px 16px;pointer-events:none}
.fnav{display:flex;align-items:center;gap:1.25rem;width:100%;max-width:1120px;pointer-events:auto;
  padding:.5rem .55rem .5rem 1.15rem;border-radius:999px;
  background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(16px) saturate(1.35);backdrop-filter:blur(16px) saturate(1.35);
  border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 34px -16px rgba(20,36,78,.25)}
.fnav__brand{display:flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:.12em;font-size:1.02rem;color:#16244e}
.fnav__brand img{width:26px;height:26px}
.fnav__links{display:flex;gap:1.7rem;margin:0 auto;font-size:.92rem;font-weight:600}
.fnav__links a{color:#51608a;transition:color .15s}
.fnav__links a:hover,.fnav__links a.active{color:#16244e}
.fnav__right{display:flex;align-items:center;gap:.5rem}
.fnav__x{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#51608a;transition:.15s}
.fnav__x:hover{color:#16244e;background:rgba(20,36,78,.06)}
.fnav__cta{background:#2447c2;color:#fff;font-weight:600;font-size:.9rem;padding:.6rem 1.15rem;border-radius:999px;transition:background .15s;border:0;cursor:pointer}
.fnav__cta:hover{background:#1b379e}
@media (max-width:760px){.fnav__links{display:none}.fnav{gap:.5rem}}

/* ---- headings ---- */
.page-head{padding:18px 0 10px}
.page-h1{font-size:clamp(2.3rem,5vw,3.4rem);font-weight:800;letter-spacing:-.01em;margin:.1em 0 .18em}
.page-sub{color:var(--muted);max-width:660px;margin:0;font-size:1.02rem}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:600;
  font-size:.92rem;padding:.62rem 1.15rem;cursor:pointer;border:1px solid transparent;transition:.15s;font-family:inherit}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1b379e}
.btn-ghost{background:rgba(255,255,255,.7);color:var(--text);border-color:var(--line)}
.btn-ghost:hover{background:#fff;border-color:var(--accent)}

/* ---- cards ---- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 14px 40px -24px rgba(20,36,78,.28)}

/* ---- pills / segmented ---- */
.seg{display:inline-flex;background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:4px}
.seg button{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:.85rem;padding:.45rem .9rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:.15s}
.seg button.active{background:#fff;color:var(--text);box-shadow:0 2px 8px -3px rgba(20,36,78,.2)}

/* ---- inputs ---- */
.inp{width:100%;background:var(--card-2);border:1px solid var(--line);border-radius:14px;padding:.75rem 1rem .75rem 2.4rem;
  color:var(--text);font-size:.95rem;font-family:inherit;outline:none}
.inp::placeholder{color:var(--faint)}
.inp:focus{border-color:var(--accent);background:#fff}

/* ---- connect-wallet modal ---- */
.wl-ov{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;
  background:rgba(20,30,60,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.wl-ov.open{display:flex}
.wl{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:24px;
  box-shadow:0 30px 70px -30px rgba(20,36,78,.5);overflow:hidden}
.wl__head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 6px}
.wl__title{font-size:1.15rem;font-weight:700;color:var(--text);max-width:16em}
.wl__x{width:34px;height:34px;border-radius:50%;border:0;background:var(--card-2);color:var(--muted);cursor:pointer;font-size:1rem;flex:none}
.wl__x:hover{background:#e7edf7;color:var(--text)}
.wl__list{padding:10px 12px 18px}
.wl__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px;border-radius:14px;border:0;background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:.12s}
.wl__item:hover{background:var(--accent-soft)}
.wl__item img{width:34px;height:34px;border-radius:9px;flex:none}
.wl__name{font-weight:600;color:var(--text);flex:1}
.wl__badge{font-size:.8rem;font-weight:600;color:var(--accent)}
.wl__badge.muted{color:var(--faint)}