/* Stu's News — Template 1: Tactical Broadcast
   Fonts: Oswald (headers) + Montserrat (body)
   Palette: near-black, steel gray, neon green, alert red, muted gold
*/

:root{
  --bg-main:#0a0d12;
  --bg-panel:#11141d;
  --bg-soft:#1a1f2a;
  --text:#fff;
  --text-dim:#8b90a4;
  --green:#43ff64;
  --red:#ff2f2f;
  --gold:#d1b868;
  --b-soft:rgba(255,255,255,.08);
  --b-hard:rgba(255,255,255,.16);
  --radius-lg:14px;
  --radius-md:8px;
  --maxw:1200px;
  --shadow:0 20px 60px rgba(0,0,0,.8);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg-main);
  color:var(--text);
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed; inset:0;
  background-image:repeating-linear-gradient(rgba(255,255,255,.03) 0px, rgba(255,255,255,0) 2px, rgba(0,0,0,0) 3px);
  opacity:.07; pointer-events:none; z-index:0;
}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-999px}
.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:.5rem 1rem;border-radius:6px;z-index:9999}
.container{width:min(100%,var(--maxw));margin:0 auto;padding:0 20px;position:relative;z-index:1}

/* Header / Nav */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(10,13,18,.8);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--b-soft);
}
.nav{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:16px 0}
.brand-title{
  font-family:'Oswald',Impact,sans-serif;font-weight:700;letter-spacing:.06em;font-size:1.3rem
}
.brand-sub{
  font-family:'Oswald',Impact,sans-serif;color:var(--green);letter-spacing:.08em;font-size:.7rem
}
.menu{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-family:'Oswald',Impact,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.menu a{color:#fff;padding:6px 0;border-bottom:2px solid transparent}
.menu a.active,.menu a:hover{border-bottom:2px solid var(--green);color:var(--green)}
.search-btn,.hamburger,.btn{
  background:transparent;border:1px solid var(--b-hard);color:#fff;
  font-family:'Oswald',Impact,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;padding:10px 12px;border-radius:var(--radius-md);line-height:1
}
.btn-ghost{border:1px solid var(--b-soft);color:var(--text-dim)}
.btn-red{border-color:var(--red);color:var(--red)}
.btn-red:hover{background:var(--red);color:#000}
.btn-block{width:100%;text-align:center}
.hamburger{display:none}
@media(max-width:900px){.menu{display:none}.hamburger{display:block}.mobile-drawer{display:block}}

/* Mobile drawer */
.mobile-drawer{
  position:fixed; inset:0 0 0 auto; width:78vw; max-width:320px;
  background:var(--bg-panel); box-shadow:var(--shadow); border-left:1px solid var(--b-soft);
  transform:translateX(100%); transition:transform .25s ease; padding:20px; z-index:100; display:none
}
.mobile-drawer.open{transform: translateX(0) !important; display: block !important;}
.mobile-menu{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.mobile-menu a{color:#fff;font-family:'Oswald',Impact,sans-serif;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-left:3px solid transparent;padding-left:8px}
.mobile-menu a:hover{border-left-color:var(--green);color:var(--green)}

/* Hero — Transmission */
.hero--transmission{
  position:relative; padding:3rem 0 3.5rem;
  background:
    radial-gradient(circle at 20% 20%, rgba(67,255,100,.08) 0%, rgba(0,0,0,0) 70%),
    radial-gradient(circle at 80% 10%, rgba(255,47,47,.08) 0%, rgba(0,0,0,0) 70%);
}
.scanline{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 2px, rgba(255,255,255,.03) 2px 3px);opacity:.06;pointer-events:none}
.hero-wrap{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:1000px){.hero-wrap{grid-template-columns:1.2fr .9fr}}

.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}
.tag{
  font-family:'Oswald',Impact,sans-serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  border-radius:8px;padding:6px 8px;border:1px solid var(--b-hard);background:var(--bg-panel);color:#fff;line-height:1.2
}
.tag-green{border-color:var(--green);color:var(--green)}
.tag-red{border-color:var(--red);color:var(--red)}
.tag-dark{border-color:var(--b-soft);color:var(--text-dim)}

.hero-head{margin:0 0 .6rem;font-family:'Oswald',Impact,sans-serif;font-weight:700;letter-spacing:.06em;font-size:clamp(2rem,2.6vw,2.6rem)}
.hero-sub{display:block;color:var(--green);font-size:.8rem;font-weight:500;letter-spacing:.08em;margin-top:.35rem;text-transform:uppercase}

.mission-panel{
  background:var(--bg-panel);border:1px solid var(--b-hard);border-radius:14px;padding:1rem;box-shadow:var(--shadow)
}
.mission-head{font-family:'Oswald',Impact,sans-serif;color:var(--gold);letter-spacing:.08em;font-size:.85rem;text-transform:uppercase;margin-bottom:.25rem}
.mission-body{margin:.4rem 0 1rem;color:#fff}
.mission-bullets{margin:0;padding-left:1.2rem;font-family:'Oswald',Impact,sans-serif;color:var(--text-dim);text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}
.mission-bullets li{margin:.4rem 0}

.collage-frame{background:var(--bg-panel);border:1px solid var(--b-hard);border-radius:14px;padding:1rem;box-shadow:var(--shadow)}
.collage-grid{
  display:grid;gap:.8rem;grid-template-columns:1fr 1fr;background:var(--bg-soft);border:1px solid var(--b-soft);border-radius:10px;padding:.8rem
}
.c-box{border:1px solid var(--b-hard);border-radius:8px;padding:.75rem;text-transform:uppercase;font-family:'Oswald',Impact,sans-serif;letter-spacing:.06em;font-size:.75rem;line-height:1.4}
.c-green{background:#0f2414;border-color:var(--green);color:var(--green)}
.c-neutral{background:#0d0f18}
.q-mark{font-size:2rem;line-height:1;font-weight:700}
.q-sub{font-size:.62rem;color:var(--text-dim)}
.c-quote{grid-column:span 2;background:#1a1f2a}
.c-alert{background:#1a0000;border-color:var(--red);color:var(--red)}
.c-gold{grid-column:span 2;border-color:var(--gold);color:var(--gold);text-align:center}

/* Video section */
.section-dark{background:var(--bg-panel);border-top:1px solid var(--b-soft);border-bottom:1px solid var(--b-soft);padding:2.8rem 0;box-shadow:var(--shadow)}
.section-head{margin-bottom:1rem}
.section-title{margin:0;font-family:'Oswald',Impact,sans-serif;font-weight:600;font-size:1.3rem;letter-spacing:.08em;color:var(--green);text-transform:uppercase}
.sub-label{font-size:.7rem;color:var(--text-dim);font-family:'Oswald',Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}

.video-shell{background:var(--bg-soft);border:1px solid var(--b-hard);border-radius:14px;box-shadow:var(--shadow);padding:1rem}
.welcome-video{width:100%;display:block;border-radius:8px;border:1px solid var(--b-soft);background:#000}
.video-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:.7rem}

/* Cards */
.cards{display:grid;gap:20px;grid-template-columns:repeat(12,1fr);margin-top:1.2rem}
.card{
  grid-column:span 12;background:var(--bg-soft);border:1px solid var(--b-hard);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column
}
@media(min-width:700px){.card{grid-column:span 6}}
@media(min-width:1024px){.card{grid-column:span 4}}
.card-media{aspect-ratio:16/9;background:#000;border-bottom:1px solid var(--b-hard)}
.card-media img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:1rem 1rem 1.2rem}
.badge{display:inline-block;background:#0f2414;border:1px solid var(--green);color:var(--green);font-family:'Oswald',Impact,sans-serif;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:4px 6px;line-height:1.2}
.card-title{margin:.7rem 0 .5rem;font-family:'Oswald',Impact,sans-serif;color:#fff;font-size:1.05rem;letter-spacing:.04em}
.card-excerpt{color:var(--text-dim);font-size:.85rem;line-height:1.5}
.card-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}

/* CTA */
.cta-box{
  margin-top:1.4rem;background:var(--bg-soft);border:1px solid var(--b-hard);border-radius:14px;box-shadow:var(--shadow);
  padding:1.2rem;display:flex;flex-direction:column;gap:1rem
}
@media(min-width:700px){.cta-box{flex-direction:row;justify-content:space-between;align-items:flex-start}}
.cta-head{color:var(--red);font-family:'Oswald',Impact,sans-serif;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}
.cta-text{color:#fff;font-size:.85rem;line-height:1.5;max-width:520px}
.cta-form{display:flex;flex-wrap:wrap;gap:.75rem}
.cta-form input[type="email"]{flex:1;min-width:220px;background:#000;border:1px solid var(--b-hard);color:#fff;border-radius:8px;padding:.75rem .75rem;font-size:.85rem}

/* Footer */
.site-footer{background:var(--bg-main);border-top:1px solid var(--b-soft);padding:2rem 0 3rem;margin-top:3rem;box-shadow:0 -20px 60px rgba(0,0,0,.8)}
.footer-grid{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:900px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}
.footer-title{font-family:'Oswald',Impact,sans-serif;font-size:1rem;color:var(--green);letter-spacing:.08em;text-transform:uppercase}
.footer-text{font-size:.85rem;color:#fff;margin:1rem 0;line-height:1.6}
.footer-meta{color:var(--text-dim);font-size:.72rem;font-family:'Oswald',Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.footer-col-head{font-family:'Oswald',Impact,sans-serif;font-size:.72rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}
.social a{display:block;color:#fff;font-size:.85rem;line-height:1.5}
.social a:hover{color:var(--green)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--text-dim);font-size:.72rem;font-family:'Oswald',Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}

/* Search modal */
.search-dialog{border:none;padding:0;max-width:800px;width:90%;background:transparent}
.search-dialog::backdrop{background:rgba(0,0,0,.8)}
.search-shell{background:var(--bg-panel);border:1px solid var(--b-hard);border-radius:14px;box-shadow:var(--shadow);padding:1rem}
.search-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.search-title{font-family:'Oswald',Impact,sans-serif;font-size:1rem;color:var(--green);letter-spacing:.08em;text-transform:uppercase}
.search-shell input[type="search"]{width:100%;background:#000;border:1px solid var(--b-hard);border-radius:8px;color:#fff;padding:.75rem;font-size:.85rem;font-family:'Montserrat',system-ui,sans-serif;margin-top:1rem}
#searchResults{margin-top:1.2rem}

.hero-right .collage-grid .c-box .panel-video{width:100%;height:auto;display:block;border-radius:12px;aspect-ratio:16/9}


/* Single-container video sizing in hero-right */
.hero-right .panel-video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  aspect-ratio: 16/9;
}


/* === Orbitron font for pills === */
.tag, .pill {
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.welcome-poster{width:100%;height:auto;display:block;border-radius:12px}

.video-preview{width:100%;height:auto;display:block;border-radius:12px;object-fit:cover;}


/* Pills font styling */
.tag, .pill, .badge {
  font-family: 'Orbitron', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.video-card-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:10px}

.video-card-img{width:100%;height:auto;display:block;object-fit:cover;border-radius:10px}


/* === Announcement Banner === */
.announce-bar{
  width:100%;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(2px);
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.announce-bar .container{
  padding: 14px 16px;
}
.announce-text{
  margin: 0;
  line-height: 1.5;
  font-size: 0.95rem;
  color: #E5E7EB; /* neutral-200 */
}
@media (max-width: 640px){
  .announce-text{ font-size: 0.9rem; }
}


/* Footer links two-column layout */
footer .links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
footer .links-grid .footer-links{list-style:none;margin:0;padding:0}
footer .links-grid .footer-links li{margin:4px 0}
footer .links-grid .footer-links a{text-decoration:none}
@media (max-width:640px){
  footer .links-grid{grid-template-columns:1fr}
}


/* Footer links two-column layout (final) */
footer .links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
footer .links-grid .footer-links{list-style:none;margin:0;padding:0}
footer .links-grid .footer-links li{margin:4px 0}
footer .links-grid .footer-links a{text-decoration:none}
@media (max-width:640px){footer .links-grid{grid-template-columns:1fr}}


/* Ensure hero pills green */
.tag-green {
  background-color: #0f5132 !important;
  border-color: #0f5132 !important;
  color: #d1fae5 !important;
}


/* Announcement banner: larger and roomier */
.announce-bar .container{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.announce-text{
  font-size: 1.35rem !important;
  line-height: 1.9rem !important;
}
@media (max-width: 768px){
  .announce-bar .container{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .announce-text{
    font-size: 1.1rem !important;
    line-height: 1.6rem !important;
  }
}


/* Fluorescent green pill style (hero + videos) */
.tag, .pill, .video-pill {
  background-color: #000 !important;
  border: 1px solid #00ff88 !important;
  color: #00ff88 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 9999px;
  display: inline-block;
}
/* Add slight glow */
.tag:hover, .pill:hover, .video-pill:hover {
  box-shadow: 0 0 10px #00ff88;
  color: #00ff88;
}


/* Ensure video card excerpts are readable */
.card-excerpt{
  margin-top: 8px;
  font-size: 0.95rem;
  line-height: 1.4rem;
  opacity: 0.9;
}


/* Contact email green-on-black pill */
a[href^="mailto:stueym333@gmail.com"].tag-green {
  background-color: #000 !important;
  border: 1px solid #00ff88 !important;
  color: #00ff88 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 9999px;
  display: inline-block;
  transition: box-shadow 0.2s ease;
}
a[href^="mailto:stueym333@gmail.com"].tag-green:hover {
  box-shadow: 0 0 10px #00ff88;
  color: #00ff88;
}


/* Contact Me heading green */
h2, h3, h1 {
  text-transform: uppercase;
}
h2:contains("CONTACT ME"), h3:contains("CONTACT ME"), h1:contains("CONTACT ME") {
  color: #00ff88 !important;
}


/* Force override Contact Me heading color to fluorescent green */
#contact, .contact, .contact-section h2, .contact-section h3, .contact-section h1,
h2.section-title.text-red, .text-red.section-title, .text-red {
  color: #00ff88 !important;
}


/* Force CONTACT ME heading (cta-head within contact section) to fluorescent green */
.page--broadcast .section-dark .cta-box .cta-left .cta-head{
  color:#00ff88 !important;
}


/* Ensure active nav gets underline even if theme misses it on subpages */
header nav a.active,
header .nav a[aria-current="page"]{
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.no-scroll{ overflow:hidden; }


/* --- Drawer visibility normalization (final override) --- */
.mobile-drawer { display: none; }
.mobile-drawer.open { display: block !important; transform: translateX(0) !important; }


/* burger-fix-v9 visibility + layering */
body.drawer-open .mobile-drawer { display:block !important; transform: translateX(0) !important; }
.mobile-drawer.open { display:block !important; transform: translateX(0) !important; }
.mobile-drawer { z-index: 1000 !important; }
.no-scroll { overflow:hidden; }


/* burger-fix-v11: visible hamburger feedback */
#hamburger{ cursor:pointer; }
#hamburger.is-active,
#hamburger[aria-expanded="true"]{
  color:#00ff88 !important;
  text-shadow: 0 0 8px #00ff88;
}


/* burger-fix-v13: readable drawer background + close support */
.mobile-drawer{ background-color: rgba(0,0,0,0.95); }
.mobile-drawer.open{ display:block !important; transform: translateX(0) !important; }


/* burger-fix-v14: solid drawer background + header-consistent links */
.mobile-drawer{
  background-color: #000 !important;  /* solid black */
  color: inherit;                      /* inherit site text color */
}
.mobile-drawer a{
  color: inherit;                      /* match header link color */
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.mobile-drawer a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}



/* burger-fix-v15: neon green drawer links */
.mobile-drawer{
  background-color:#000 !important;
  text-align:center;
  padding:60px 0;
}
.mobile-drawer a{
  color:#00ff88 !important;
  font-weight:600;
  text-decoration:none;
  display:block;
  padding:12px 0;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.mobile-drawer a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}


/* burger-fix-v16: solid drawer background + visible close button */
.mobile-drawer{
  background-color:#000 !important;
  position: relative;
  z-index: 1000;
}
.mobile-drawer .drawer-close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border-radius:9999px;
  border:1px solid #00ff88;
  background: rgba(0,0,0,0.6);
  color:#00ff88;
  font-size:20px;
  line-height:34px;
  cursor:pointer;
}
.mobile-drawer .drawer-close:hover{
  box-shadow:0 0 8px #00ff88;
}


/* Force Orbitron on announcement bar */
.announce-bar,
.announce-bar .announce-text{
  font-family: 'Orbitron', sans-serif !important;
  letter-spacing: 0.5px;
}



/* Center text in the announcement section */
.announce-bar,
.announce-bar .announce-text {
    text-align: center !important;
}


/* Align video to bottom of its container without changing layout or size */
.hero.hero--transmission .hero-right {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}


/* Hero social icons - solid black pill buttons */
.hero.hero--transmission .hero-right .hero-social {
  display:flex;
  justify-content:flex-end;
  gap:14px;
  margin-bottom:10px;
}
.hero.hero--transmission .hero-right .hero-social .pill-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:28px;
  background:#000;
  border-radius:9999px;
  border:1.5px solid #00ff88;
  transition:all .2s ease-in-out;
}
.hero.hero--transmission .hero-right .hero-social .pill-icon:hover {
  box-shadow:0 0 8px #00ff88;
  transform:translateY(-1px);
}
.hero.hero--transmission .hero-right .hero-social .icon {
  width:20px;
  height:20px;
}


/* Hero social icons - solid pill with official SVGs */
.hero.hero--transmission .hero-right .hero-social{display:flex;justify-content:flex-end;gap:14px;margin-bottom:10px;}
.hero.hero--transmission .hero-right .hero-social .pill-icon{display:flex;align-items:center;justify-content:center;width:46px;height:28px;background:#000;border-radius:9999px;border:1.5px solid #00ff88;transition:all .2s ease-in-out;}
.hero.hero--transmission .hero-right .hero-social .pill-icon:hover{box-shadow:0 0 8px #00ff88;transform:translateY(-1px);}
.hero.hero--transmission .hero-right .hero-social .icon{width:20px;height:20px;display:block;}
.hero.hero--transmission .hero-right .hero-social .icon *:not([fill="none"]){fill:#00ff88 !important;}
.hero.hero--transmission .hero-right .hero-social .icon *[stroke]:not([stroke="none"]){stroke:#00ff88 !important;}


/* Slightly move hero video down by 2px */
.hero.hero--transmission .hero-right video,
.hero.hero--transmission .hero-right .video-container {
  position: relative;
  top: 2px;
}


/* === Frens ThanQ's section (single column, aligned) === */
.frens-container{
  max-width: var(--container-width, 1200px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
/* Fallback styling if hero-textbox used */
.hero-textbox{
  background: rgba(0,0,0,0.4);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 14px 16px;
}
.section.section-dark .hero-textbox p{ margin:0; }


/* === Frens ThanQ's section theming === */
.section-dark.frens-section{
  /* Match hero-section-esque dark backdrop */
  background: rgba(0,0,0,0.6);
  padding-top: 24px;
  padding-bottom: 28px;
}

/* Keep single column, aligned */
.frens-container{
  max-width: var(--container-width, 1200px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

/* Green-bordered cards (matching theme) */
.section-dark .frens-card{
  background: rgba(0,0,0,0.35);
  border: 1.5px solid #00ff88;
  border-radius: 12px;
  padding: 14px 16px;
}

/* Ensure inner text inherits site fonts/colors */
.section-dark .frens-card p{ margin:0; }


/* Match Frens ThanQ's section background to hero */
.section-dark.frens-section{
  background:
    radial-gradient(circle at 20% 20%, rgba(67,255,100,.08) 0%, rgba(0,0,0,0) 70%),
    radial-gradient(circle at 80% 10%, rgba(255,47,47,.08) 0%, rgba(0,0,0,0) 70%);
}


/* About page emoji bar */
.about-emojis{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
}
.about-emojis .emoji{
  font-size: 1.85rem;   /* ~1.8x size */
  line-height: 1;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla", sans-serif;
  /* prevent accidental monochrome overrides */
  color: inherit;
}


/* === Contact page restyle: green pill button grid === */
.contact-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}
@media (min-width: 720px){
  .contact-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.contact-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 9999px;
  background: #000;
  border: 1.5px solid #00ff88;
  color: #00ff88;
  text-decoration: none;
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.contact-pill:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 10px rgba(0,255,136,.6);
  background: #040404;
}
.contact-pill:active{
  transform: translateY(0);
}

/* === Donate page: options grid and buttons === */
.donation-options{
  margin: 36px auto 24px;
  max-width: 900px;
  text-align: center;
}
.donate-title{
  font-family: 'Orbitron', sans-serif;
  color: #00ff88;
  margin-bottom: 16px;
  font-size: 1.6rem;
}
.donation-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.donation-card{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(0,255,136,0.2);
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}
.donation-card h3{
  margin: 0 0 8px;
  font-weight: 600;
}
.donation-card p{
  color: #ccc;
  margin: 0 0 12px;
}
.btn-donate{
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background: #00ff88;
  color: #0b0f12;
  font-weight: 600;
  text-decoration: none;
  transition: transform .08s ease, box-shadow .2s ease;
  box-shadow: 0 6px 18px rgba(0,255,136,0.25);
}
.btn-donate:hover{ transform: translateY(-1px); }
.btn-donate:active{ transform: translateY(0); }

.crypto-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: left;
}
.crypto-item{
  display: grid;
  grid-template-columns: 110px 1fr auto;
  gap: 10px;
  align-items: center;
}
.crypto-name{
  font-weight: 600;
  color: #9fecc6;
}
.crypto-address{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  background: rgba(255,255,255,0.04);
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid rgba(0,255,136,0.18);
  overflow-wrap: anywhere;
}
.copy-btn{
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(0,255,136,0.12);
  color: #00ff88;
  border: 1px solid rgba(0,255,136,0.35);
  cursor: pointer;
  font-weight: 600;
}
.copy-btn:hover{ background: rgba(0,255,136,0.2); }
.copy-btn:disabled{ opacity: .7; cursor: default; }