* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Science Gothic', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 25%, #0d0d0d 50%, #1a1a1a 75%, #000000 100%);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.container {
    width: 100%;
    max-width: 900px;
}

.download-box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 60px 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.download-options {
    display: flex;
    gap: 60px;
    justify-content: center;
    align-items: flex-start;
}

.download-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.button-wrapper {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-btn {
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

.download-btn::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.15;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.download-btn[href*=".exe"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"/></svg>');
}

.download-btn[href*=".jar"]::before {
    background-image: url('data:image/png;base64,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');
}

.download-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1);
}

.download-btn:active {
    transform: translateY(-2px);
}

.file-type {
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.file-type::before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ff4444;
}

.download-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    max-width: 200px;
}

.bottom-nav {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 30px;
    z-index: 100;
}

.bottom-nav a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    transition: color 0.3s;
    position: relative;
    padding-bottom: 4px;
}

.bottom-nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #ff4444;
    transform: scaleX(0);
    transition: transform 0.3s;
}

.bottom-nav a:hover {
    color: rgba(255, 255, 255, 1);
}

.bottom-nav a:hover::after {
    transform: scaleX(1);
}

@media (max-width: 768px) {
    .download-box {
        padding: 40px 20px;
    }

    .download-options {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .button-wrapper {
        height: 180px;
    }

    .download-btn {
        width: 180px;
        height: 180px;
    }

    .file-type {
        font-size: 32px;
    }

    .bottom-nav {
        bottom: 20px;
        gap: 20px;
    }

    .bottom-nav a {
        font-size: 12px;
    }
}