:root {--anim-time: 1.25s;}
body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at bottom left,rgba(255, 0, 0, 0.644),transparent 35%),linear-gradient(135deg,#050505,#1a0d00,#ff7a00);color:#eee;min-height:100vh;padding:30px;background-attachment: fixed;background-size: cover;}
.page{max-width:1500px;margin:0 auto;background:#111111ee;border:1px solid #3a2420;border-radius:28px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.45);overflow:visible;}
header{background:#181818;padding:24px 40px;display:flex;gap:18px;border-bottom:1px solid #332222;position:sticky;top:0;align-items:center;position:sticky;top:0;z-index:1000;border-radius: 28px 28px 0 0;transition: opacity 1s ease, visibility 1s ease, filter 0.8s ease;}
header.hide {opacity: 0;visibility: hidden;filter: blur(5px);pointer-events: none;}
.nav{display: flex;align-items: center;width: 100%;position: relative;gap: 18px;transition: all 0.4s ease;}
.lang{margin-left:auto;position:relative}
.lang select{background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;border:1px solid #663300;padding:10px 34px 10px 16px;min-width:115px;border-radius:12px;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.lang select:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.lang select option{background:#1a1a1a;color:#fff;padding:12px;border:none}
.lang:after{content:'▼';position:absolute;right:10px;top:11px;font-size:12px;color:#fff}
.tab{color:#d0b0a0;text-decoration:none;padding:12px 20px;border-radius:10px;font-size:18px;transition:transform .2s ease, background .2s ease;}
.tab:hover{background:#2a1a16;transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.tab.tab.active:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.tab.active{background:linear-gradient(90deg,#b22222,#ff7a00);color:#fff;font-weight:bold;}
.container{padding:40px}
.title{font-size:42px;font-weight:bold;text-align:center;margin-bottom:20px}
.desc{text-align:center;margin-bottom:40px;opacity:.8}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.mod-card{opacity: 1;display:block;background:#181818;border:1px solid #3a2420;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;transition:opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);}
.mod-card:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.mod-img{height:162px;display:flex;align-items:center;justify-content:center;background:#181818;border-bottom:1px solid #3a2420}
.mod-img.outdated{height:162px;display:flex;align-items:center;justify-content:center;background:#38040e;border-bottom:1px solid #3a2420}
.mod-img.abandoned{height:162px;display:flex;align-items:center;justify-content:center;background:#250902;border-bottom:1px solid #3a2420}
.mod-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mod-content{padding:15px;background:#181818}
.mod-content.outdated{padding:15px;background:#38040e}
.mod-content.abandoned{padding:15px;background:#250902}
.mod-title{font-size:18px;font-weight:bold;margin-bottom:6px}
.mod-meta{font-size:14px;opacity:.8;display: flex;justify-content: space-between; align-items: center;}
.btn{display:inline-block;padding:14px 20px;border-radius:12px;background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;text-decoration:none;margin-right:10px;transition:.2s; margin-bottom: 50px;}
.btn:hover{transform:scale(1.05)}
.bottom-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px}
.big-btn{width:33%;text-align:center;font-size:20px;}
a {
  font-weight: bold;
  text-decoration: none;
  color: white;
}