.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:#ffffffee;border-bottom:1px solid #e5e7eb;backdrop-filter:saturate(180%) blur(6px)}
.nav-container{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
body{padding-top:56px}
.nav-logo h2{margin:0;color:var(--primary);font-size:20px}
.nav-menu{display:flex;gap:14px;align-items:center}
.nav-link{padding:8px 10px;border-radius:6px;color:#111827}
.nav-link:hover{background:#f1f5f9}
.nav-link.active{background:var(--primary);color:#fff}
.nav-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer}
.nav-toggle .bar{width:24px;height:2px;background:#0f172a}

@media (max-width:768px){
    .nav-toggle{display:flex}
    .nav-menu{position:absolute;left:0;right:0;top:56px;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;padding:8px 16px;display:none}
    .nav-menu.open{display:flex}
}

.slider{position:relative}
.slider-container{position:relative;height:56vw;max-height:520px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.slide-content{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.slide-content h1{margin:0 0 6px;font-size:32px}
.slide-content p{margin:0;font-size:16px}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);border:none;background:#00000055;color:#fff;width:40px;height:40px;border-radius:999px;cursor:pointer;transition:all 0.3s}
.slider-btn:hover{background:#00000088;transform:translateY(-50%) scale(1.1)}
.slider-btn.prev{left:12px}.slider-btn.next{right:12px}
.slider-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px}
.slider-dots .dot{width:9px;height:9px;border-radius:50%;background:#ffffff66;border:1px solid #fff;cursor:pointer;transition:all 0.3s}
.slider-dots .dot:hover{transform:scale(1.3);background:#ffffffaa}
.slider-dots .dot.active{background:var(--primary);border-color:var(--primary)}

.contact-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.contact-info-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;text-align:center;transition:all 0.3s;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,0.12);border-color:var(--primary);background:var(--primary-bg)}
.info-icon{font-size:28px;color:var(--primary);margin-bottom:10px}

.message-form-container{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:16px}
.message-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;margin-bottom:12px}
.form-group label{margin-bottom:6px}
input,select,textarea{padding:10px;border:1px solid #d1d5db;border-radius:8px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,163,74,0.23)}
.required{color:#dc2626}
.btn-submit{background:var(--primary);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all 0.3s;box-shadow:0 2px 8px rgba(22,163,74,0.3)}
.btn-submit:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(22,163,74,0.4)}
.btn-submit:active{transform:translateY(0)}
.btn-submit:disabled{opacity:0.6;cursor:not-allowed}
.btn-submit.loading{pointer-events:none}
.btn-submit.loading i{animation:spin 1s linear infinite}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.form-message{margin-top:10px;color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:10px;display:none}

.messages-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.message-item{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:12px}
.message-item .meta{color:#6b7280;font-size:12px;margin-bottom:6px}

.culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0}
.culture-item{border:2px solid #e5e7eb;border-radius:12px;background:#fff;padding:20px;text-align:center;transition:all 0.3s;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.culture-item:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,0.12);border-color:var(--primary);background:var(--primary-bg)}
.timeline{border-left:3px solid #e5e7eb;margin:24px 0;padding-left:14px}
.timeline-item{position:relative;margin:12px 0}
.timeline-year{position:absolute;left:-52px;top:0;background:var(--primary);color:#fff;padding:2px 6px;border-radius:6px;font-size:12px}

@media (max-width:992px){
    .contact-info-grid{grid-template-columns:repeat(2,1fr)}
    .message-form .form-row{grid-template-columns:1fr}
    .culture-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
    .contact-info-grid{grid-template-columns:1fr}
    .culture-grid{grid-template-columns:1fr}
}