*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#fff;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#feb720}.main-nav .logo{font-size:1.5rem;font-weight:700;color:#000;text-decoration:none}.main-nav ul{display:flex;gap:2rem;list-style:none;padding:0}.main-nav a{color:#000;text-decoration:none;transition:opacity .2s}.main-nav a:hover{opacity:.7}footer{background:#000;color:#fff;padding:2rem;text-align:center}.hero{background:#000;color:#fff;padding:4rem 2rem;text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:#4dabf7;color:#fff}.btn-primary:hover{background:#339af0}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card img{width:100%;height:200px;object-fit:cover}.card-content{padding:1.5rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero h1{font-size:2rem}.main-nav{flex-direction:column;gap:1rem}.main-nav ul{flex-wrap:wrap;justify-content:center;gap:1rem}}