:root{
  --bg:#071019;
  --glass: rgba(255,255,255,0.04);
  --accent: #35d27f;
  --accent-2: #ff7a18;
  --muted: #9aa9b2;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;color:#e6f0f2;background:linear-gradient(180deg,#05060a, #071019)}
.loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--bg);z-index:9999}
.spinner{width:72px;height:72px;border-radius:50%;border:6px solid rgba(255,255,255,0.06);border-top-color:var(--accent);animation:spin 1s linear infinite}
.loader-text{margin-top:12px;color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}
.glass{backdrop-filter:blur(6px) saturate(120%);background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.04);padding:12px;border-radius:12px}
header{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;position:sticky;top:12px;margin:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:56px;height:56px;object-fit:contain}
#navbar{display:flex;gap:12px}
.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#041017;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}
.btn.mobile{display:none}
.hero{min-height:48vh;background-image:linear-gradient(180deg,rgba(0,0,0,0.25),rgba(0,0,0,0.45));display:flex;align-items:center;justify-content:center;padding:40px;background-size:cover}
.hero-inner{max-width:980px;text-align:center;padding:40px}
.download-buttons{display:flex;gap:12px;justify-content:center;margin-top:18px}
.cards{display:flex;gap:12px;flex-wrap:wrap;padding:24px}
.card{flex:1 1 180px;padding:18px;border-radius:12px}
.panel{padding:24px}
.download-list{display:flex;gap:12px;flex-wrap:wrap}
.guide{flex:1 1 320px;padding:12px}
.code{background:#041017;color:#bfead3;padding:12px;border-radius:8px;overflow:auto}
.socials{display:flex;gap:8px;flex-wrap:wrap}
footer{padding:18px 32px;margin-top:24px}
#particles{position:fixed;inset:0;z-index:0}
#main{position:relative;z-index:5}
#site-header,#site-footer{z-index:10}
.toast{position:fixed;right:18px;bottom:18px;background:#0f1720;color:white;padding:12px;border-radius:8px;display:none}

@media(max-width:800px){.btn.mobile{display:inline-block}.brand img{width:44px;height:44px}#navbar{display:none}}

/* subtle glow */
.glass{box-shadow:0 6px 30px rgba(53,210,127,0.06),0 2px 8px rgba(255,122,24,0.03)}