.Navbar{z-index:10000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:14px;justify-content:center;align-items:center;gap:20px;max-width:fit-content;margin:15px auto;padding:12px 25px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 6px 20px #667eea4d}.Navbar:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea66}.Navbar a{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.Navbar a.text-sky-500{background:#ffffff40;border:1px solid #fff6;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff4d}.Navbar a.text-sky-500:hover{background:#ffffff4d;transform:translateY(-2px)}.Navbar .relative a{background:linear-gradient(135deg,#ff6b6b33 0%,#ee5a2433 100%);border:1px solid #ff6b6b66}.Navbar .relative a:hover{background:linear-gradient(135deg,#ff6b6b4d 0%,#ee5a244d 100%);border-color:#ff6b6b99}.Navbar .relative span{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);border:2px solid #fff;font-weight:700;box-shadow:0 3px 10px #ff6b6b66}@media (max-width:768px){.Navbar{border-radius:14px;flex-wrap:wrap;justify-content:center;gap:12px;width:90%;max-width:400px;margin:15px auto;padding:15px 20px}.Navbar a{text-align:center;border-radius:8px;flex:1;min-width:80px;padding:10px 18px;font-size:14px}.Navbar .relative span{width:20px;height:20px;font-size:10px;top:-8px;right:-8px}}@media (max-width:480px){.Navbar{border-radius:12px;gap:8px;width:95%;max-width:350px;margin:10px auto;padding:12px 15px}.Navbar a{border-radius:6px;min-width:70px;padding:8px 12px;font-size:13px}.Navbar .relative span{width:18px;height:18px;font-size:9px;top:-6px;right:-6px}}@media (max-width:360px){.Navbar{gap:6px;padding:10px 12px}.Navbar a{min-width:60px;padding:6px 10px;font-size:12px}}