/* Beer Can Island Stage - Base Stylesheet */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{overflow-x:hidden;max-width:100vw;}
body{font-family:'Lato','Segoe UI',Arial,sans-serif;color:#333;background:#fff;}
img{max-width:100%;height:auto;display:block;}

/* ============================================
   GLOBAL LINK & HOVER EFFECTS
   ============================================ */

/* All links - smooth transition base */
a{
  text-decoration:none;
  transition:color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease, transform .15s ease, box-shadow .2s ease;
}

/* Nav links hover */
nav a:not(.njoin):hover{
  color:#1a7aaa!important;
  background:rgba(26,122,170,.08)!important;
  border-radius:5px;
}

/* Login/Join button hover */
nav a.njoin:hover,
a.njoin:hover{
  background:#0b3d5e!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(11,61,94,.3);
}

/* Gold/primary buttons (btn-gold, .btn-primary) */
a.btn-gold:hover,
a[style*="background:#c8a84b"]:hover,
a[style*="background: #c8a84b"]:hover{
  opacity:.88;
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(200,168,75,.4);
}

/* Blue buttons */
a[style*="background:#1a7aaa"]:hover,
a[style*="background: #1a7aaa"]:hover{
  opacity:.88;
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(26,122,170,.35);
}

/* Dark navy buttons */
a[style*="background:#0b2233"]:hover,
a[style*="background: #0b2233"]:hover{
  opacity:.88;
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(11,34,51,.35);
}

/* Ghost/outline buttons (btn-ghost, Request a Share style) */
a.btn-ghost:hover,
a[style*="border:2px solid #0b2233"]:hover{
  background:#0b2233!important;
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(11,34,51,.2);
}

/* Gold outline buttons */
a[style*="border:2px solid #c8a84b"]:hover,
a[style*="border: 2px solid #c8a84b"]:hover{
  background:#c8a84b!important;
  color:#000!important;
  transform:translateY(-2px);
}

/* Footer links hover */
footer a:hover{
  color:#fff!important;
  text-decoration:underline;
}

/* General text links in content */
.content a:hover,
section p a:hover,
section a:not([style*="background"]):not(.njoin):hover{
  color:#1a7aaa;
  text-decoration:underline;
}

/* Card hover lift */
.tier-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(0,0,0,.15);
}

/* News/media cards */
a[style*="border-radius:10px"]:hover,
a[style*="border-radius: 10px"]:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* FIX SVG OVERFLOW */
svg{max-width:100%;display:block;}

/* TOPBAR */
.topbar{background:#071420;color:#aaa;font-size:.82rem;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;width:100%;box-sizing:border-box;overflow:hidden;}
.topbar a{color:#aaa;transition:color .2s;}
.topbar a:hover{color:#fff!important;}

/* HEADER */
header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box;}
.header-main{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-sizing:border-box;}
.logo-wrap img{height:60px;width:60px;border-radius:50%;object-fit:cover;transition:transform .2s;}
.logo-wrap img:hover{transform:scale(1.05);}

/* PRICING CARDS */
.tier-card{transition:transform .2s,box-shadow .2s;}
.tier-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.15);}

/* FOOTER */
footer{width:100%;}
footer a{color:#c8a84b;transition:color .2s;}
footer a:hover{color:#fff!important;text-decoration:none;}

/* FORMS */
input,select,textarea,button{font-family:inherit;}
button{cursor:pointer;transition:opacity .2s,transform .15s;}
button:hover{opacity:.9;}

/* RESPONSIVE */
@media(max-width:900px){
  .header-main{padding:10px 16px;}
  nav a{padding:6px 8px;font-size:.8rem;}
}
@media(max-width:600px){
  .topbar{font-size:.75rem;padding:6px 16px;}
}