/* ====== Base ====== */
:root{ --bg:#0b0d14; --card:#111423; --text:#e9ecf3; --muted:#b2b7c5; --brand:#2cf028; }
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:#2ad4ff;text-decoration:none}
.container{width:min(1180px,92%);margin:0 auto}

/* ====== Header (desktop) ====== */
.site-header{position:sticky;top:0;z-index:1000;background:#0b0d14d9;border-bottom:1px solid #1b2136;backdrop-filter:saturate(150%) blur(8px)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0}
.brand{color:#fff;font-weight:800;font-size:1.2rem}
.brand span{color:#2cf028}

/* Horizontal nav */
.nav-desktop ul{list-style:none;display:flex;gap:.25rem;align-items:center;margin:0;padding:0}
.nav-desktop a{display:block;padding:.55rem .9rem;border-radius:.5rem;color:#dfe6ff}
.nav-desktop a:hover{background:#111633}

/* Dropdown (hover) */
.has-dropdown{position:relative}
.has-dropdown .dropdown{
  position:absolute;left:0;top:calc(100% + 8px);
  min-width:200px;background:#0f1220;border:1px solid #1b2136;border-radius:.6rem;
  padding:.35rem 0;display:none;z-index:1100
}
.has-dropdown:hover .dropdown{display:block}
.dropdown a{display:block;padding:.6rem .9rem;color:#cfd6ff}
.dropdown a:hover{background:#1b243a;color:#fff}

/* CTA */
.auth.cta a{background:#2ad4ff;color:#00131a;font-weight:800;border-radius:.6rem}

/* Footer (desktop grid) */
.site-footer{border-top:1px solid #1b2136;margin-top:3rem;padding:3rem 0}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:.35rem 0}
.social-links{display:flex;gap:.6rem}
.social-links a{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#1b1f2e;color:#2cf028}
.social-links a:hover{background:#2cf028;color:#0b0d14}






/* Make "LikePro" brand green exactly #2cf028 */
.brand-likepro { color: #2cf028; }

/* Ensure desktop nav looks right and shows all links */
.nav-desktop .nav-links { list-style:none; display:flex; align-items:center; gap:.6rem; margin:0; padding:0; }
.nav-desktop a { display:block; padding:.55rem .9rem; border-radius:.5rem; color:#dfe6ff; text-decoration:none; }
.nav-desktop a:hover { background:#111633; color:#00ff84; }

/* Dropdowns */
.has-dropdown { position:relative; }
.has-dropdown .dropdown{
  position:absolute; left:0; top:calc(100% + 8px);
  min-width:200px; background:#0f1220; border:1px solid #1b2136; border-radius:.6rem;
  padding:.35rem 0; display:none; z-index:1100;
}
.has-dropdown:hover .dropdown { display:block; }
.has-dropdown .dropdown.right { right:0; left:auto; }
.has-dropdown .dropdown a { padding:.6rem .9rem; color:#cfd6ff; }
.has-dropdown .dropdown a:hover { background:#2cf028; color:#000; }