/* assets/css/download.css */
 .download-section {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     padding-left: 15%;
     padding-right: 5%;
     position: relative;
     min-height: 100vh;
     height: auto;
     padding-top: 150px;
     padding-bottom: 50px;
}
 .download-content {
     position: relative;
     z-index: 2;
     max-width: 700px;
     width: 100%;
}
 .section-title {
     font-size: 4rem;
     color: #fff;
     margin-bottom: 10px;
     text-shadow: 0 0 20px rgba(0,0,0,0.8);
     line-height: 1;
}
 .section-subtitle {
     font-family: var(--font-body);
     color: #ccc;
     font-size: 1.1rem;
     margin-bottom: 40px;
     text-shadow: 0 2px 5px rgba(0,0,0,0.9);
}
 .btn-dl-large {
     width: 100%;
     text-align: center;
     padding: 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin-bottom: 30px;
     border: 1px solid var(--accent-gold);
}
 .dl-title {
     font-size: 1.5rem;
     font-weight: bold;
     display: block;
}
 .dl-info {
     font-size: 0.8rem;
     opacity: 0.8;
     font-weight: normal;
     margin-top: 5px;
     font-family: var(--font-body);
}
 .download-mirrors {
     margin-bottom: 40px;
}
 .mirror-label {
     font-family: var(--font-body);
     color: #fff;
     font-size: 0.9rem;
     margin-bottom: 10px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: bold;
     text-shadow: 0 2px 4px rgba(0,0,0,0.8);
}
 .mirror-row {
     display: flex;
     gap: 15px;
     margin-bottom: 10px;
     width: 100%;
}
 .btn-dl-small {
     flex: 1;
     text-align: center;
     font-size: 0.85rem;
     padding: 12px;
     background: linear-gradient(to bottom, #1a1a1a, #000);
     border: 1px solid #444;
     color: #ccc;
     text-decoration: none;
     transition: all 0.3s;
     text-transform: uppercase;
     font-family: var(--font-title);
     letter-spacing: 1px;
}
 .btn-dl-small:hover {
     border-color: var(--primary-red);
     color: #fff;
     background: linear-gradient(to bottom, #2a0a0a, #000);
}
 .system-reqs h3 {
     color: var(--accent-gold);
     margin-bottom: 20px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     padding-bottom: 10px;
     display: inline-block;
}
 .req-table {
     width: 100%;
     border-collapse: collapse;
     font-family: var(--font-body);
     font-size: 0.9rem;
     background: rgba(0, 0, 0, 0.6);
     border-radius: 4px;
     overflow: hidden;
}
 .req-table th {
     text-align: left;
     padding: 15px;
     background: rgba(192, 57, 43, 0.2);
     color: #fff;
     font-family: var(--font-title);
     letter-spacing: 1px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
 .req-table td {
     padding: 12px 15px;
     color: #ccc;
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
 .req-table tr:last-child td {
     border-bottom: none;
}
 .req-table tr:hover td {
     background: rgba(255, 255, 255, 0.05);
     color: #fff;
}
 .support-info {
     margin-top: 30px;
     font-family: var(--font-body);
     font-size: 1rem;
     color: #ccc;
     line-height: 1.5;
     text-shadow: 0 2px 4px rgba(0,0,0,0.9);
}
 .discord-link {
     color: #5865F2;
     text-decoration: underline;
     font-weight: bold;
     transition: color 0.3s;
}
 .discord-link:hover {
     color: #fff;
     text-shadow: 0 0 10px #5865F2;
}
 @media (max-width: 768px) {
     .download-section {
         justify-content: center;
         text-align: center;
         padding-top: 120px;
         padding-left: 5%;
         padding-right: 5%;
    }
     .mirror-row {
         flex-direction: column;
         gap: 10px;
    }
     .req-table {
         font-size: 0.8rem;
    }
     .section-title {
         font-size: 3rem;
    }
}