body{background-color:#f5f5f5;margin:0;font-family:Arial,sans-serif}.navbar{background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.navbar-left{flex:1}.logo{object-fit:contain;width:80px;height:80px}.navbar-center{text-align:center;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.navbar-center h1{color:#0d47a1;margin:0;font-size:30px}.navbar-right{flex:1;justify-content:flex-end;gap:10px;display:flex}.navbar-right button{color:#fff;cursor:pointer;background-color:#0d47a1;border:none;border-radius:6px;padding:10px 16px;font-size:14px;transition:all .3s}.navbar-right button:hover{background-color:#1565c0}.side-drawer{z-index:100;background:#fff;flex-direction:column;gap:12px;width:60vw;height:100vh;padding:20px;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-4px 0 12px #00000026}.side-drawer.show1{right:0}.close-btn{cursor:pointer;border:none;flex-direction:column;justify-content:center;align-self:flex-end;gap:5px;width:32px;height:32px;margin-bottom:10px;padding:5px;display:flex;background:0 0!important}.close-btn span{transform-origin:50%;border-radius:3px;width:25px;height:3px;transition:transform .3s,opacity .3s,width .3s;display:block;background-color:#1565c0!important}.side-drawer.show1 .close-btn span:first-child{transform:translateY(8px)rotate(45deg)}.side-drawer.show1 .close-btn span:nth-child(2){opacity:0}.side-drawer.show1 .close-btn span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.side-drawer button{color:#fff;cursor:pointer;text-align:center;background-color:#0d47a1;border:none;border-radius:6px;padding:12px 16px;font-size:14px;transition:all .3s}.side-drawer button:hover{background-color:#1565c0}.hamburger{color:#0d47a1;cursor:pointer;z-index:105;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:5px;display:none}.hamburger span{transform-origin:50%;border-radius:3px;width:25px;height:3px;transition:transform .3s,opacity .3s,width .3s;display:block;background-color:#1565c0!important}.hamburger.active span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.overlay{z-index:99;background:#0006;display:none;position:fixed;inset:0}.overlay.active{display:block}body.no-scroll{overflow:hidden}@media (width<=768px){.navbar{padding:10px 15px}.logo{width:45px;height:45px}.navbar-center h1{font-size:22px}.hamburger{display:flex}.navbar-right{display:none}}