:root{
  --bg:#070b13;--surface:#0c121e;--surface2:#111a29;--line:rgba(255,255,255,.08);
  --text:#f8fafc;--muted:#94a3b8;--blue:#1995ff;--purple:#6557ff;--green:#22c55e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 12% 0%,rgba(25,149,255,.15),transparent 28%),
radial-gradient(circle at 90% 10%,rgba(101,87,255,.12),transparent 25%),var(--bg);
color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit}
.site-header{max-width:1240px;margin:auto;height:82px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.logo-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));font-weight:900;font-size:21px;box-shadow:0 12px 32px rgba(25,149,255,.18)}
.logo b,.logo small{display:block}.logo b{font-size:14px;letter-spacing:.8px}.logo small{font-size:9px;color:#6f86a5;letter-spacing:1.7px;margin-top:2px}
nav{display:flex;gap:26px}nav a{text-decoration:none;color:#9db0c8;font-size:13px}nav a:hover{color:white}
main{max-width:1240px;margin:auto;padding:0 24px 70px}
.hero{padding:92px 0 70px;max-width:820px}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#68b7ff}
.hero h1{font-size:clamp(48px,7vw,78px);line-height:.98;letter-spacing:-3px;margin:15px 0 18px}
.hero>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px}
.hero-stats{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}
.hero-stats>div{min-width:160px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:14px}.hero-stats span{font-size:10px;color:var(--muted);margin-top:3px}
.content{padding-top:25px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.section-head h2{font-size:28px;margin:7px 0 0;letter-spacing:-.7px}
.tools{display:flex;gap:10px}
.tools input,.tools select{height:42px;border-radius:11px;border:1px solid var(--line);background:#0b1320;color:white;padding:0 13px;outline:none}
.tools input{width:240px}.tools input:focus,.tools select:focus{border-color:rgba(25,149,255,.5)}
.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.download-card{overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.016));border-radius:20px;transition:.2s ease;min-width:0}
.download-card:hover{transform:translateY(-3px);border-color:rgba(25,149,255,.28);box-shadow:0 24px 55px rgba(0,0,0,.28)}
.cover{height:190px;background:#101827;position:relative;overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.download-card:hover .cover img{transform:scale(1.025)}
.fallback-cover{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0d263c,#17163e)}
.fallback-cover span{font-size:54px;font-weight:200;color:#6fb9ff}
.version-badge{position:absolute;right:12px;top:12px;background:rgba(6,10,18,.78);backdrop-filter:blur(8px);padding:7px 9px;border-radius:8px;font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.1)}
.card-body{padding:18px}
.category-label{font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#65b8ff}
.card-body h3{font-size:19px;margin:7px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-body p{height:42px;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.file-meta{display:flex;align-items:center;gap:6px;margin:15px 0;color:#687b95;font-size:10px;white-space:nowrap;overflow:hidden}
.file-meta span:last-child{overflow:hidden;text-overflow:ellipsis}
.btn-download{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:linear-gradient(135deg,var(--blue),var(--purple));padding:12px 14px;border-radius:11px;font-size:12px;font-weight:850;box-shadow:0 11px 24px rgba(25,149,255,.15)}
.btn-download:hover{filter:brightness(1.08)}
.download-arrow{font-size:17px}
.empty,.no-results{text-align:center;padding:70px 25px;border:1px dashed rgba(255,255,255,.12);border-radius:20px;color:var(--muted)}
.empty-icon{margin:auto;width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:rgba(25,149,255,.1);color:#64b7ff;font-size:28px}
.empty h3{color:white;margin:15px 0 7px}.empty p{margin:0}
footer{max-width:1240px;margin:auto;padding:25px 24px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#52657f;font-size:10px}
@media(max-width:980px){.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:70px}}
@media(max-width:680px){
.site-header{height:70px;padding:0 16px}nav a:first-child{display:none}main{padding:0 16px 50px}.hero{padding:55px 0 50px}.hero h1{font-size:46px;letter-spacing:-2px}
.section-head{display:block}.tools{margin-top:16px}.tools input{width:100%}.tools>*{flex:1}.download-grid{grid-template-columns:1fr}.cover{height:210px}
footer{padding-left:16px;padding-right:16px;gap:15px;flex-direction:column}
}