: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;}
.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.active{background:linear-gradient(90deg,#b22222,#ff7a00);color:#fff;font-weight:bold;}
.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;max-width:135px;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}
.dwlbtn{background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;border:1px solid #663300;padding:10px 10px 10px 10px;border-radius:12px;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
.dwlbtn:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.addonBtn{background:linear-gradient(90deg,#8b1e1e,#d95f02);color:#fff;border:1px solid #663300;padding:10px 10px 10px 10px;border-radius:12px;cursor:pointer;font-size:16px;transition:all .2s ease;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;transform:scale(1.2);}
.addonBtn:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.container{padding:50px}
.title{font-size:46px;font-weight:bold;margin-bottom:10px}
.desc{font-size:18px;opacity:.85;margin-bottom:30px;max-width:900px}
.banner{width:100%;max-width:1200px;aspect-ratio:16/9;background:#222;border-radius:18px;overflow:hidden;margin-bottom:30px}
.banner img{width:100%;height:100%;object-fit:cover}
.section{margin-bottom:25px;transition:.25s;}
.section:not(:has(.download-block, .version)):hover {transform: translateY(-6px) scale(1.01);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.section h2{font-size:22px;margin-bottom:10px}
.section p{font-size:16px;opacity:.85;line-height:1.6}
.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}
.btn:hover{transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.bottom-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px;}
.big-btn{width:33%;text-align:center;font-size:20px;}
.info-box{background:#181818;border:1px solid #3a2420;padding:20px;border-radius:16px}
.download-block{text-align:center;margin-top:20px}
.version{background:#181818;border:1px solid #3a2420;padding:20px;border-radius:16px;margin-bottom:15px;transition:.25s}
.version:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.version-title{font-weight:bold;font-size:18px;margin-bottom:10px}
.changelog{font-size:14px;opacity:.85;margin-bottom:10px}
.side-panel {position: fixed;width: 180px;z-index: 1000;display: flex;justify-content: center;}
.left-panel {left: 10px;opacity: 0;transform: translateX(-20px);pointer-events: none;transition: opacity var(--anim-time) ease, transform var(--anim-time) ease;}
.left-panel.show {opacity: 1;transform: translateX(0);pointer-events: auto;}
.right-panel {right: 10px;opacity: 0;transform: translateX(20px);pointer-events: none;transition: opacity var(--anim-time) ease, transform var(--anim-time) ease;}
.right-panel.show {opacity: 1;transform: translateX(0);pointer-events: auto;}
.panel-content {display: flex;flex-direction: column;gap: 10px;width: 100%;background: rgba(20, 20, 20, 0.8);padding: 10px;border-radius: 12px;align-items: flex-start; padding-top: 30px;}
.panel-content a {display:inline-block;width:auto; box-sizing: border-box;color:#d0b0a0;text-decoration:none;margin-top: 20px;border-radius:10px;font-size:18px;transition:transform .2s ease, background .2s ease;margin: 0 auto;transform:scale(1.2);margin-bottom:25px;}
.panel-content a:hover {transform:scale(1.25);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.panel-content .addonBtn {transform:scale(1);margin: 0 auto;margin-top: 20px;margin-bottom: 25px;}
.panel-content .addonBtn:hover {transform:scale(1.05);box-shadow:0 8px 18px rgba(217,95,2,.25)}
.panel-content .lang {transform:scale(1.2);margin: 0 auto;}
.panel-content .GoToCat {transform:scale(1.2);margin: 0 auto;margin-top: 20px;margin-bottom: 25px;}
.right-panel .panel-content a {margin: 0 auto;margin-top: 20px;}
.right-panel .panel-content .dwlbtn {margin: 0 auto;margin-top: 20px;margin-bottom: 25px;}
.panel-content a.tab.active:hover {transform: scale(1.25);box-shadow:0 8px 18px rgba(217,95,2,.25);background:linear-gradient(90deg,#b22222,#ff7a00);}
#aboutText{white-space:pre-wrap}

ul{
  margin:0;
  padding-left:20px;
}

li{
  margin:0;
  padding:0;
}
a {
  font-weight: bold;
  text-decoration: none;
  color: white;
}