*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff}
.navbar{height:96px;background:#f8f9fa;display:flex;align-items:center;padding:0 3.8%;gap:30px}
.logo{width:145px;font-size:28px;font-weight:700;letter-spacing:-1px;color:#111;line-height:.9}
.logo small{display:block;font-size:7px;font-weight:400;letter-spacing:0;margin-top:5px}
nav{display:flex;align-items:center;gap:4px;flex:1}
nav a,.dropbtn{color:#66717c;text-decoration:none;padding:16px 11px;font-size:16px;border:0;background:transparent;cursor:pointer}
nav a:hover,.dropbtn:hover{color:#087fbd}
.dropdown{position:relative}
.dropdown-content{display:none;position:absolute;top:48px;left:0;background:#fff;min-width:190px;box-shadow:0 4px 12px #0002;z-index:10}
.dropdown:hover .dropdown-content{display:block}
.dropdown-content a{display:block;padding:14px 16px;white-space:nowrap}
.search{display:flex;gap:8px}
.search input{width:240px;height:38px;border:1px solid #d7dde2;border-radius:6px;padding:0 12px;font-size:15px}
.search button{height:38px;border:1px solid #198754;background:white;color:#198754;border-radius:6px;padding:0 14px;font-size:15px}
.hero{height:455px;position:relative;overflow:hidden;background:#dfe6ea}
.slide{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:48px;text-align:center;background:linear-gradient(135deg,#d9e3e8,#f4f6f7 45%,#c5d1d8)}
.slide:nth-child(2){background:linear-gradient(135deg,#dfe9e6,#aebfc0)}
.slide:nth-child(3){background:linear-gradient(135deg,#d8e5ee,#b9c9d4)}
.slide:nth-child(4){background:linear-gradient(135deg,#e4e1d8,#c6d2c8)}
.slide:nth-child(5){background:linear-gradient(135deg,#d8e1ea,#b5c2d0)}
.slide h1{margin:0;color:white;text-shadow:0 2px 6px #0008;font-size:40px}
.slide p{color:white;text-shadow:0 1px 4px #0008;font-size:17px}
.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:42px;color:#fff8;padding:12px;cursor:pointer;z-index:2}
.left{left:25px}.right{right:25px}
.container{max-width:1000px;margin:0 auto;padding:55px 25px}
.card{background:#fff;border-radius:7px;box-shadow:0 3px 16px #0002;padding:28px;margin-bottom:25px}
.form{max-width:560px;margin:auto}
.form label{display:block;font-size:13px;color:#66717c;margin:14px 0 5px}
.form input,.form textarea{width:100%;border:1px solid #d5dce2;border-radius:5px;padding:10px;font-size:15px}
.form textarea{height:120px}
.form button{float:right;margin-top:12px;background:#0d6efd;border:0;color:white;border-radius:5px;padding:10px 18px}
.footer{background:#f8f9fa;padding:28px 6% 0;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:35px}
.footer h3{margin:0 0 10px;font-size:20px;font-weight:400}
.footer a{display:block;color:#222;text-decoration:none;margin:8px 0}
.map,.links{height:130px;background:#e4e9ed;display:flex;align-items:center;justify-content:center;color:#65717a}
.copyright{grid-column:1/-1;background:#737d85;color:white;text-align:center;margin:0 -7% ;padding:18px}
@media(max-width:800px){.navbar{height:auto;flex-wrap:wrap;padding:15px}.search{width:100%}.search input{flex:1}.footer{grid-template-columns:1fr 1fr}.copyright{margin:0 -15px}}
@media(max-width:560px){nav{flex-wrap:wrap}.hero{height:360px}.slide h1{font-size:30px}.footer{grid-template-columns:1fr}}