nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(75deg,#f5b404 0%,#ed4101 100%);position:sticky;top:0;z-index:1000}#logo img{height:60px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}#logo img:hover{transform:scale(1.05)}#ham-menu{display:none;font-size:1.8rem;cursor:pointer;color:#000;transition:color .3s ease}#ham-menu:hover{color:#fff}#nav-bar{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center}#nav-bar li{margin:0}#nav-bar li a{text-decoration:none;color:#000;font-weight:600;font-size:1.05rem;transition:all .3s ease;padding:.5rem 1rem;border-bottom:3px solid transparent;position:relative}#nav-bar li a::before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#000;transition:all .3s ease;transform:translateX(-50%)}#nav-bar li a:hover{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}#nav-bar li a:hover::before{width:100%}.attention-btn{display:inline-block;background-color:#000;color:#f5b404!important;padding:12px 24px;border-radius:30px;text-decoration:none!important;font-weight:700;font-size:1rem;margin-left:20px;border:3px solid #000;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 16px rgba(0,0,0,.4);position:relative;overflow:hidden;z-index:1}.attention-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:linear-gradient(135deg,#f5b404,#ed4101);transition:all .6s ease;transform:translate(-50%,-50%);z-index:-1}.attention-btn:hover::before{width:400px;height:400px}.attention-btn:hover{color:#000!important;border-color:#fff;box-shadow:0 8px 24px rgba(245,180,4,.5);transform:translateY(-3px)}.attention-btn span{position:relative;z-index:2}@media screen and (max-width:768px){nav{padding:.8rem 1.5rem}#ham-menu{display:block;font-size:2rem}#logo img{height:50px}#nav-bar{position:fixed;top:70px;left:-100%;flex-direction:column;width:100%;height:calc(100vh - 70px);background:linear-gradient(180deg,#f5b404 0%,#ed4101 100%);transition:left .4s cubic-bezier(.68,-.55,.265,1.55);padding:2rem 0;gap:1.5rem;box-shadow:4px 0 12px rgba(0,0,0,.3);overflow-y:auto}#nav-bar.active{left:0}#nav-bar li{width:100%;text-align:center}#nav-bar li a{display:block;padding:1rem;font-size:1.2rem}.attention-btn{margin-left:0;margin-top:1rem;width:80%}}@media screen and (max-width:480px){nav{padding:.6rem 1rem}#logo img{height:40px}#ham-menu{font-size:1.6rem}}