/* Boostdemy.ink – Custom Styles (keine Preise, keine Tracking-Pixel) */
:root{
  --bd-bg: #050816;
  --bd-card: rgba(255,255,255,.06);
  --bd-border: rgba(255,255,255,.12);
  --bd-text: rgba(255,255,255,.92);
  --bd-muted: rgba(255,255,255,.72);
  --bd-accent: #7c3aed; /* violett */
  --bd-accent2:#22c55e; /* grün */
}

/* Grundtypografie */
html{ font-size:18px; scroll-behavior:smooth; }
body{
  background: radial-gradient(1200px 700px at 20% -10%, rgba(124,58,237,.35), transparent 60%),
              radial-gradient(900px 600px at 90% 20%, rgba(34,197,94,.20), transparent 55%),
              var(--bd-bg);
  color: var(--bd-text);
}

/* Subtile Texturen */
.bd-noise{
  position: relative;
}
.bd-noise::before{
  content:"";
  position:absolute; inset:0;
  background-image:url("img/ai-wave.png");
  opacity:.12;
  pointer-events:none;
  mix-blend-mode:screen;
}

/* Logo-Schriftzug */
.bd-brand{
  letter-spacing:.02em;
}
.bd-gradient{
  background: linear-gradient(90deg, var(--bd-accent), #60a5fa, var(--bd-accent2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* Karten */
.bd-card{
  background: var(--bd-card);
  border: 1px solid var(--bd-border);
  backdrop-filter: blur(10px);
}

/* Parallax */
.parallax{
  background-position:center;
  background-size:cover;
  background-attachment:fixed;
}
.parallax::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(5,8,22,.75), rgba(5,8,22,.35) 55%, rgba(5,8,22,.85));
  pointer-events:none;
}

/* Fokus */
:focus-visible{
  outline: 3px solid rgba(96,165,250,.9);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Modal */
#successModal[aria-hidden="true"]{ display:none; }
#successModal{
  position:fixed; inset:0;
  background: rgba(0,0,0,.65);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:50;
  padding: 1.25rem;
}
.bd-modal{
  max-width: 38rem;
  width: 100%;
}

/* Kleine Animation */
.bd-float{
  animation: bdFloat 6s ease-in-out infinite;
}
@keyframes bdFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-10px); }
}

/* Links */
a.bd-link{
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.18);
}
a.bd-link:hover{
  border-bottom-color: rgba(255,255,255,.55);
}

/* Skip link */
.skip-link{
  position:absolute;
  left:-999px;
  top: 10px;
  background: #111827;
  color:white;
  padding:.6rem .9rem;
  border-radius: .75rem;
  border: 1px solid rgba(255,255,255,.15);
  z-index:60;
}
.skip-link:focus{ left: 10px; }

/* Kleine Badge */
.bd-badge{
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
}

/* Formular: native look */
input, textarea, select{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  color: var(--bd-text);
}
input::placeholder, textarea::placeholder{ color: rgba(255,255,255,.55); }
h1, p, div {
  color: #fff;
  position: relative;
  z-index: 1;
}