.homepage-page{min-height:100vh}.homepage-shell{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:70px 28px}.homepage-hero{text-align:center;padding:80px 15px 90px}.homepage-hero .eyebrow,.homepage-about .eyebrow{color:#60a5fa;font-weight:900;letter-spacing:.18em}.homepage-hero h1{max-width:1000px;margin:14px auto;font-size:clamp(3rem,8vw,7.6rem);line-height:.88;letter-spacing:-.055em}.homepage-hero>p:not(.eyebrow){max-width:720px;margin:25px auto;color:#cbd5e1;font-size:clamp(1rem,2vw,1.35rem)}.homepage-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.homepage-actions a{display:inline-flex;padding:15px 22px;border-radius:10px;font-weight:900;text-decoration:none}.homepage-actions .primary{background:linear-gradient(110deg,#ff3038,#ec268f,#168cff);color:white}.homepage-actions .secondary{border:1px solid #334155;background:#111827;color:white}.homepage-about{text-align:center;padding:46px;max-width:900px;margin:0 auto 30px}.homepage-about h2,.homepage-card h2{font-size:clamp(1.5rem,3vw,2.3rem)}.homepage-about>p:last-child,.homepage-card p{color:#cbd5e1;line-height:1.7}.homepage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.homepage-card{overflow:hidden;padding:0}.homepage-card img,.homepage-image-placeholder{width:100%;height:260px;object-fit:cover;background:linear-gradient(135deg,#111827,#172554);display:grid;place-items:center;font-size:5rem;color:#60a5fa}.homepage-card>div:last-child{padding:24px}.homepage-loading{text-align:center;padding:50px}@media(max-width:850px){.homepage-grid{grid-template-columns:1fr}.homepage-shell{padding:35px 16px}.homepage-hero{padding:55px 5px}.homepage-about{padding:28px}}

/* HOMEPAGE COIN BACKDROP V1 */
.homepage-hero{position:relative;isolation:isolate;overflow:visible}
.homepage-hero::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(92vw,920px);aspect-ratio:1/1;transform:translate(-50%,-50%);background:url("/assets/homepage-coin.jpeg?v=1") center/contain no-repeat;opacity:.16;filter:saturate(.9) brightness(.78);pointer-events:none}
@media(max-width:700px){.homepage-hero::before{width:112vw;opacity:.12}}

/* HOMEPAGE COIN ANIMATION V1 */
.homepage-hero::before{animation:homepageCoinBreath 14s ease-in-out infinite;will-change:transform,opacity,filter}
@keyframes homepageCoinBreath{0%,100%{transform:translate(-50%,-50%) scale(.985) rotate(-.35deg);opacity:.22;filter:saturate(.94) brightness(.84) drop-shadow(0 0 18px rgba(32,105,255,.10))}50%{transform:translate(-50%,-50%) scale(1.02) rotate(.35deg);opacity:.29;filter:saturate(1.08) brightness(.96) drop-shadow(0 0 34px rgba(255,35,105,.14))}}
@media(prefers-reduced-motion:reduce){.homepage-hero::before{animation:none;transform:translate(-50%,-50%);opacity:.16}}
.homepage-text-list,.homepage-media-list{display:grid;gap:20px;margin-top:20px}.homepage-text{padding:34px}.homepage-text h2,.homepage-media h2{font-size:clamp(1.5rem,3vw,2.3rem);margin-top:0}.homepage-text p,.homepage-media p{color:#cbd5e1;line-height:1.75;white-space:pre-wrap}.homepage-media{overflow:hidden;padding:0}.homepage-media>div{padding:30px}.homepage-media video{display:block;width:100%;max-height:680px;background:#000}.media-button{display:inline-flex;margin-top:12px;padding:14px 20px;border-radius:10px;background:linear-gradient(110deg,#ff3038,#ec268f,#168cff);color:#fff;text-decoration:none;font-weight:900}

/* HOMEPAGE CARD PARTNER LINKS V1 */
.homepage-card-link {
  display: inline-flex;
  margin-top: 14px;
  padding: 12px 17px;
  border-radius: 9px;
  background: linear-gradient(110deg, #ff3038, #ec268f, #168cff);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}
.homepage-card-link:hover { filter: brightness(1.12); }
/* DEINE 60 SEKUNDEN HOMEPAGE */
.homepage-page {
  min-height: 100vh;
}

.homepage-shell {
  max-width: 1460px;
  padding: 46px 30px 84px;
}

.homepage-hero {
  min-height: min(720px, calc(100vh - 120px));
  display: grid;
  align-content: center;
  justify-items: start;
  text-align: left;
  padding: clamp(52px, 8vw, 120px) min(7vw, 96px);
  margin: 0 0 26px;
  border: 1px solid rgba(248, 201, 74, .35);
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 51% 34%, rgba(248,201,74,.30) 0 7%, transparent 18%),
    radial-gradient(circle at 51% 34%, rgba(8,124,255,.22) 0 18%, transparent 33%),
    linear-gradient(105deg, rgba(1,5,13,.94) 0 34%, rgba(2,7,19,.62) 48%, rgba(1,5,13,.88) 100%),
    radial-gradient(circle at 20% 70%, rgba(248,201,74,.20), transparent 30%);
  box-shadow: 0 34px 110px rgba(0,0,0,.66), inset 0 0 120px rgba(8,124,255,.10);
}

.homepage-hero::before {
  content: "60";
  z-index: 0;
  left: 53%;
  top: 39%;
  width: auto;
  aspect-ratio: auto;
  transform: translate(-50%, -50%);
  background: none;
  opacity: .92;
  color: #ffc84c;
  font-size: clamp(9rem, 19vw, 18rem);
  font-weight: 950;
  letter-spacing: -.09em;
  line-height: 1;
  text-shadow:
    0 0 12px rgba(255,231,140,.72),
    0 0 42px rgba(248,201,74,.64),
    0 0 80px rgba(8,124,255,.30);
  filter: none;
  animation: showSixtyPulse 5.6s ease-in-out infinite;
}

.homepage-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(72deg, transparent 0 40%, rgba(8,124,255,.36) 48%, transparent 56%),
    linear-gradient(106deg, transparent 0 42%, rgba(248,201,74,.30) 49%, transparent 57%),
    radial-gradient(circle at 50% 62%, rgba(248,201,74,.34) 0 1px, transparent 2px);
  background-size: 100% 100%, 100% 100%, 36px 36px;
  mix-blend-mode: screen;
  opacity: .58;
}

.homepage-hero > * {
  position: relative;
  z-index: 1;
}

.homepage-hero .eyebrow {
  margin: 0 0 8px;
  color: #80dcff;
  font-size: clamp(1.6rem, 4.6vw, 4.7rem);
  line-height: .8;
  letter-spacing: -.035em;
  font-weight: 950;
  text-shadow: 0 0 22px rgba(8,124,255,.74), 0 3px 0 rgba(0,0,0,.44);
  transform: skew(-10deg) rotate(-5deg);
}

.homepage-hero h1 {
  max-width: 640px;
  margin: 0;
  color: #ffd86a;
  font-size: clamp(4.4rem, 12vw, 11.6rem);
  line-height: .72;
  letter-spacing: -.075em;
  text-transform: uppercase;
  text-shadow:
    0 2px 0 #6b3607,
    0 0 14px rgba(255,236,157,.72),
    0 0 46px rgba(248,201,74,.52);
}

.homepage-hero > p:not(.eyebrow) {
  max-width: 520px;
  margin: 28px 0 0;
  color: #fff8e6;
  font-size: clamp(1.05rem, 1.9vw, 1.42rem);
  line-height: 1.42;
  text-shadow: 0 2px 18px rgba(0,0,0,.70);
}

.homepage-actions {
  justify-content: flex-start;
  width: min(470px, 100%);
  margin-top: 28px;
}

.homepage-actions a {
  width: 100%;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 24px;
  border-radius: 10px;
  letter-spacing: .06em;
}
.homepage-actions a::after {
  content: "→";
  font-size: 1.4em;
}

.homepage-actions .secondary {
  color: var(--show-gold);
  border: 1px solid rgba(248,201,74,.72);
  background: rgba(1,5,13,.54);
}

.homepage-about,
.homepage-card,
.homepage-text,
.homepage-media {
  border-radius: 18px;
}

.homepage-about {
  max-width: none;
  margin: 0 0 20px;
  padding: 32px 42px;
  text-align: center;
}

.homepage-about h2,
.homepage-card h2,
.homepage-text h2,
.homepage-media h2 {
  color: var(--show-gold);
  text-transform: uppercase;
  letter-spacing: .045em;
  text-shadow: 0 0 18px rgba(248,201,74,.24);
}

.homepage-about > p:last-child,
.homepage-card p,
.homepage-text p,
.homepage-media p {
  color: #e8e2d5;
}

.homepage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.homepage-card {
  border-color: rgba(248,201,74,.38);
}

.homepage-card img,
.homepage-image-placeholder {
  height: 230px;
  color: var(--show-gold);
  background:
    radial-gradient(circle at 50% 42%, rgba(248,201,74,.28), transparent 26%),
    linear-gradient(135deg, rgba(6,25,64,.88), rgba(1,5,13,.96));
}

@keyframes showSixtyPulse {
  0%, 100% { transform: translate(-50%, -50%) scale(.985); opacity: .84; }
  50% { transform: translate(-50%, -50%) scale(1.025); opacity: 1; }
}

@media (max-width: 900px) {
  .homepage-shell { padding: 22px 14px 58px; }
  .homepage-hero {
    min-height: 660px;
    padding: 56px 22px;
    border-radius: 20px;
    justify-items: center;
    text-align: center;
  }
  .homepage-hero::before {
    left: 50%;
    top: 28%;
    font-size: clamp(7rem, 30vw, 12rem);
    opacity: .38;
  }
  .homepage-hero .eyebrow {
    transform: skew(-10deg) rotate(-3deg);
  }
  .homepage-actions {
    justify-content: center;
  }
  .homepage-grid {
    grid-template-columns: 1fr;
  }
}

/* DEINE 60 SEKUNDEN HOMEPAGE BRAND-ASSETS V2 */
.homepage-hero {
  min-height: min(760px, calc(100vh - 110px));
  align-content: end;
  background:
    linear-gradient(90deg, rgba(1,5,13,.90) 0 28%, rgba(1,5,13,.20) 50%, rgba(1,5,13,.88) 100%),
    linear-gradient(180deg, rgba(1,5,13,.10), rgba(1,5,13,.84) 74%, rgba(1,5,13,.96)),
    url("/theme/assets/deine60-bg.jpg?v=20260810") center / cover no-repeat;
}

.homepage-hero::before {
  content: "";
  left: 50%;
  top: 43%;
  width: min(86vw, 980px);
  aspect-ratio: 16 / 9;
  background: url("/theme/assets/deine60-logo.png?v=20260810") center / contain no-repeat;
  opacity: 1;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 30px rgba(8,186,255,.42)) drop-shadow(0 0 38px rgba(248,201,74,.42));
  animation: deine60LogoBreath 6s ease-in-out infinite;
}

.homepage-hero .eyebrow,
.homepage-hero h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.homepage-hero > p:not(.eyebrow) {
  margin-top: min(45vh, 360px);
  max-width: 620px;
  padding: 14px 18px;
  border: 1px solid rgba(248,201,74,.32);
  border-radius: 14px;
  background: rgba(1,5,13,.56);
  backdrop-filter: blur(10px);
}

@keyframes deine60LogoBreath {
  0%, 100% { transform: translate(-50%, -50%) scale(.985) rotate(-.4deg); }
  50% { transform: translate(-50%, -50%) scale(1.025) rotate(.25deg); }
}

@media (max-width: 900px) {
  .homepage-hero {
    min-height: 680px;
    align-content: end;
  }
  .homepage-hero::before {
    top: 36%;
    width: 104vw;
  }
  .homepage-hero > p:not(.eyebrow) {
    margin-top: 320px;
  }
}


/* BEGIN HOMEPAGE TIKTOK LIVE CARD V1 */
.homepage-live-card{position:relative}.homepage-live-image-link{display:block;position:relative;color:inherit;text-decoration:none}.homepage-live-image-link img,.homepage-live-image-link .homepage-image-placeholder{transition:transform .22s ease,filter .22s ease}.homepage-live-image-link:hover img,.homepage-live-image-link:hover .homepage-image-placeholder{transform:scale(1.025);filter:brightness(1.15) saturate(1.15)}.homepage-live-click-hint{position:absolute;right:14px;bottom:14px;border:1px solid rgba(250,204,21,.72);border-radius:999px;background:rgba(3,7,18,.78);color:#fde68a;font-size:.78rem;font-weight:900;letter-spacing:.08em;padding:7px 10px;text-transform:uppercase}.homepage-live-status{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 12px;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(15,23,42,.72);color:#e5e7eb;padding:9px 12px}.homepage-live-status span{width:10px;height:10px;border-radius:999px;background:#94a3b8;box-shadow:0 0 14px rgba(148,163,184,.55)}.homepage-live-status strong{font-size:.88rem}.homepage-live-status small{color:#94a3b8;font-weight:800}.homepage-live-status.online{border-color:rgba(34,197,94,.62);color:#dcfce7}.homepage-live-status.online span{background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.85);animation:homepageLivePulse 1.15s ease-in-out infinite}.homepage-live-status.offline span{background:#ef4444;box-shadow:0 0 14px rgba(239,68,68,.58)}.homepage-live-status.checking span,.homepage-live-status.unknown span{background:#facc15;box-shadow:0 0 14px rgba(250,204,21,.58)}@keyframes homepageLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.62}}
/* END HOMEPAGE TIKTOK LIVE CARD V1 */