:root{--bg:#0e1116;--card:#171b22;--line:#232935;--fg:#e7ecf3;--mut:#93a0b4;--acc:#4c8dff;--acc2:#7c5cff}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 -apple-system,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg);color:var(--fg)}
a{color:inherit;text-decoration:none}
.nav{display:flex;align-items:center;gap:22px;padding:14px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(14,17,22,.85);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;margin-right:auto}
.nav nav a{color:var(--mut);margin:0 8px}.nav nav a:hover{color:var(--fg)}
.cart{background:var(--acc);color:#fff;border:0;border-radius:9px;padding:9px 15px;font-weight:600;cursor:pointer}
main{max-width:1080px;margin:0 auto;padding:0 24px}
.hero{padding:64px 0 40px}
.hero h1{font-size:40px;line-height:1.1;margin:0 0 12px;letter-spacing:-.5px}
.hero p{color:var(--mut);max-width:640px;font-size:18px}
.hero-stats{display:flex;gap:40px;margin-top:28px}
.hero-stats b{font-size:26px;display:block}.hero-stats span{color:var(--mut);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:16px 0 48px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.15s}
.card:hover{transform:translateY(-3px);border-color:#2c3648}
.card .thumb{aspect-ratio:16/10;display:block;width:100%}
.card .body{padding:14px 16px}
.card h3{margin:0 0 6px;font-size:15px}
.card .row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.card .price{font-weight:700}
.card button{background:#20283a;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:600}
.card button:hover{background:#28324a}
.cdn{padding:20px 0 60px;border-top:1px solid var(--line)}
.cdn h2{font-size:22px}
.files{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
.files li{display:flex;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.files a{color:var(--acc)}
.files .sz{color:var(--mut)}
footer{border-top:1px solid var(--line);padding:22px 24px;display:flex;gap:18px;color:var(--mut);font-size:14px;max-width:1080px;margin:0 auto}
footer a{color:var(--mut)}footer a:hover{color:var(--fg)}
@media(max-width:640px){.hero h1{font-size:30px}.hero-stats{gap:22px}}