.navbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal);background:#0a0a0ff2;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;box-shadow:0 2px 20px #00000080}.navbar-container{max-width:1400px;padding:var(--space-md)var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-xl);margin:0 auto;display:flex}.navbar-logo{font-size:var(--font-size-2xl);color:var(--text-primary);align-items:center;font-weight:800;text-decoration:none;display:flex}.logo-text{color:var(--text-primary)}.logo-accent{color:var(--primary);margin-left:2px}.navbar-nav{align-items:center;gap:var(--space-xs);display:flex}.nav-link{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--primary);background:#dc143c1a}.navbar-actions{align-items:center;gap:var(--space-md);display:flex}.navbar-actions .search-container .search-box{align-items:center;gap:var(--space-sm);background:var(--bg-secondary);padding:var(--space-sm)var(--space-md);transition:all var(--transition-fast);border:1px solid #0000;border-radius:50px;display:flex}.navbar-actions .search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.navbar-actions .search-box input{width:180px;color:var(--text-primary);font-size:var(--font-size-sm)}.navbar-actions .search-box input::placeholder{color:var(--text-muted)}.search-container{position:relative}.search-icon{color:var(--text-muted);font-size:18px}.search-suggestions{background:var(--bg-card);border-radius:var(--radius-lg);z-index:1000;border:1px solid #ffffff1a;width:300px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}.suggestion-item{gap:var(--space-md);padding:var(--space-sm);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #ffffff0d;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-elevated)}.suggestion-image{border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:56px;overflow:hidden}.suggestion-image img{object-fit:cover;width:100%;height:100%}.suggestion-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.suggestion-title{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.suggestion-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.suggestion-dot{color:var(--text-muted);font-size:8px}.suggestion-view-all{padding:var(--space-md);text-align:center;font-size:var(--font-size-sm);color:var(--primary);cursor:pointer;background:#dc143c0d;border-top:1px solid #ffffff0d;font-weight:600}.suggestion-view-all:hover{background:#dc143c1a}.btn-signin{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);background:var(--gradient-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-normal);border-radius:50px;font-weight:600;display:flex}.btn-signin:hover{box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-2px)}.user-menu-container{position:relative}.user-menu-trigger{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.user-menu-trigger:hover{background:#ffffff1a}.user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-avatar-placeholder{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:14px;font-weight:500;overflow:hidden}.chevron{color:var(--text-muted);font-size:14px;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.user-dropdown{background:var(--bg-card);z-index:1000;border:1px solid #ffffff1a;border-radius:12px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0006}.user-dropdown-header{border-bottom:1px solid #ffffff1a;padding:12px 16px}.user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.user-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.user-dropdown-item:hover{color:var(--text-primary);background:#ffffff0d}.user-dropdown-item svg{font-size:16px}.user-dropdown-divider{background:#ffffff1a;height:1px;margin:4px 0}.user-dropdown-item.logout{color:#f87171}.user-dropdown-item.logout:hover{background:#f871711a}.mobile-menu-toggle{padding:var(--space-sm);color:var(--text-primary);font-size:24px;display:none}.mobile-menu{background:var(--bg-dark);padding:var(--space-lg);transition:transform var(--transition-normal);z-index:1001;display:none;position:fixed;inset:60px 0 0;overflow-y:auto;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-search{align-items:center;gap:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex}.mobile-search input{color:var(--text-primary);font-size:var(--font-size-base);flex:1}.mobile-search input::placeholder{color:var(--text-muted)}.mobile-search svg{color:var(--text-muted);font-size:20px}.mobile-nav-links{gap:var(--space-xs);flex-direction:column;display:flex}.mobile-nav-link{padding:var(--space-md);font-size:var(--font-size-lg);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);background:#dc143c1a}.mobile-signin{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);margin-top:var(--space-lg);background:var(--gradient-primary);color:var(--text-primary);font-size:var(--font-size-base);border-radius:var(--radius-lg);font-weight:600;display:flex}.mobile-search-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:20px;transition:background .2s;display:none}.mobile-search-toggle:hover{background:#ffffff1a}.mobile-search-panel{background:var(--bg-secondary);width:100%;padding:var(--space-md);opacity:0;pointer-events:none;z-index:900;border-bottom:1px solid #ffffff1a;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:0;transform:translateY(-200%)}.mobile-search-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-search-container{max-width:800px;margin:0 auto}.mobile-search-form{background:#0003;border:1px solid #ffffff1a;border-radius:50px;align-items:center;padding:8px 16px;display:flex}.mobile-search-icon{color:var(--text-muted);margin-right:10px;font-size:18px}.mobile-search-form input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.mobile-search-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.mobile-search-suggestions{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;max-height:60vh;margin-top:12px;overflow-y:auto;box-shadow:0 4px 20px #00000080}.mobile-suggestion-item{cursor:pointer;border-bottom:1px solid #ffffff0d;gap:12px;padding:10px;display:flex}.mobile-suggestion-item:last-child{border-bottom:none}.mobile-suggestion-image{border-radius:4px;flex-shrink:0;width:40px;height:56px;overflow:hidden}.mobile-suggestion-image img{object-fit:cover;width:100%;height:100%}.mobile-suggestion-info{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.mobile-suggestion-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.mobile-suggestion-meta{color:var(--text-muted);gap:6px;font-size:12px;display:flex}@media (max-width:1024px){.navbar-nav,.navbar-actions .search-container{display:none}.mobile-search-toggle{display:block}.btn-signin{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}.user-avatar{aspect-ratio:1;object-fit:cover;width:36px;min-width:36px;height:36px}}@media (max-width:768px){.navbar-container{padding:10px var(--space-md);position:relative}.navbar-logo{font-size:var(--font-size-xl);margin-right:auto;position:static;transform:none}.mobile-menu{top:60px}.mobile-nav-link{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-base)}.user-name{display:none}}.navbar-discord-link{color:#5865f2;justify-content:center;align-items:center;font-size:24px;transition:transform .2s;display:flex}.navbar-discord-link:hover{filter:drop-shadow(0 0 8px #5865f280);transform:scale(1.1)}@media (max-width:480px){.navbar-container{gap:var(--space-sm);padding:8px 12px}.navbar-logo{font-size:var(--font-size-lg)}.mobile-menu-toggle{padding:6px;font-size:22px}.mobile-menu{padding:12px;top:50px}.mobile-search{margin-bottom:12px;padding:10px}.mobile-search input{font-size:var(--font-size-sm)}.mobile-nav-link{font-size:var(--font-size-sm);padding:10px 12px}.mobile-signin{font-size:var(--font-size-sm);margin-top:12px;padding:10px}}@media (max-width:360px){.navbar-logo{font-size:var(--font-size-base)}.mobile-menu-toggle{font-size:20px}}
.footer{background:var(--bg-primary);padding-top:var(--space-3xl);margin-top:var(--space-3xl);position:relative;overflow:hidden}.footer-glow{background:radial-gradient(ellipse,var(--primary-glow)0%,transparent 70%);opacity:.3;pointer-events:none;width:600px;height:300px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-container{max-width:1400px;padding:0 var(--space-lg);gap:var(--space-3xl);grid-template-columns:1.5fr 2fr;margin:0 auto;display:grid}.footer-brand{max-width:350px}.footer-logo{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);font-weight:800;display:inline-flex}.footer-logo .logo-text{color:var(--text-primary)}.footer-logo .logo-accent{color:var(--primary)}.footer-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);line-height:1.7}.footer-social{gap:var(--space-sm);display:flex}.social-link{background:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex}.social-link:hover{background:var(--gradient-primary);color:var(--text-primary);transform:translateY(-3px)}.footer-links-grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.footer-links-title{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:600}.footer-links-list{gap:var(--space-sm);flex-direction:column;display:flex}.footer-link{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.footer-bottom{margin-top:var(--space-3xl);padding:var(--space-lg)0;border-top:1px solid var(--bg-card)}.footer-bottom-container{max-width:1400px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);margin:0 auto;display:flex}.copyright{font-size:var(--font-size-sm);color:var(--text-secondary)}.disclaimer{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;max-width:500px}@media (max-width:1024px){.footer-container{gap:var(--space-2xl);grid-template-columns:1fr}.footer-brand{text-align:center;max-width:100%}.footer-social{justify-content:center}.footer-links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer-links-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.footer-bottom-container{text-align:center;flex-direction:column}.disclaimer{text-align:center}}