.card {background-color: var(--color-card); padding: 2rem;}

h1 {font-size: 44px;color: #e4c26a;margin: 0;letter-spacing: 1px;}

.subtitle {color: #8f8f8f;margin: 8px 0 25px 0;font-size: 16px;}

.server-info {display:flex;flex-direction: row;flex-wrap: wrap;margin: 20px 0;font-size: 14px;color: #c8a94a;}
.server-info span {margin-right: 18px;}

.grid {display: grid;grid-template-columns: 1fr 1fr;gap: 18px;margin-top: 20px;}

.box {background-color: var(--color-bg-3);border: 1px solid #2a2a2a;border-radius: 8px;padding: 20px;max-height: 300px;overflow-y: auto;}

.box::-webkit-scrollbar {width: 8px;}
.box::-webkit-scrollbar-track {background: #0b0b0b;border-radius: 4px;}
.box::-webkit-scrollbar-thumb {background: #5a4a1f;border-radius: 4px;}
.box::-webkit-scrollbar-thumb:hover {background: #e4c26a;}

.box h3 {margin-top: 0;color: #e4c26a;font-size: 18px;}
.box p, .feature {color: #cfcfcf;font-size: 14px;line-height: 1.6;}

.feature {padding: 5px 0;border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 14px;}
.feature span {margin-right: 6px;font-weight: bold;font-size: 16px;}

.feature span.check {color: #4CAF50;}
.feature span.cross {color: #E53935;}

.buttons {text-align: center;margin-top: 30px;}

.btn {display: inline-block;padding: 13px 32px;margin: 8px;border-radius: 6px;text-decoration: none;font-weight: bold;transition: 0.25s;}
.btn-main {background: linear-gradient(#2b2412, #140f07);border: 1px solid #c8a94a;color: #f0d98a;}
.btn-main:hover {box-shadow: 0 0 18px rgba(255,215,0,0.25);}
.btn-secondary {border: 1px solid rgba(255,255,255,0.2);color: #e1e1e1;}
.btn-secondary:hover {border-color: #c8a94a;color: #c8a94a;}

.discord {display: inline-flex;align-items: center;background: #7289da;color: white;padding: 6px 12px;border-radius: 6px;text-decoration: none;font-weight: bold;margin-top: 10px;transition: 0.25s;}
.discord:hover {background: #5b6eae;}
.discord img {width: 20px;height: 20px;margin-right: 8px;}

@media (max-width: 768px) {
.grid {grid-template-columns: 1fr;}
}