:root{--navy:#03082e;--blue:#1a3aff;--electric:#2e7fff;--cyan:#00d4ff;--white:#f0f4ff;--glass:rgba(255,255,255,.06);--glass-b:rgba(255,255,255,.12);--muted:rgba(240,244,255,.58)}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);font-family:'Exo 2',sans-serif}a{color:var(--cyan)}nav{position:sticky;top:0;z-index:1000;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;background:rgba(3,8,46,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--glass-b)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}.brand img{width:32px;height:32px;border-radius:8px}.navlinks{display:flex;gap:8px;align-items:center}.navlinks a{color:rgba(240,244,255,.65);text-decoration:none;padding:8px 12px;border-radius:8px;font-size:.85rem}.cta{background:linear-gradient(135deg,var(--blue),var(--electric));color:white!important;border-radius:999px!important;padding:10px 20px!important;font-weight:700}.wrap{max-width:1200px;margin:auto;padding:70px 24px}.hero{text-align:center;margin:20px auto 50px;max-width:800px}.hero .tag{font-family:'Space Mono',monospace;color:var(--cyan);font-size:.7rem;letter-spacing:.14em}.hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.05;margin:14px 0;background:linear-gradient(90deg,#fff,var(--cyan),var(--electric));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--muted);line-height:1.75}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.card{background:var(--glass);border:1px solid var(--glass-b);border-radius:20px;overflow:hidden}.card img{width:100%;height:auto;object-fit:contain;display:block;background:#03082e}.cardbody{padding:22px}.meta{font-family:'Space Mono',monospace;color:var(--cyan);font-size:.64rem}.card h2 a{color:#fff;text-decoration:none}.card p{color:var(--muted);line-height:1.65}.empty{padding:45px;text-align:center;border:1px dashed var(--glass-b);border-radius:18px;color:var(--muted)}footer{border-top:1px solid var(--glass-b);padding:26px 40px;display:flex;justify-content:space-between;flex-wrap:wrap;color:rgba(240,244,255,.35);font-size:.75rem}.article{max-width:880px;margin:auto;padding:65px 22px}.article-head{text-align:center;margin-bottom:35px}.article-head h1{font-size:clamp(2.3rem,6vw,4rem);line-height:1.08}.featured{width:100%;max-height:520px;object-fit:cover;border-radius:22px;border:1px solid var(--glass-b);margin:10px 0 34px}.content{font-size:1.03rem;line-height:1.85;color:rgba(240,244,255,.84)}.content h2,.content h3,.content h4{color:white}.content img{max-width:100%;height:auto;border-radius:14px}.appbox{margin:55px 0;padding:30px;border-radius:22px;background:linear-gradient(135deg,rgba(26,58,255,.17),rgba(0,212,255,.05));border:1px solid rgba(46,127,255,.25);text-align:center}.buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.store{color:white;text-decoration:none;border:1px solid var(--glass-b);padding:12px 18px;border-radius:12px;background:rgba(255,255,255,.06)}@media(max-width:700px){nav{padding:13px 16px}.navlinks a:not(.cta){display:none}.wrap{padding:45px 14px}.article{padding:45px 15px}footer{padding:24px 18px;flex-direction:column;text-align:center}}
.content .align-left{text-align:left}
.content .align-center{text-align:center}
.content .align-right{text-align:right}
.content .dfp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--electric));color:#fff!important;text-decoration:none;font-weight:700;box-shadow:0 8px 24px rgba(46,127,255,.22);margin:8px 4px 8px 0}
.content .dfp-btn.secondary{background:rgba(255,255,255,.07);border:1px solid var(--glass-b);box-shadow:none}
.content .dfp-btn:hover{filter:brightness(1.08)}

.nav-dropdown{position:relative}
.nav-dropbtn{display:flex;align-items:center;gap:6px;cursor:pointer}
.nav-dropbtn::after{content:"▾";font-size:.72rem;opacity:.75}
.nav-dropdown-menu{
  position:absolute;top:calc(100% + 8px);left:0;min-width:170px;
  padding:7px;background:rgba(5,11,36,.98);border:1px solid var(--glass-b);
  border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:.18s ease;z-index:1200
}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1;visibility:visible;transform:translateY(0)
}
.nav-dropdown-menu a{display:block!important;white-space:nowrap}
@media(max-width:700px){
  .nav-dropdown{display:none}
}