/* Apps by V — shared styling for content pages (legal, info, guides)
   Matches the premium dark hub theme: Fraunces + Plus Jakarta Sans, champagne gold. */
:root{
  --bg:#0c0a07; --bg-2:#100d09; --card:#16120c; --card-2:#1c1610; --line:#2a2317; --line-2:#36301f;
  --ink:#f6efe1; --ink-2:#c6b89c; --muted:#8a7c62;
  --gold:#e3bd6e; --gold-2:#f3da9a; --gold-deep:#b88f3e;
  --grad-gold:linear-gradient(110deg,#f3da9a 0%,#e3bd6e 48%,#c69a45 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);
  -webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;position:relative;z-index:2}

/* ambient champagne glow */
.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.aurora::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(110px);opacity:.32;
  background:radial-gradient(circle,#caa14e,transparent 70%);top:-240px;right:-140px}
.aurora::after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(110px);opacity:.26;
  background:radial-gradient(circle,#8a6a2c,transparent 70%);bottom:-220px;left:-140px}

/* header */
.appbar{position:sticky;top:0;z-index:30;background:rgba(12,10,7,.72);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.appbar .wrap{max-width:1020px;display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:11px}
.brand img{height:52px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(227,189,110,.25))}
@media(max-width:560px){.brand img{height:44px}}
.appbar .home{font-size:14px;font-weight:600;color:var(--ink-2)}
.appbar .home:hover{color:var(--gold);text-decoration:none}

/* page head */
.phead{padding:56px 0 8px;text-align:center}
.phead .kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
  background:rgba(227,189,110,.07);border:1px solid var(--line-2);border-radius:999px;padding:7px 15px;margin-bottom:18px}
.phead h1{font-family:'Fraunces';font-weight:600;font-size:clamp(30px,6vw,48px);line-height:1.08;margin:0 0 14px;letter-spacing:-.01em}
.phead .sub{color:var(--ink-2);font-size:17px;max-width:600px;margin:0 auto}
.phead .updated{color:var(--muted);font-size:13.5px;margin-top:14px}

/* article body */
.prose{padding:34px 0 20px;font-size:16.5px;color:var(--ink)}
.prose h2{font-family:'Fraunces';font-weight:600;font-size:26px;margin:42px 0 12px;letter-spacing:-.005em;
  padding-top:10px;position:relative}
.prose h2::before{content:"";position:absolute;top:0;left:0;width:34px;height:2px;border-radius:2px;background:var(--grad-gold)}
.prose h3{font-family:'Fraunces';font-weight:600;font-size:20px;margin:28px 0 8px}
.prose p{margin:0 0 16px;color:var(--ink-2)}
.prose strong{color:var(--ink);font-weight:600}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px;color:var(--ink-2)}
.prose li{margin:0 0 9px}
.prose li::marker{color:var(--gold-deep)}
.prose a{font-weight:600}
.prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}

/* callout / step boxes */
.note{background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:14px;padding:16px 20px;margin:22px 0;color:var(--ink-2);font-size:15.5px}
.note b{color:var(--ink)}
.steps{counter-reset:s;list-style:none;padding:0;margin:22px 0}
.steps li{position:relative;padding:2px 0 16px 46px;margin:0;color:var(--ink-2)}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:9px;
  background:var(--grad-gold);color:#2a1f07;font-weight:700;font-size:15px;display:grid;place-items:center;font-family:'Fraunces'}
.steps li b{color:var(--ink)}

/* app CTA card */
.appcta{display:flex;align-items:center;gap:15px;margin:28px 0;padding:18px 20px;text-decoration:none;color:inherit;
  background:linear-gradient(110deg,rgba(227,189,110,.12),rgba(184,143,62,.05));border:1px solid var(--line-2);border-radius:18px;
  box-shadow:0 14px 34px rgba(0,0,0,.3);transition:transform .2s,border-color .2s}
.appcta:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 50%,var(--line));text-decoration:none}
.appcta img{width:52px;height:52px;border-radius:14px;flex:none;background:#fff}
.appcta .tx{flex:1;min-width:0}
.appcta .tx b{font-family:'Fraunces';font-weight:600;font-size:17px;display:block}
.appcta .tx span{font-size:13.5px;color:var(--ink-2)}
.appcta .go{flex:none;background:var(--grad-gold);color:#2a1f07;font-weight:700;font-size:13.5px;padding:10px 17px;border-radius:11px;white-space:nowrap}
@media(max-width:520px){.appcta .go{display:none}}

/* guides grid */
.gcards{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0}
@media(max-width:620px){.gcards{grid-template-columns:1fr}}
.gcard{background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--line);border-radius:18px;padding:22px;
  text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.gcard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gold) 40%,var(--line));text-decoration:none}
.gcard .tag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--gold)}
.gcard h3{font-family:'Fraunces';font-weight:600;font-size:19px;margin:8px 0 8px}
.gcard p{font-size:14px;color:var(--ink-2);margin:0}

/* contact form */
.form{background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--line);border-radius:20px;padding:26px;margin:24px 0}
.form label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin:16px 0 7px}
.form input,.form textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:12px;
  padding:13px 15px;font:inherit;font-size:15px;color:var(--ink);outline:0;transition:border-color .18s,box-shadow .18s}
.form input:focus,.form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(227,189,110,.14)}
.form textarea{min-height:130px;resize:vertical}
.form .btn{margin-top:20px;width:100%;background:var(--grad-gold);color:#2a1f07;font-weight:700;font-size:15.5px;
  padding:15px;border:0;border-radius:13px;cursor:pointer;font-family:inherit;box-shadow:0 10px 30px rgba(227,189,110,.24)}
.form .btn:hover{filter:brightness(1.05)}

/* back link */
.backrow{padding:8px 0 0}
.backrow a{font-size:14px;font-weight:600;color:var(--ink-2)}
.backrow a:hover{color:var(--gold);text-decoration:none}

/* footer */
footer{text-align:center;color:var(--ink-2);font-size:13.5px;padding:48px 0 42px;border-top:1px solid var(--line);margin-top:48px}
footer .fnav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
footer .fnav a{color:var(--ink-2);font-weight:600}
footer .fnav a:hover{color:var(--gold);text-decoration:none}
footer .cr{color:var(--muted)}