*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#07111f;color:#eef5ff}a{color:inherit}.wrap{width:min(1050px,calc(100% - 28px));margin:auto}.top{position:sticky;top:0;background:#091525ee;border-bottom:1px solid #ffffff1c}.topin{min-height:64px;display:flex;align-items:center;gap:12px}.logo{font-size:21px;font-weight:900}.logo b{color:#23c9f4}.home{margin-left:auto;text-decoration:none;border:1px solid #ffffff22;padding:9px 12px;border-radius:10px}.hero{padding:48px 0 20px}.hero h1{font-size:42px;margin:0 0 10px}.hero p,.sub{color:#9fb0cc}.search{width:100%;padding:15px;border-radius:13px;border:1px solid #23c9f455;background:#0c1a2c;color:white;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:18px 0 50px}.card{padding:18px;text-decoration:none;border:1px solid #ffffff1c;border-radius:16px;background:#ffffff0b}.card:hover{border-color:#23c9f477;background:#23c9f411}.num{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:10px;background:#23c9f422;color:#8be9ff;font-weight:900}.card h2{font-size:16px;line-height:1.4}.article{max-width:850px;padding:42px 0 65px}.article h1{line-height:1.25}.content{margin-top:24px;padding:24px;border:1px solid #ffffff1c;border-radius:17px;background:#ffffff0b}.content p{line-height:1.7}.nav{display:flex;justify-content:space-between;margin-top:20px}.nav a{text-decoration:none;border:1px solid #ffffff22;padding:10px;border-radius:10px}.foot{border-top:1px solid #ffffff1c;padding:20px 0;color:#7890a8;font-size:12px}@media(max-width:600px){.sub{display:none}.hero h1{font-size:32px}.content{padding:17px}}