*{margin:0;padding:0;box-sizing:border-box;list-style:none}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5}.navbar{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:15px 40px}.logo-container{display:flex;align-items:center;gap:15px}.logo{width:60px;height:60px;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(255,215,0,0.4);transition:transform 0.3s ease}.logo:hover{transform:translateY(-3px)}.logo svg{width:35px;height:35px;fill:#1a1a2e}.logo-text{display:flex;flex-direction:column}.logo-text h1{font-size:24px;font-weight:700;color:#ffffff;line-height:1.2;letter-spacing:-0.5px}.logo-text span{font-size:13px;color:#ffd700;font-weight:500;letter-spacing:1px}.nav-menu{display:flex;list-style:none;gap:5px;align-items:center}.nav-menu li{position:relative}.nav-menu a{color:#ffffff;text-decoration:none;padding:12px 24px;font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;border-radius:8px;transition:all 0.3s ease;position:relative}.nav-menu a::before{content:'';position:absolute;bottom:8px;left:24px;right:24px;height:2px;background:#ffd700;transform:scaleX(0);transition:transform 0.3s ease}.nav-menu a:hover{color:#ffd700;background:rgba(255,215,0,0.1)}.nav-menu a:hover::before{transform:scaleX(1)}.nav-menu a.active{background:rgba(255,215,0,0.15);color:#ffd700}.nav-menu a.active::before{transform:scaleX(1)}.nav-icon{width:18px;height:18px;fill:currentColor}.nav-menu .btn-contact{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);color:#1a1a2e;font-weight:600;padding:12px 28px;border-radius:25px;box-shadow:0 4px 15px rgba(255,215,0,0.3);transition:all 0.3s ease}.btn-contact::before{display:none}.nav-menu .btn-contact:hover{background:linear-gradient(135deg,#ffed4e 0%,#ffd700 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,0.4);color:#1a1a2e}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:28px;height:3px;background:#ffd700;border-radius:3px;transition:all 0.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)}@media (max-width:968px){.navbar-container{padding:15px 20px}.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:90px;flex-direction:column;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);width:100%;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgba(0,0,0,0.3);padding:20px 0;gap:0}.nav-menu.active{left:0}.nav-menu li{width:100%}.nav-menu a{padding:18px 30px;width:100%;justify-content:center;border-radius:0}.nav-menu a::before{display:none}.nav-menu .btn-contact{margin:10px 20px;width:calc(100% - 40px)}.logo-text h1{font-size:20px}.logo-text span{font-size:11px}.logo{width:50px;height:50px}.logo svg{width:28px;height:28px}}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar{animation:fadeIn 0.5s ease}.content-spacer{height:90px}.demo-content{padding:60px 20px;text-align:center;color:#333}.demo-content h2{font-size:36px;margin-bottom:20px;color:#1a1a2e}.demo-content p{font-size:18px;color:#666;max-width:800px;margin:0 auto;line-height:1.6}