*{box-sizing:border-box}body{margin:0;background:#090b0c;color:#e9eeee;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(circle at 20% 0,#251018 0,transparent 32%),linear-gradient(#090b0c,#111416)}a{color:#ef5568;text-decoration:none}.top{position:sticky;top:0;z-index:5;background:#0d1012eF;border-bottom:1px solid #34383b;display:flex;align-items:center;gap:22px;padding:14px 5%}.brand{font-size:22px;font-weight:900;color:white}.brand span{color:#e54158}.top input{margin-left:auto;max-width:390px;width:40%;background:#171b1e;border:1px solid #3c4246;border-radius:8px;padding:10px;color:white}.hero{padding:72px 7%;border-bottom:1px solid #292d30}.hero h1{font-size:54px;margin:0 0 12px}.hero p{max-width:760px;color:#b8c0c4;font-size:19px;line-height:1.6}.btn{display:inline-block;background:#d9344d;color:white;padding:12px 18px;border-radius:8px;font-weight:800;margin:8px 8px 0 0}.btn.alt{background:#262c30}.wrap{display:grid;grid-template-columns:220px 1fr;gap:28px;max-width:1250px;margin:auto;padding:32px 24px}.side{border-right:1px solid #303438;padding-right:20px}.side a{display:block;padding:8px 0;color:#c7cdcf}.content h2{border-bottom:1px solid #353a3d;padding-bottom:9px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{background:#15191c;border:1px solid #30363a;border-radius:10px;overflow:hidden;transition:.15s}.card:hover{transform:translateY(-2px);border-color:#a93648}.card img{width:100%;height:145px;object-fit:contain;background:#0b0d0f;image-rendering:pixelated}.card div{padding:13px}.tag{font-size:11px;text-transform:uppercase;color:#ef687b;font-weight:900}.article{max-width:900px}.infobox{float:right;width:280px;margin:0 0 20px 25px;background:#14181b;border:1px solid #3b4044;border-radius:10px;overflow:hidden}.infobox img{width:100%;height:260px;object-fit:contain;background:#090b0c;image-rendering:pixelated}.infobox h3,.infobox p{padding:0 15px}.notice{background:#21171a;border-left:4px solid #d9344d;padding:13px;margin:18px 0;color:#d7c8cb}.footer{text-align:center;color:#7e878b;padding:35px;border-top:1px solid #292d30}@media(max-width:700px){.wrap{grid-template-columns:1fr}.side{display:none}.hero h1{font-size:38px}.top input{width:45%}.infobox{float:none;width:100%;margin:0 0 20px}}