/* MyBTC.World Tools — neon cyberpunk polish (lightweight overrides) */
:root{
  --mbw-cyan:#00f7ff;
  --mbw-pink:#ff2fd6;
  --mbw-green:#3cff00;
  --mbw-purple:#7a5cff;
  --mbw-txt:#eaf2ff;
  --mbw-muted:#a8b7d8;
  --mbw-panel: rgba(255,255,255,.05);
  --mbw-border: rgba(255,255,255,.10);
}

html, body{ background:#000 !important; }

body{
  color: var(--mbw-txt);
  background: #000 !important;
}

/* Headings glow */
h1,h2,h3{
  text-shadow: 0 0 18px rgba(0,247,255,.16), 0 0 22px rgba(255,47,214,.12);
}

/* Buttons / links */
a.btn, .btn, button, input[type="submit"]{
  color: var(--mbw-txt) !important;
}
a.btn, .btn, button, input[type="submit"]{
  background: linear-gradient(135deg, rgba(0,247,255,.14), rgba(255,47,214,.12)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 0 0 1px rgba(0,247,255,.14), 0 10px 22px rgba(0,0,0,.45);
  text-shadow: 0 0 10px rgba(0,247,255,.18);
}
a.btn:hover, .btn:hover, button:hover, input[type="submit"]:hover{
  border-color: rgba(0,247,255,.55) !important;
  filter: brightness(1.05);
}

/* Inputs */
input, select, textarea{
  background: rgba(0,0,0,.35) !important;
  color: var(--mbw-txt) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 12px !important;
}
input:focus, select:focus, textarea:focus{
  outline: none !important;
  border-color: rgba(0,247,255,.55) !important;
  box-shadow: 0 0 0 3px rgba(0,247,255,.14) !important;
}

/* Cards/panels */
.card, .panel, .hero, .wrap > div{
  backdrop-filter: blur(10px);
}

/* Prevent accidental dark text on dark buttons */
.btn *, button *{ color: inherit !important; }


/* === Mind-blown panels: brighter readability + animated neon edge === */
.hero, .card, .top{
  background: rgba(6, 8, 14, .88) !important;   /* less transparent, easier reading */
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px;
  position: relative;
  isolation: isolate; /* keep glow from blending into page */
  box-shadow:
    0 0 0 1px rgba(0,247,255,.14),
    0 0 22px rgba(0,247,255,.10),
    0 0 40px rgba(255,47,214,.06);
  animation: mbw_glowPulse 3.2s ease-in-out infinite;
}

/* Keep existing rounded radii if different */
.card{ border-radius: 16px; }
.top{ border-radius: 16px; }

/* Animated neon border ring (doesn't fill the card) */
.hero::before, .card::before, .top::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(
    from 0deg,
    rgba(0,247,255,.95),
    rgba(255,47,214,.95),
    rgba(60,255,0,.92),
    rgba(122,92,255,.92),
    rgba(0,247,255,.95)
  );
  /* Mask out the middle so only the border remains */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
  opacity: .55;
  filter: drop-shadow(0 0 10px rgba(0,247,255,.18)) drop-shadow(0 0 14px rgba(255,47,214,.12));
  pointer-events:none;
  /* spin removed */
  animation: none;
}

/* Soft outer aura */
.hero::after, .card::after, .top::after{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius: inherit;
  background: conic-gradient(
    from 180deg,
    rgba(0,247,255,.30),
    rgba(255,47,214,.22),
    rgba(60,255,0,.20),
    rgba(122,92,255,.18),
    rgba(0,247,255,.30)
  );
  filter: blur(22px);
  opacity: .20;
  pointer-events:none;
  z-index: 0;
  animation: mbw_auraPulse 3.2s ease-in-out infinite;
}

/* Ensure content stays crisp above effects */
.hero > *, .card > *, .top > *{
  position: relative;
  z-index: 1;
}

@keyframes mbw_glowPulse{
  0%,100%{
    box-shadow:
      0 0 0 1px rgba(0,247,255,.14),
      0 0 22px rgba(0,247,255,.10),
      0 0 40px rgba(255,47,214,.06);
  }
  50%{
    box-shadow:
      0 0 0 1px rgba(0,247,255,.22),
      0 0 34px rgba(0,247,255,.16),
      0 0 64px rgba(255,47,214,.10);
  }
}

@keyframes mbw_auraPulse{
  0%,100%{ opacity: .16; }
  50%{ opacity: .26; }
}

/* Mobile performance: reduce heavy glow */
@media (max-width: 640px){
  .hero::after, .card::after, .top::after{ opacity: .12; filter: blur(18px); }
  .hero::before, .card::before, .top::before{ opacity: .42; }
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .hero, .card, .top{ animation: none; }
  .hero::before, .card::before, .top::before{ animation: none; }
  .hero::after, .card::after, .top::after{ animation: none; }
}



/* === SEO content blocks === */
.seo-block{
  margin-top: 16px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(6, 8, 14, .88);
  border: 1px solid rgba(255,255,255,.14);
}
.seo-block p, .seo-block li{ color: var(--mbw-muted); line-height: 1.55; }
.seo-block strong{ color: var(--mbw-txt); }
.seo-grid{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 14px;
}
@media (max-width: 820px){
  .seo-grid{ grid-template-columns: 1fr; }
}
.seo-block .mini-links a{
  display: inline-block;
  margin: 6px 8px 0 0;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  text-decoration: none;
}
.seo-block .mini-links a:hover{ border-color: rgba(0,247,255,.55); }

.breadcrumbs{
  font-size: 13px;
  color: var(--mbw-muted);
  margin: 8px 0 10px;
}
.breadcrumbs a{ color: var(--mbw-cyan); }
.breadcrumbs .sep{ opacity: .7; padding: 0 6px; }

.faq{
  margin: 10px 0 0;
  padding-left: 18px;
}
.faq li{ margin: 8px 0; }