html,body{margin:0;padding:0}*{box-sizing:border-box}body{font-family:Inter,sans-serif}
.navbar-wrapper{z-index:99999;justify-content:center;width:100%;padding:0 100px;display:flex;position:fixed;top:20px}.glass-navbar{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#ffffffd9;border:1px solid #fff6;border-radius:20px;justify-content:space-between;align-items:center;width:100%;max-width:1680px;height:70px;padding:0 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,inset 0 1px #fff9,inset 0 -1px #ffffff26,inset 0 0 10px 4px #ffffff59}.glass-navbar:before{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-navbar:after{content:"";background:linear-gradient(#fffc,#0000,#ffffff4d);width:1px;height:100%;position:absolute;top:0;left:0}.navbar-logo{color:#1f2937;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.logo{width:190px;height:auto}.logo-icon{font-size:20px}.navbar-links{color:#374151;gap:35px;margin:0;padding:0;font-weight:500;list-style:none;display:flex}.navbar-links li{cursor:pointer;transition:color .3s}.navbar-links li:hover{color:#14b8a6}.navbar-actions{align-items:center;gap:40px;display:flex}.signin-btn{cursor:pointer;color:#374151;background:0 0;border:none;font-size:18px;font-weight:500;transition:color .3s}.signin-btn:hover{color:#14b8a6}.demo-btn{color:#fff;cursor:pointer;background:#14b8a6;border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .3s}.demo-btn:hover{background:#0d9488;transform:translateY(-2px)}.hamburger{cursor:pointer;z-index:100000;flex-direction:column;justify-content:space-between;width:28px;height:20px;display:none}.hamburger span{background:#111;border-radius:2px;width:100%;height:3px;transition:all .4s;display:block}.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)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#fffffff2;width:100%;padding:30px 20px;transition:all .4s;position:fixed;top:100px;left:0;transform:translateY(-20px)}.mobile-menu.show{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-menu ul{flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;padding:0;font-size:18px;list-style:none;display:flex}.mobile-actions{flex-direction:column;align-items:center;gap:15px;display:flex}.mobile-actions .signin-btn{text-align:center}@media (max-width:1024px){.navbar-wrapper{padding:0 40px}.navbar-links,.navbar-actions{display:none}.hamburger{display:flex}}@media (max-width:600px){.navbar-wrapper{padding:0 20px}.glass-navbar{height:60px;padding:0 20px}.mobile-menu{top:90px}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99998;background:#0006;position:fixed;inset:0}.side-drawer{-webkit-backdrop-filter:blur(40px)saturate(200%);z-index:99999;background:#ffffffbf;border:1px solid #ffffffb3;border-radius:20px 0 0 20px;flex-direction:column;justify-content:space-between;width:240px;height:100vh;padding:100px 25px 30px;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 30px #0000001a}.side-drawer ul{flex-direction:column;justify-content:center;gap:25px;padding:0;font-size:18px;list-style:none;display:flex}.side-drawer li{cursor:pointer;justify-content:center;font-size:20px;transition:all .3s;display:flex}.side-drawer li:hover{color:#14b8a6;transform:translate(5px)}