.header{height:var(--header-height);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);z-index:100;background:#06060bd9;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);height:100%;display:flex}.header-logo{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:flex}.logo-icon{font-size:var(--text-2xl);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-text{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.header-nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--bg-glass)}.nav-link.active{color:var(--accent-secondary);background:var(--tag-bg)}.header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.btn-login{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.nav-profile-btn{border-radius:var(--radius-full);width:36px;height:36px;padding:0}.profile-avatar{border-radius:var(--radius-full);background:var(--accent-gradient);width:32px;height:32px;font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;font-weight:600;display:flex}.mobile-menu-btn{justify-content:center;align-items:center;width:40px;height:40px;display:none}.hamburger{flex-direction:column;gap:5px;width:20px;display:flex}.hamburger span{background:var(--text-secondary);height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.header-nav{top:var(--header-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-4);gap:var(--space-2);border-bottom:1px solid var(--border-subtle);opacity:0;pointer-events:none;transition:all var(--transition-base);background:#06060bf2;flex-direction:column;position:fixed;left:0;right:0;transform:translateY(-100%)}.header-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{width:100%;padding:var(--space-3) var(--space-4)}.mobile-menu-btn{display:flex}.btn-login{display:none}}
.footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-16)}.footer-inner{align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;display:flex}.footer-brand{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--space-2);display:flex}.footer-logo .logo-icon{font-size:var(--text-xl);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-logo .logo-text{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.footer-powered{color:var(--text-tertiary);font-size:var(--text-sm)}.footer-links{gap:var(--space-6);display:flex}.footer-link{color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--accent-secondary)}.footer-copyright{color:var(--text-tertiary);font-size:var(--text-xs)}