/* Luzzu Mobile — an OPERATOR's own self-care app. It wears the operator's brand,
   not ours: NGAIGE is embedded inside a product the subscriber already has, which
   is the whole point of the channel-independent core. */
:root{
  --a-bg:#0a1420; --a-bg2:#0f1e2e; --a-panel:#16293d; --a-line:rgba(190,220,255,.16);
  --a-ink:#f2f7fc; --a-ink2:#b9cbdd; --a-mut:#7e93a8;
  --a-accent:#ff5c48; --a-accent-ink:#2a0700; --a-accent-dim:rgba(255,92,72,.15);
}
.appbar .mark{background:rgba(255,92,72,.16);border:1px solid rgba(255,92,72,.4)}
.brandwrap{display:flex;flex-direction:column;line-height:1.15}
.acct{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}
.acct .box{background:rgba(255,255,255,.05);border:1px solid var(--a-line);border-radius:17px;padding:15px}
.acct .box .k{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--a-mut);font-weight:700}
.acct .box b{display:block;font-size:19px;font-weight:800;margin-top:8px;letter-spacing:-.02em}
.acct .box span{display:block;color:var(--a-mut);font-size:12px;margin-top:5px}
.ring{width:74px;height:74px;margin:4px auto 0}
.sample{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--a-mut);
  border:1px solid var(--a-line);border-radius:999px;padding:3px 8px;float:right}
.biz{background:linear-gradient(150deg,rgba(255,92,72,.18),rgba(255,255,255,.03));
  border:1px solid rgba(255,92,72,.42);border-radius:var(--a-rl);padding:19px;margin-top:16px}
.byline{text-align:center;color:var(--a-mut);font-size:12px;margin-top:26px;line-height:1.6}
.byline b{color:var(--a-ink2);font-weight:600}