.Header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Header__Content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.Header__Logo{position:relative;font-size:1.5rem;font-weight:700;color:var(--color-primary);transition:var(--transition);width:100px;height:64px}.Header__Logo:hover{opacity:.8}.Header__LogoText{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Header__Nav{display:flex;gap:var(--spacing-lg);align-items:center}.Header__NavLink{color:var(--color-text);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:var(--transition);position:relative}.Header__NavLink:hover{background:var(--color-primary);color:#fff}.Header__Actions{display:flex;align-items:center;gap:var(--spacing-md)}.Header__ThemeToggle{padding:var(--spacing-sm);border-radius:var(--border-radius);background:var(--color-surface);border:1px solid var(--color-border);font-size:1.2rem;transition:var(--transition)}.Header__ThemeToggle:hover{background:var(--color-primary);color:#fff}.Header__User,.Header__UserLink{display:flex;align-items:center;gap:var(--spacing-sm)}.Header__UserLink{padding:var(--spacing-sm);border-radius:var(--border-radius);transition:var(--transition)}.Header__UserLink:hover{background:var(--color-surface)}.Header__UserImage{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.Header__UserName{font-weight:500;color:var(--color-text)}.Header__SignOut{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error);color:#fff;border-radius:var(--border-radius);font-size:.875rem;transition:var(--transition)}.Header__SignOut:hover{opacity:.9}.Header__LoginButton{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.Header__LoginButton:hover{opacity:.9}.Header__MenuToggle{display:none;flex-direction:column;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer}.Header__MenuIcon{position:relative}.Header__MenuIcon,.Header__MenuIcon:after,.Header__MenuIcon:before{width:100%;height:2px;background:var(--color-text);transition:var(--transition)}.Header__MenuIcon:after,.Header__MenuIcon:before{content:"";position:absolute}.Header__MenuIcon:before{top:-6px}.Header__MenuIcon:after{bottom:-6px}.Header__Nav__SignOut{display:none;background:var(--color-error);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;transition:var(--transition)}@media (max-width:768px){.Header__Nav__SignOut{display:block;margin-top:auto}.Header__SignOut{display:none}.Header__Actions,.Header__Logo{z-index:9}.Header__Nav{position:fixed;top:100%;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);flex-direction:column;padding:var(--spacing-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition)}.Header__Nav--open{transform:translateY(0);opacity:1;visibility:visible;height:calc(100vh - 80px);top:80px;overflow:auto}.Header__NavLink{width:100%;text-align:center;padding:var(--spacing-md)}.Header__NavLink:last-child{margin-bottom:100px}.Header__MenuToggle{display:flex;margin-right:24px}.Header__User{flex-direction:column;gap:var(--spacing-xs)}.Header__UserName{display:none}}.Footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}.Footer__Content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0}.Footer__Brand{max-width:300px}.Footer__Logo{display:inline-block;margin-bottom:var(--spacing-md)}.Footer__LogoText{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Footer__Description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.Footer__Social{display:flex;gap:var(--spacing-md)}.Footer__SocialLink{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:var(--transition);text-decoration:none}.Footer__SocialLink:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}.Footer__SocialIcon{font-size:1.2rem;width:24px;height:24px}.Footer__Section{display:flex;flex-direction:column;gap:var(--spacing-md)}.Footer__SectionTitle{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.Footer__Nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.Footer__NavLink{color:var(--color-text-secondary);transition:var(--transition);padding:var(--spacing-xs) 0}.Footer__NavLink:hover{color:var(--color-primary);padding-left:var(--spacing-sm)}.Footer__Contact{display:flex;flex-direction:column;gap:var(--spacing-md)}.Footer__ContactItem{display:flex;align-items:center;gap:var(--spacing-sm)}.Footer__ContactIcon{font-size:1.1rem;width:20px;text-align:center}.Footer__ContactLink{color:var(--color-text-secondary);transition:var(--transition)}.Footer__ContactLink:hover{color:var(--color-primary)}.Footer__NewsletterText{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.Footer__Newsletter{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.Footer__NewsletterInput{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background);color:var(--color-text);font-size:.9rem}.Footer__NewsletterInput:focus{border-color:var(--color-primary);outline:none}.Footer__NewsletterButton{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.Footer__NewsletterButton:hover{background:var(--color-secondary)}.Footer__Bottom{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0}.Footer__BottomContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.Footer__Copyright{color:var(--color-text-secondary);font-size:.9rem}.Footer__Legal{display:flex;gap:var(--spacing-lg)}.Footer__LegalLink{color:var(--color-text-secondary);font-size:.9rem;transition:var(--transition)}.Footer__LegalLink:hover{color:var(--color-primary)}@media (max-width:768px){.Footer__Content{grid-template-columns:1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) 0}.Footer__Brand{max-width:none;text-align:center}.Footer__Social{justify-content:center}.Footer__Newsletter{flex-direction:column}.Footer__NewsletterButton{align-self:stretch}.Footer__BottomContent{flex-direction:column;text-align:center}.Footer__Legal{justify-content:center}}@media (max-width:480px){.Footer__Content{padding:var(--spacing-lg) 0}.Footer__Social{flex-wrap:wrap}.Footer__Legal{flex-direction:column;gap:var(--spacing-sm)}}