:root{
  --bg:#ffffff;
  --panel:#ffffff;
  --border:#000000;
  --text:#000000;
}
body{
  background: var(--bg);
  color: var(--text);
}
.muted{ color: #000000 !important; }
a{ color: #000000 !important; }


:root{
  --bg:#ffffff;
  --panel:#ffffff;
  --border:#000000;
  --text:#000000;
}
body{
  background: var(--bg);
  color: var(--text);
}
.muted{ color: #000000 !important; }
a{ color: #000000 !important; }


:root{
  --bg: #ffffff;
  --panel: #ffffff;
  --border: #000000;
  --text: #000000;
}
body{
  background: var(--bg);
  color: var(--text);
}
.muted{ color: #000000 !important; }
a{ color: #000000 !important; }


:root{
  --bg:#ffffff;
  --panel:#ffffff;
  --border:#000000;
  --text:#000000;
}
body{
  background:#ffffff !important;
  color:#000000 !important;
}
*{ color:#000000; }
a{ color:#000000; }



body{ background: var(--bg); color: var(--text); }
.muted{ color: var(--muted) !important; }
a{ color: var(--text); }


body{
  background: radial-gradient(1200px 600px at 18% 10%, rgba(77,163,255,.22) 0%, rgba(7,10,16,0) 55%),
              radial-gradient(900px 500px at 80% 25%, rgba(43,108,176,.18) 0%, rgba(7,10,16,0) 60%),
              linear-gradient(180deg, #05070c 0%, var(--bg) 100%);
  color: var(--text);
}
.muted{ color: var(--muted) !important; }
a{ color: var(--text); }




*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;}
body{background:radial-gradient(1000px 600px at 20% -10%, rgba(124,92,255,.25), transparent 60%),
               radial-gradient(900px 600px at 90% 0%, rgba(20,184,166,.18), transparent 60%),
               var(--bg);
     color:var(--text);}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.free-statement{margin:0;padding:10px 12px;text-align:center;font-size:.95rem;color:#d7e5ff;background:rgba(255,255,255,.04);border-bottom:1px solid var(--border)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(11,15,23,.72);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.topbar .wrap{display:flex;align-items:center;gap:14px;padding:12px 16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.logo{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(124,92,255,.95), rgba(20,184,166,.85));box-shadow:0 10px 30px rgba(0,0,0,.3)}
.btxt{font-size:1.05rem}
.topnav{flex:1;overflow:auto}
.navlinks{display:flex;gap:8px;align-items:center;min-width:max-content}
.navbtn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.04);color:#e9f2ff;font-weight:700;font-size:.9rem;white-space:nowrap}
.navbtn:hover{background:rgba(255,255,255,.08)}
.page{padding:18px 0 40px}
.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:16px 0 4px}
.hero-sub{display:block;color:var(--muted);font-weight:650;font-size:1.05rem;margin-top:8px}
.muted{color:var(--muted)}
.featureCard{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:18px;padding:14px}
.featureLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .85rem;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.05);font-weight:800}
.btn:hover{background:rgba(255,255,255,.10)}
.btn.primary{background:linear-gradient(135deg, rgba(124,92,255,.9), rgba(20,184,166,.75));border-color:transparent}
.btn.primary:hover{opacity:.93}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.search{width:100%;padding:.75rem .9rem;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);outline:none}
.search::placeholder{color:rgba(232,240,255,.55)}
.grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}
@media (max-width: 980px){.grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 640px){.grid{grid-template-columns:1fr;}.topbar .wrap{flex-wrap:wrap}.topnav{width:100%}}
.card{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:18px;padding:12px}
.card h3{margin:0 0 8px;font-size:1.05rem;line-height:1.2}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:.88rem;padding:.35rem .55rem;border:1px solid var(--border);border-radius:999px;color:#d9e7ff;background:rgba(255,255,255,.04)}
.card .actions{display:flex;gap:10px;align-items:center;margin-top:10px}
.small{font-size:.9rem}
.iconRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}
@media (max-width: 900px){.iconRow{grid-template-columns:repeat(2,minmax(0,1fr));}}
.iconCard{display:block;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:18px;padding:12px}
.iconCard span{font-size:1.35rem}
.iconCard small{display:block;margin-top:6px}
.footer{border-top:1px solid var(--border);padding:22px 0 34px;color:#cfe0ff;background:rgba(255,255,255,.02)}
.footgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}
@media (max-width:760px){.footgrid{grid-template-columns:1fr}}
.footlist{margin:10px 0 0;padding-left:18px}
.modalBack{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:18px;z-index:1000}
.modal{max-width:560px;width:100%;background:#0c1220;border:1px solid var(--border);border-radius:18px;padding:14px}
.modal h3{margin:0 0 10px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.formgrid{grid-template-columns:1fr}}
label{font-size:.9rem;color:#cfe0ff;font-weight:750}
input,select,textarea{width:100%;padding:.7rem .8rem;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);outline:none}
textarea{min-height:90px;resize:vertical}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.right{margin-left:auto}
.notice{border:1px solid rgba(124,92,255,.35);background:rgba(124,92,255,.10);border-radius:14px;padding:10px;color:#e9f2ff}

.ico{width:22px;height:22px;display:block;color:#e9f2ff}
.iconCard .ico{margin-bottom:8px}


/* Sticky payment bar */
.paybar{position:sticky;top:0;z-index:999;background:#0b1220;border-bottom:1px solid rgba(255,255,255,.12)}
.paybar-inner{max-width:1100px;margin:0 auto;padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.paybar-title{color:#fff;font-weight:800;margin-right:6px}
.paybar .btn{white-space:nowrap}






/* --- Phlint-inspired readability + subtle borders --- */
.topbar{
  background: rgba(7,10,16,.55);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(77,163,255,.18);
}
.free-statement{
  color: var(--muted);
}
.navbtn{
  background: rgba(15,23,42,.35);
  border: 1px solid rgba(77,163,255,.14);
  color: var(--text);
}
.navbtn:hover{
  background: rgba(15,23,42,.55);
  border-color: rgba(77,163,255,.28);
}
.featureCard, .card, .iconCard{
  background: rgba(15,23,42,.55);
  border: 1px solid rgba(77,163,255,.16);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
}
.grid > a, .grid > div{
  background: rgba(15,23,42,.50);
  border: 1px solid rgba(183,193,214,.14);
  border-radius: var(--radius);
}
.grid > a:hover, .grid > div:hover{
  border-color: rgba(77,163,255,.30);
  transform: translateY(-1px);
}
.btn{
  background: rgba(15,23,42,.50);
  border: 1px solid rgba(183,193,214,.18);
  color: var(--text);
}
.btn:hover{ border-color: rgba(77,163,255,.35); }
.btn.primary{
  background: linear-gradient(180deg, rgba(77,163,255,1) 0%, rgba(43,108,176,1) 100%);
  border: 1px solid rgba(77,163,255,.35);
  color: #06101f;
  font-weight: 900;
}
.search{
  background: rgba(15,23,42,.45);
  border: 1px solid rgba(183,193,214,.18);
  color: var(--text);
}
.search::placeholder{ color: rgba(183,193,214,.72); }

.brandTitleWrap{ display:flex; align-items:center; gap:10px; }
.brandStack{ display:flex; flex-direction:column; line-height:1.05; }
.brandStack .globalAi{
  font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
  color: rgba(183,193,214,.86);
  font-weight:900;
}
.brandStack .btxt{ font-size:1.08rem; font-weight:950; }
.logoSphere{
  width: 28px; height: 28px; border-radius: 999px;
  box-shadow: 0 16px 30px rgba(77,163,255,.20);
  border: 1px solid rgba(77,163,255,.25);
  background: radial-gradient(circle at 30% 30%, #a9d6ff 0%, #4da3ff 30%, #1a4b8f 65%, #06101f 100%);
}
.topNotices{
  margin: 12px 0 8px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.topNotices small{
  color: rgba(183,193,214,.92);
}
.topNotices a{
  color: var(--accent);
  font-weight: 900;
  text-decoration: none;
}
.topNotices a:hover{ text-decoration: underline; }



.topbar{ background:#fff; border-bottom:1px solid var(--border); }
.navbtn{ background:#fff; border:1px solid var(--border); color:#000; }
.navbtn:hover{ background:#f3f4f6; }
.featureCard,.card,.iconCard{ background:#fff; border:1px solid var(--border); box-shadow: var(--shadow); }
.grid > a, .grid > div{ background:#fff; border:1px solid var(--border); }
.btn{ background:#fff; border:1px solid #000; color:#000; }
.btn:hover{ background:#f3f4f6; }
.btn.primary{ background:#000; color:#fff; border:1px solid #000; }
.search{ background:#fff; border:1px solid var(--border2); color:#000; }
.search::placeholder{ color:#6b7280; }
.logoSphere{ background:#000; border:1px solid #000; box-shadow:none; }
.brandStack .globalAi{ color:#111827; }



.ico{ display:inline-flex; width:16px;height:16px; vertical-align:-3px; margin-right:6px; }
.ico svg{ width:16px;height:16px; fill:#000; }