.navbar{background:#1a1a2e;padding:15px 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.navbar-logo img{height:40px}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-menu li{margin:0 15px}.navbar-menu a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s}.navbar-menu a:hover{color:#db97fe}.navbar-actions .btn{padding:8px 16px;border-radius:4px;font-weight:600;margin-left:10px}.btn-login{background:transparent;color:#fff;border:1px solid #fff}.btn-register{background:#ac4cf0;color:#000;border:1px solid #9e4cf0}.navbar-mobile-toggle{display:none;cursor:pointer}.navbar-mobile-toggle span{display:block;width:25px;height:3px;background:#fff;margin:5px 0;transition:0.3s}.navbar-gradient{background:linear-gradient(90deg,#63478a 0%,#4d3272 50%,#3e2560 100%);border-bottom:1px solid rgba(255,255,255,0.1)}.btn{padding:10px 20px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s;font-size:14px}.btn-login{background:transparent;color:#fff;border:2px solid #4cc9f0;box-shadow:0 0 10px rgba(76,201,240,0.3)}.btn-login:hover{background:rgba(76,201,240,0.1);box-shadow:0 0 15px rgba(76,201,240,0.5)}.btn-register{background:linear-gradient(90deg,#ac4cf0 0%,#9e4cf0 100%);color:#fff;border:none;box-shadow:0 0 10px rgba(124,67,238,0.5);position:relative;overflow:hidden}.btn-register:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(167,67,238,0.7)}.btn-register::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(216,216,216,0.1);transform:rotate(45deg);pointer-events:none;transition:all 0.5s}.btn-register:hover::after{left:100%}@media (max-width:768px){.navbar-menu{opacity:0;transform:translateY(-20px);transition:all 0.3s}.navbar-menu.active{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#3e3e4b;flex-direction:column;padding:20px;text-align:center}.navbar-menu.active{display:flex}.navbar-menu li{margin:10px 0}.navbar-actions{display:none}.navbar-mobile-toggle{display:block}.navbar-mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-mobile-toggle.active span:nth-child(2){opacity:0}.navbar-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}