/* Tema: End Şehri. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #0e0a17;
    --bg-alt: #140e21;
    --surface: #1b1330;
    --surface-2: #251a40;
    --text: #efe7ff;
    --muted: #a99bc9;
    --line: #33255a;
    --accent: #c38cff;
    --accent-ink: #1a0b2e;
    --radius: 2px;
    --radius-sm: 2px;
    --hard-shadow: 4px 4px 0 #07050c;
    --fx-color: #e6d4ff;
    --fx-opacity: .6;
    --heading-case: uppercase;
    --font-display: "Silkscreen", ui-monospace, monospace;
}
.hero { background: radial-gradient(ellipse at 50% 120%, #3a1f66 0%, #0e0a17 65%); text-align: center; }
.hero-text { margin-inline: auto; }
.hero-scene .s1 { background: radial-gradient(40% 30% at 25% 30%, rgba(195,140,255,.18), transparent), radial-gradient(35% 25% at 75% 20%, rgba(120,90,255,.16), transparent); animation: t-neb 14s ease-in-out infinite alternate; }
@keyframes t-neb { to { transform: scale(1.15) rotate(3deg); } }
.hero-scene .s2::before { content: ""; position: absolute; left: 50%; bottom: 8%; width: 300px; height: 70px; margin-left: -150px; background: repeating-conic-gradient(#e9e2a8 0 25%, #d8cf8c 0 50%) 0 0 / 12px 12px; clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%); animation: t-float 6s ease-in-out infinite; }
.hero-scene .s3::before, .hero-scene .s3::after { content: ""; position: absolute; left: 10%; top: 26%; width: 120px; height: 34px; background: repeating-conic-gradient(#e9e2a8 0 25%, #d8cf8c 0 50%) 0 0 / 12px 12px; clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); animation: t-float 5s ease-in-out infinite; animation-delay: -2s; }
.hero-scene .s3::after { left: auto; right: 9%; top: 40%; width: 90px; animation-duration: 7s; }
.hero-scene .s4::before, .hero-scene .s4::after { content: ""; position: absolute; left: calc(10% + 36px); top: calc(26% - 56px); width: 6px; height: 6px; margin-bottom: 36px; background: transparent; box-shadow: 18px 0px 0 #a96bff, 12px 6px 0 #a96bff, 18px 6px 0 #d6b3ff, 24px 6px 0 #a96bff, 6px 12px 0 #a96bff, 12px 12px 0 #d6b3ff, 18px 12px 0 #ffffff, 24px 12px 0 #d6b3ff, 30px 12px 0 #a96bff, 0px 18px 0 #a96bff, 6px 18px 0 #d6b3ff, 12px 18px 0 #ffffff, 18px 18px 0 #ffffff, 24px 18px 0 #ffffff, 30px 18px 0 #d6b3ff, 36px 18px 0 #a96bff, 6px 24px 0 #a96bff, 12px 24px 0 #d6b3ff, 18px 24px 0 #ffffff, 24px 24px 0 #d6b3ff, 30px 24px 0 #a96bff, 12px 30px 0 #a96bff, 18px 30px 0 #d6b3ff, 24px 30px 0 #a96bff, 18px 36px 0 #a96bff; filter: drop-shadow(0 0 10px #c38cff); animation: t-float 5s ease-in-out infinite, t-pulse 2s ease-in-out infinite alternate; animation-delay: -2s, 0s; }
.hero-scene .s4::after { left: calc(91% - 70px); top: calc(40% - 56px); animation-duration: 7s, 2.6s; }
@keyframes t-float { 50% { transform: translateY(-14px); } }
@keyframes t-pulse { to { filter: drop-shadow(0 0 20px #e6d4ff); } }
.hero-title { color: #f3ebff; text-shadow: 0 0 30px rgba(195,140,255,.7); }
.product-card { border: 2px solid #33255a; }