*{box-sizing:border-box}
body{margin:0;background:#080d18;color:#fff;font-family:Arial,sans-serif}
header{background:#0d1525;border-bottom:1px solid #172c4c;padding:12px 5%;position:sticky;top:0;z-index:5}
.top{display:flex;align-items:center;justify-content:space-between}
.top h2{letter-spacing:2px;margin:5px}
span{color:#168cff}
button{cursor:pointer}
.top button{background:#142541;color:#fff;border:1px solid #24446d;border-radius:9px;padding:9px 14px;font-size:20px}
nav{display:none;padding-top:15px;gap:20px}
nav.show{display:flex}
nav a{color:#c8d8ee;text-decoration:none}
.hero{text-align:center;padding:75px 15px 85px;background:radial-gradient(ellipse at top,#123b70,#080d18 70%)}
.hero .tag{color:#43a5ff}
.hero h1{font-size:clamp(30px,6vw,52px);margin:12px}
.hero p{color:#b8c8dc}
.mainBtn{display:inline-block;margin-top:18px;background:#0879e8;color:white;text-decoration:none;padding:13px 25px;border-radius:9px}
main{padding:35px 5%;max-width:1200px;margin:auto}
.sectionTitle{font-size:22px;border-right:4px solid #168cff;padding-right:12px}
.categories{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}
.categories button{background:#111e32;color:#dceaff;border:1px solid #203a5e;padding:10px 17px;border-radius:20px}
.categories button.active,.categories button:hover{background:#0879e8;border-color:#0879e8;color:white}
#search{width:100%;padding:14px;background:#101c2e;border:1px solid #263e60;border-radius:9px;color:white;margin:8px 0 25px;font-size:16px}
.modGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.modCard{background:#101a2b;border:1px solid #1c3455;border-radius:13px;overflow:hidden}
.modCard img{width:100%;height:155px;object-fit:cover;background:#17243a}
.modInfo{padding:14px}
.modInfo h3{margin:5px 0 10px}
.modInfo p{color:#aebed2;font-size:14px;line-height:1.6}
.modType{color:#48a7ff;font-size:12px}
.download{display:block;text-align:center;background:#0879e8;color:white;text-decoration:none;padding:10px;border-radius:7px;margin-top:12px}
.empty{color:#aebed2}
footer{text-align:center;background:#0d1525;padding:35px 15px;margin-top:50px;color:#aebed2}
footer h2{color:white}
@media(max-width:500px){.hero{padding:55px 12px}.modGrid{grid-template-columns:1fr 1fr}.modCard img{height:115px}.modInfo{padding:10px}.modInfo h3{font-size:15px}}