*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#182434;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;justify-content:space-between;padding:18px max(5vw,20px);font-size:14px}header a{font-weight:800;color:inherit;text-decoration:none}.hero{background:linear-gradient(125deg,#173c59,#087e8b);color:white;padding-bottom:44px}.hero>div{max-width:1080px;margin:auto;padding:42px 5vw}.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:8px 0}.hero p{max-width:600px;color:#e4f0f3}.hero small{letter-spacing:.13em;text-transform:uppercase;font-weight:700}main{max-width:1200px;margin:32px auto;padding:0 20px}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.category{display:flex;min-height:130px;flex-direction:column;justify-content:end;gap:8px;padding:20px;color:white;text-decoration:none;border-radius:15px;background:linear-gradient(140deg,#183c58,#168999);box-shadow:0 8px 24px #142b411a}.category:nth-child(3n+2){background:linear-gradient(140deg,#57334e,#c55978)}.category:nth-child(3n){background:linear-gradient(140deg,#244838,#6a9667)}.category strong{font-size:1.3rem}.category span{opacity:.85}.back{display:inline-block;margin:6px 0 14px;color:#087e8b;text-decoration:none;font-weight:700}h1{margin:8px 0}p{color:#697687}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}.card{overflow:hidden;background:#fff;border-radius:13px;box-shadow:0 5px 20px #18243414}.card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#edf0f4}.card div{padding:13px}.card span{font-size:.76rem;color:#087e8b;font-weight:800}.card h2{margin:5px 0;font-size:1rem;text-transform:capitalize}.card p{margin:8px 0;color:#687688;font-size:.88rem}footer{text-align:center;padding:30px;color:#6b7785;font-size:.85rem}@media(max-width:520px){.categories{grid-template-columns:1fr 1fr}.category{padding:14px;min-height:120px}.grid{grid-template-columns:minmax(0,1fr);gap:24px}}