*{box-sizing:border-box}body{margin:0;background:#0b0f18;color:#f5f7fb;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:92%;max-width:1100px;margin:auto}header{border-bottom:1px solid #252d3b;background:#0b0f18}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:20px}.nav nav{display:flex;gap:22px;color:#aab3c3;font-size:14px}.hero{text-align:center;padding:75px 0 50px}.hero small{color:#91a2ff;letter-spacing:2px}.hero h1{font-size:clamp(38px,7vw,64px);margin:15px 0}.hero p{color:#aab3c3;font-size:18px}.search{display:flex;max-width:650px;margin:28px auto;background:#151b28;border:1px solid #30394a;border-radius:14px;padding:6px}.search input{flex:1;background:transparent;border:0;outline:0;color:white;padding:14px;font-size:16px}.search button{border:0;border-radius:10px;padding:0 22px;font-weight:700}.section{padding:30px 0}.section h2{font-size:27px}.card{padding:55px 20px;text-align:center;border:1px dashed #30394a;border-radius:18px;background:#101621}.card b{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1b2332}.card p{color:#8994a7}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cats a{padding:22px;border:1px solid #293243;border-radius:14px;background:#101621;font-weight:700}footer{margin-top:60px;border-top:1px solid #252d3b;padding:28px 0;color:#8994a7}@media(max-width:700px){.nav nav{display:none}.cats{grid-template-columns:1fr 1fr}}