*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.navbar{background-color:#2c3e50;padding:0 20px;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:60px}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{display:flex;list-style:none;gap:30px}.nav-item a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav-item a:hover{color:#3498db}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px}.hamburger span{width:25px;height:3px;background-color:#fff;border-radius:3px;transition:all .3s}@media (max-width:768px){.nav-menu{position:fixed;top:60px;left:-100%;background-color:#2c3e50;width:100%;height:calc(100vh - 60px);flex-direction:column;align-items:center;justify-content:center;gap:40px;transition:left .3s ease}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-item a{font-size:1.2rem}}.bbse{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}.bottom-div{background:#f8f9fa;padding:1.5rem;text-align:center;border-top:1px solid #e9ecef;color:#6c757d;font-size:.9rem}