*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{color:#fff;-webkit-overflow-scrolling:touch;background:#000;font-family:Space Grotesk,sans-serif;overflow-x:hidden}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;width:100%;padding:clamp(10px,2vw,20px) clamp(20px,3vw,40px);display:flex;position:fixed;top:0}.nav-logo{-webkit-tap-highlight-color:transparent;font-size:1em;font-weight:300}.nav-logo img{object-fit:contain;height:clamp(50px,5vw,70px)}.nav-links{-webkit-tap-highlight-color:transparent;align-items:center;gap:clamp(15px,2vw,30px);display:flex}.nav-link{color:#fff;font-size:clamp(.9em,2vw,1.1em);font-weight:700;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";background:#fff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.contact-btn{background:linear-gradient(135deg,#9370db,orange);border-radius:20px;padding:8px 16px;transition:transform .3s,box-shadow .3s,background .3s,border .3s}.nav-link.contact-btn:hover{transform:scale(1.05);box-shadow:0 0 10px #ffa50099}.nav-link.contact-btn:after{display:none}.nav-link.contact-btn.active{color:#fff;box-shadow:none;cursor:default;background:0 0;border:2px solid orange;transform:none}.nav-link.contact-btn.active:hover{box-shadow:none;background:0 0;transform:none}.mobile-menu-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:24px;display:none}@media (max-width:768px){.nav{padding:15px 20px}.nav-logo img{height:60px}.mobile-menu-btn{margin-right:8px;font-size:30px}.nav-links{z-index:999;background:#1a1a2e;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100vh;padding:0 0 100px;display:none;position:fixed;top:0;left:0}.nav-link{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;padding:8px 0;font-size:24px;font-weight:700;transition:all .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#9370db,orange);width:0;height:2px;transition:width .3s,box-shadow .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link.active{border-radius:30px;transform:scale(1.05)}.nav-link:hover:after{width:70%}.nav-links.active .nav-link{opacity:0;animation:.5s forwards fadeInUp}.nav-link.active{color:#fff;text-shadow:0 0 8px #fffc}.nav-link.active:after{width:100%;height:3px;box-shadow:0 0 12px 1px #ffa50099}.nav-link.contact-btn{background:linear-gradient(135deg,#9370db,orange);border-radius:25px;padding:10px 20px;font-size:20px;position:absolute;bottom:90px;box-shadow:0 0 8px #ffa50066}.nav-link.contact-btn.active{box-shadow:none;color:#fff;cursor:default;background:0 0;border:2px solid orange;transform:none}.nav-link.contact-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #ffa500cc}.nav-link.contact-btn.active:hover{box-shadow:none;background:0 0;transform:none}.nav-links.active{display:flex}.nav-links.active .nav-link:first-child{animation-delay:.1s}.nav-links.active .nav-link:nth-child(2){animation-delay:.2s}.nav-links.active .nav-link:nth-child(3){animation-delay:.3s}.nav-links.active .nav-link:nth-child(4){animation-delay:.4s}.nav-links.active .nav-link:nth-child(5){animation-delay:.5s}.nav-links.active .nav-link.contact-btn{animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{z-index:1000;transition:all .3s;display:block;position:relative}.mobile-menu-btn.active{transform:rotate(90deg);color:#fff!important}}