.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:#1c1c1ed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.header-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.header-logo img{width:40px;height:40px;border-radius:var(--radius-sm)}.header-logo span{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.header-nav{display:flex;align-items:center;gap:var(--spacing-xl)}.header-nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.header-nav a:hover{color:var(--color-text-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--spacing-sm);cursor:pointer}.mobile-menu-toggle span{width:24px;height:2px;background-color:var(--color-text-primary);transition:all var(--transition-fast)}@media(max-width:768px){.mobile-menu-toggle{display:flex}.header-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;flex-direction:column;gap:0;padding:var(--spacing-xl);background-color:#1c1c1eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(100%);transition:transform var(--transition-base);z-index:50;overflow-y:auto;min-height:100vh}.header-nav.open{transform:translate(0)}.header-nav a{font-size:var(--font-size-lg);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-bg-tertiary);width:100%;display:block;text-align:center;color:#ffffffe6;font-weight:var(--font-weight-semibold)}.header-actions .btn{display:none}.account-dropdown{display:block!important}}.account-dropdown{position:relative}.account-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all var(--transition-fast)}.account-btn:hover{background-color:#ffffff26;border-color:#fff3}.account-btn svg{width:20px;height:20px;stroke:var(--color-text-primary)}.account-btn.logged-in svg circle:nth-child(2),.account-btn.logged-in svg path{fill:var(--color-text-primary)}.account-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:1000}.account-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.account-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;background:none;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.account-menu-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.account-menu-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid rgba(255,255,255,.05)}.account-menu-item:hover{background-color:#ffffff0d;color:var(--color-text-primary)}.account-menu-item svg{width:18px;height:18px;flex-shrink:0}.footer{background-color:var(--color-bg-secondary);border-top:1px solid rgba(255,255,255,.05);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.05)}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-logo img{width:32px;height:32px;border-radius:var(--radius-sm)}.footer-logo span{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.footer-brand p{font-size:var(--font-size-sm);line-height:1.7}.footer-links{display:flex;gap:var(--spacing-3xl)}.footer-column h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.footer-column ul{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-column a{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl)}.footer-copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-social{display:flex;gap:var(--spacing-md)}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:all var(--transition-fast)}.footer-social a:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}@media(max-width:768px){.footer-top{flex-direction:column;gap:var(--spacing-2xl)}.footer-brand{max-width:100%}.footer-links{flex-direction:column;gap:var(--spacing-xl)}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}