@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";:root{--bg-color:#121212;--text-color:#f5f5f5;--accent-color:#888}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{z-index:10;justify-content:space-between;align-items:center;padding:2rem 5%;display:flex;position:relative}.logo a{letter-spacing:2px;color:var(--text-color);font-size:1.5rem;font-weight:600;text-decoration:none}.nav-links{align-items:center;gap:2rem;display:flex}.nav-item{color:var(--accent-color);cursor:pointer;font-weight:400;text-decoration:none;transition:color .3s}.nav-item:hover,.router-link-active{color:var(--text-color)}.dropdown{display:inline-block;position:relative}.dropdown-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;text-align:center;background-color:#141414f2;border-radius:4px;min-width:180px;padding:.5rem 0;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #00000080}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{color:var(--accent-color);padding:12px 16px;font-size:.9rem;text-decoration:none;transition:background-color .2s,color .2s;display:block}.dropdown-content a:hover,.dropdown-content a.router-link-active{color:#fff;background-color:#333}.main-content{flex:1;padding:0 5%}.footer{text-align:center;color:var(--accent-color);z-index:10;padding:2rem;font-size:.8rem;position:relative}