.navbar{background:#f5f3ecfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 20px #00000026}.nav-content{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo{text-decoration:none;display:flex;align-items:center;z-index:1001}.logo-image{height:120px;width:auto;transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.nav-links{display:flex;gap:35px;list-style:none;margin:0;padding:0;flex:1;justify-content:center}.nav-links a{text-decoration:none;color:#1a202c;font-weight:500;transition:color .3s ease,background .3s ease;font-size:1.3rem;padding:12px;border-radius:8px}.nav-links a:hover{color:#3f3a2b;background:#a4a88f33}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;gap:5px}.hamburger span{width:28px;height:3px;background-color:#1a202c;border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#f5f3ec;box-shadow:-2px 0 10px #0003;transition:right .3s ease;z-index:999;padding-top:100px}.mobile-menu.active{right:0}.mobile-nav-links{list-style:none;padding:0;margin:0}.mobile-nav-links li{border-bottom:1px solid rgba(164,168,143,.3)}.mobile-nav-links a{display:block;padding:20px 30px;text-decoration:none;color:#1a202c;font-weight:500;font-size:1.1rem;transition:background .3s ease,color .3s ease;text-align:right}.mobile-nav-links a:hover{background:#a4a88f33;color:#3f3a2b}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:998;animation:fadeIn .3s ease}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}.logo-image{height:70px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Bona Nova SC,serif;color:#1a202c;line-height:1.8;overflow-x:hidden;font-size:18px;background:#f5f3ec}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
