/* Tema: Buz Dikenleri. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #0d1824;
    --bg-alt: #112131;
    --surface: #14283b;
    --surface-2: #1a3249;
    --text: #e5f4ff;
    --muted: #94b4cc;
    --line: #21405c;
    --accent: #7fd3ff;
    --accent-ink: #051a28;
    --radius: 0px;
    --radius-sm: 0px;
    --hard-shadow: 4px 4px 0 #060c12;
    --fx-color: #cdeeff;
    --fx-opacity: .6;
    --heading-case: uppercase;
    --font-display: "Silkscreen", ui-monospace, monospace;
}
.hero { background: linear-gradient(180deg, #0a1a2b, #0d1824); }
.hero-scene .s1 { background: linear-gradient(100deg, transparent 20%, rgba(80,255,190,.18) 35%, transparent 50%, rgba(127,211,255,.2) 65%, transparent 80%); background-size: 200% 100%; -webkit-mask: linear-gradient(180deg, #000 0%, transparent 70%); mask: linear-gradient(180deg, #000 0%, transparent 70%); animation: t-aurora 10s ease-in-out infinite alternate; }
@keyframes t-aurora { from { background-position: 0 0; transform: skewY(-3deg); } to { background-position: 100% 0; transform: skewY(3deg); } }
.hero-scene .s2 { top: auto; height: 200px; background: conic-gradient(from 160deg at 8% 100%, transparent 0, #a9dcf7 0 40deg, transparent 0), conic-gradient(from 165deg at 22% 100%, transparent 0, #d4efff 0 30deg, transparent 0), conic-gradient(from 158deg at 90% 100%, transparent 0, #8cc9ec 0 44deg, transparent 0); opacity: .75; }
.hero-stage { background: radial-gradient(circle, rgba(127,211,255,.35) 0%, transparent 65%); }
.hero-stage .g1 { inset: 14%; background: conic-gradient(from 0deg, transparent 0 20deg, rgba(205,238,255,.25) 20deg 30deg, transparent 30deg 80deg, rgba(205,238,255,.2) 80deg 90deg, transparent 90deg 140deg, rgba(205,238,255,.25) 140deg 150deg, transparent 150deg 200deg, rgba(205,238,255,.2) 200deg 210deg, transparent 210deg 260deg, rgba(205,238,255,.25) 260deg 270deg, transparent 270deg 320deg, rgba(205,238,255,.2) 320deg 330deg, transparent 330deg); border-radius: 50%; animation: t-turn 24s linear infinite; }
@keyframes t-turn { to { rotate: 360deg; } }
.hero-title { color: #e9f8ff; text-shadow: 0 0 18px rgba(127,211,255,.55); }
.product-card { border: 2px solid #21405c; }