@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh}.nav{display:flex;justify-content:center;align-items:center;gap:10px;flex:1;flex-direction:row;margin:10px 0;flex:none}.nav .nav-link{color:#ecf0f1;text-decoration:none;font-size:13px;padding:5px 10px;border-radius:4px;transition:background-color .3s;font-weight:500}.nav .nav-link:hover,.nav .nav-link.active{background-color:#fff3}.logo-link{position:relative;left:auto;top:auto;transform:none;margin-bottom:5px;color:inherit;text-decoration:none;z-index:100;margin-left:0}.logo-link .logo{display:flex;align-items:center;justify-content:center;gap:15px;transition:all .3s ease}.logo-link .logo:hover{opacity:.8;transform:scale(1.05)}.logo-link .logo .logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;animation:pulse 2s 3s}.logo-link .logo .logo-icon :deep(svg){width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-link .logo .logo-icon:first-child{animation-delay:0s}.logo-link .logo .logo-icon:last-child{animation-delay:1s}@media (min-width: 481px){.logo-link{margin-bottom:10px}}@media (min-width: 769px){.nav{gap:20px;margin-left:auto;margin-right:20px;flex:initial;justify-content:initial}.nav .nav-link{font-size:16px;padding:8px 16px}.logo-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-bottom:0}}