.index-hero {
    background: linear-gradient(rgba(10, 10, 10, 0.8), rgba(10, 10, 10, 0.85)),
        url('../pic/wp6.png') center/cover fixed !important;
    min-height: 90vh; display: flex; align-items: center; justify-content: center; padding: 80px 5%;
}
.container {
    max-width: 1000px; background: rgba(10, 10, 10, 0.85); padding: 60px;
    border-radius: 40px; backdrop-filter: blur(20px); border: 2px solid var(--hytale-green);
    text-align: center; box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}
.epic-title {
    font-family: var(--font-title); font-size: clamp(2.5rem, 7vw, 4.5rem);
    text-transform: uppercase; color: #fff; letter-spacing: 4px;
    text-shadow: 0 0 15px var(--hytale-green); margin-bottom: 30px;
}
.epic-paragraph { font-family: var(--font-main); font-size: clamp(1.1rem, 2.5vw, 1.4rem); color: #fff; line-height: 1.8; }
.glow-green { color: #0fdb24; font-weight: 800; }
.divider-glow { height: 3px; background: var(--hytale-green); box-shadow: 0 0 15px var(--hytale-green); margin: 30px 0; }
.grid-bg { background: linear-gradient(rgba(10, 10, 10, 0.9), rgba(10, 10, 10, 0.95)), url('../pic/wp3.jpg') center/cover fixed; padding: 100px 5%; }
.kachel-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; max-width: 1200px; margin: 0 auto; }
.kachel { position: relative; min-height: 520px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.4s ease; }
.kachel:hover, .kachel:focus-within { transform: translateY(-12px); border-color: var(--hytale-green); outline: none; }
.kachel-1 { flex: 1 1 450px; max-width: 700px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.95), transparent), url('../pic/wp5.jpg'); background-size: cover; display: flex; align-items: flex-end; padding: 35px; text-decoration: none; color: white; }
.discord-container { flex: 0 1 380px; width: 90%; background: #23272a; display: flex; justify-content: center; align-items: center; }
.kachel-content h2 { font-family: var(--font-title); font-size: 1.8rem; margin-bottom: 10px; color: #fff; text-shadow: 1px 1px 5px #000; }
@media (max-width: 768px) { .kachel-1, .discord-container { flex: 1 1 100%; } }