
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;color:#172033;background:linear-gradient(180deg,#fff7e6,#fff,#fff3df)}
a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:auto;padding:0 30px}
.navbar{max-width:1200px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between}
.logo img{height:62px;width:auto}.nav-links{display:flex;gap:26px;font-weight:bold;font-size:15px;color:#475569}
.nav-links a:hover,.nav-links .active{color:#d97706}.btn{display:inline-block;padding:14px 26px;border-radius:999px;background:#f59e0b;color:white;font-weight:bold;border:2px solid #f59e0b;transition:.3s;cursor:pointer}
.btn:hover{background:#d97706;border-color:#d97706}.btn-outline{background:transparent;color:#92400e;border-color:#f6c76b}.btn-outline:hover{background:#fff3d6;color:#92400e}
.hero{max-width:1200px;margin:auto;padding:70px 30px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.badge{display:inline-block;padding:10px 18px;background:white;border-radius:999px;color:#b56b00;font-weight:bold;box-shadow:0 8px 25px rgba(0,0,0,.06);margin-bottom:24px}
h1{font-size:58px;line-height:1.1;color:#0f172a;margin-bottom:22px}h2{font-size:42px;color:#0f172a;margin-bottom:18px}p{color:#64748b;line-height:1.8}.hero p,.page-hero p{font-size:18px}
.hero-image{height:480px;border-radius:36px;background-size:cover;background-position:center;box-shadow:0 30px 70px rgba(15,23,42,.18)}
.page-hero{max-width:1100px;margin:auto;padding:70px 30px 45px;text-align:center}
.grid{max-width:1200px;margin:auto;padding:40px 30px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{background:white;border-radius:30px;overflow:hidden;box-shadow:0 14px 36px rgba(15,23,42,.08)}.card-img{height:220px;background-size:cover;background-position:center}.card-content{padding:28px}
.tag{display:inline-block;padding:7px 13px;border-radius:999px;background:#fff0c2;color:#92400e;font-size:13px;font-weight:bold;margin-bottom:15px}
.card h3{font-size:24px;color:#0f172a;margin-bottom:12px}.panel{max-width:1200px;margin:0 auto 80px;padding:0 30px}.panel-inner{background:#0f172a;color:white;border-radius:36px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.panel-inner h2{color:white}.panel-inner p{color:#cbd5e1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.stat{background:rgba(255,255,255,.1);border-radius:24px;padding:28px 18px}.stat h3{color:#fbbf24;font-size:38px;margin-bottom:8px}
.gallery-filters{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 auto 40px;padding:0 30px}.filter-chip{padding:12px 20px;border-radius:999px;background:white;color:#92400e;font-weight:bold;box-shadow:0 8px 24px rgba(15,23,42,.06);border:1px solid #fde5ad;cursor:pointer}.filter-chip.active{background:#f59e0b;color:white;border-color:#f59e0b}
.contact-wrap{max-width:1200px;margin:auto;padding:30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.box{background:white;border-radius:34px;padding:38px;box-shadow:0 14px 36px rgba(15,23,42,.08)}
input,select,textarea{width:100%;padding:15px 16px;border:1px solid #e2e8f0;border-radius:16px;font-size:15px;margin-top:8px}label{font-weight:bold;color:#334155;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:18px}textarea{min-height:145px}footer{text-align:center;padding:35px;color:#64748b}
.admin-body{background:#f8fafc}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:white;padding:25px}.sidebar h2{color:white;font-size:24px}.sidebar a{display:block;padding:12px 0;color:#cbd5e1;font-weight:bold}.sidebar a:hover{color:#fbbf24}.admin-main{padding:35px}.table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #e2e8f0;text-align:left}.alert{padding:14px 18px;border-radius:12px;background:#dcfce7;color:#166534;margin-bottom:18px}
@media(max-width:950px){.nav-links{display:none}.hero,.grid,.panel-inner,.stats,.contact-wrap,.form-row,.admin-layout{grid-template-columns:1fr}h1{font-size:42px}.hero-image{height:360px}}
