*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:#CC5500;color:#FFFFFF;line-height:1.6}
.container{width:100%;max-width:1200px;margin:auto;padding:70px 0}
header{position:sticky;width:100%;background:rgba(0,0,0,0.95);backdrop-filter:blur(10px);z-index:10}
nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
nav img{height:100px}
nav ul{display:flex;list-style:none;gap:25px}
nav a{text-decoration:none;color:#FFFFFF}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),url('images/hero.jpg') center/cover;display:flex;align-items:center;justify-content:center;text-align:center}
.hero h1{font-size:64px;color:#FDBD01}
.hero p{font-size:22px;margin:10px}
.btn{display:inline-block;background:#0018F9;color:#fff;padding:14px 34px;border-radius:40px;text-decoration:none}
.btn:hover{background:#FF8400}
h2{text-align:center;color:#F9F6EE;margin-bottom:10px;font-size:40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:#1b1b1f;padding:25px;border:1px solid #333;border-radius:12px;transition:.3s}
.card:hover{transform:translateY(-8px);border-color:#0018F9}
.gallery{display:flex;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ph{height:220px;background:#222;border:2px dashed #555;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#aaa}
#contact{background:#111;text-align:center;padding:70px 0}
footer{background:#000;text-align:center;padding:20px;color:#aaa}
@media(max-width:768px){nav{flex-direction:column}nav ul{margin-top:10px;flex-wrap:wrap;justify-content:center}.hero h1{font-size:42px}}