.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-primary);z-index:1000;width:100%;height:70px;transition:all var(--duration-300)var(--ease-out);background:rgba(255,255,255,.95);position:fixed;top:0;left:0}[data-color-scheme=dark] .header{border-bottom-color:var(--color-dark-border);background:rgba(10,10,11,.95)}.nav{height:100%;padding:0 var(--space-24);max-width:var(--container-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.nav__brand{flex-shrink:0}.nav__right{align-items:center;gap:var(--space-6);display:flex}.nav__logo-button{cursor:pointer;transition:opacity var(--duration-normal)var(--ease-standard),transform var(--duration-normal)var(--ease-standard);background:0 0;border:none;align-items:center;padding:0;display:flex}.nav__logo-button:hover{opacity:.8;transform:scale(1.02)}.nav__logo-button:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.nav__logo{filter:brightness(0)saturate();width:auto;height:40px;transition:filter var(--duration-normal)var(--ease-standard)}[data-color-scheme=dark] .nav__logo{filter:brightness(0)saturate()invert()}.nav__menu{align-items:center;gap:var(--space-8);margin:0;margin-right:var(--space-4);padding:0;list-style:none;display:flex}.nav__link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);transition:all var(--duration-200)var(--ease-out);white-space:nowrap;background:0 0;border:none;text-decoration:none;position:relative}.nav__link:hover{color:var(--color-primary);background-color:var(--color-primary-subtle);transform:translateY(-1px)}.nav__link:active{transform:translateY(0)}[data-color-scheme=dark] .nav__link{color:var(--color-dark-text-secondary)}[data-color-scheme=dark] .nav__link:hover{color:var(--color-dark-primary);background-color:var(--color-dark-primary-subtle)}.nav__controls{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.theme-toggle,.lang-toggle{background:var(--color-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--duration-200)var(--ease-out);justify-content:center;align-items:center;display:flex}.theme-toggle:hover,.lang-toggle:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.theme-toggle:active,.lang-toggle:active{transform:translateY(0)}[data-color-scheme=dark] .theme-toggle,[data-color-scheme=dark] .lang-toggle{background:var(--color-dark-surface);border-color:var(--color-dark-border);color:var(--color-dark-text-secondary)}[data-color-scheme=dark] .theme-toggle:hover,[data-color-scheme=dark] .lang-toggle:hover{background-color:var(--color-dark-primary-subtle);border-color:var(--color-dark-primary);color:var(--color-dark-primary)}.theme-toggle__icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.theme-toggle__icon svg{width:100%;height:100%}.lang-toggle__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.nav__toggle{background:var(--color-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;width:36px;height:36px;padding:var(--space-2);justify-content:center;gap:var(--space-1);transition:all var(--duration-200)var(--ease-out);flex-direction:column;display:none}.nav__toggle:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary);transform:translateY(-1px)}[data-color-scheme=dark] .nav__toggle{background:var(--color-dark-surface);border-color:var(--color-dark-border)}[data-color-scheme=dark] .nav__toggle:hover{background-color:var(--color-dark-primary-subtle);border-color:var(--color-dark-primary)}.nav__toggle span{background-color:var(--color-text-secondary);width:100%;height:2px;transition:all var(--duration-200)var(--ease-out);border-radius:var(--radius-full)}.nav__toggle:hover span{background-color:var(--color-primary)}[data-color-scheme=dark] .nav__toggle span{background-color:var(--color-dark-text-secondary)}[data-color-scheme=dark] .nav__toggle:hover span{background-color:var(--color-dark-primary)}@media (max-width:768px){.nav{padding:0 var(--space-4)}.nav__menu{background:var(--color-card-background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:flex-start;align-items:stretch;gap:var(--space-2);width:280px;height:calc(100vh - 70px);padding:var(--space-6);transition:transform var(--duration-300)var(--ease-out);box-shadow:var(--shadow-xl);border-left:1px solid var(--color-border-primary);flex-direction:column;margin:0;position:fixed;top:70px;right:0;transform:translate(100%)}.nav__menu.active{transform:translate(0)}.nav__link{text-align:left;width:100%;padding:var(--space-4)var(--space-5);font-size:var(--font-size-base);border-radius:var(--radius-lg);margin-bottom:var(--space-1);border:1px solid transparent}.nav__link:hover{border-color:var(--color-primary-200);background-color:var(--color-primary-subtle)}.nav__link:last-child{border-bottom:1px solid transparent}.nav__toggle{display:flex}.nav__right{gap:var(--space-3)}.nav__controls{gap:var(--space-2)}.theme-toggle,.lang-toggle,.nav__toggle{width:32px;height:32px}[data-color-scheme=dark] .nav__menu{background:var(--color-dark-bg-card);border-left-color:var(--color-dark-border)}[data-color-scheme=dark] .nav__link:hover{border-color:var(--color-dark-primary-200);background-color:var(--color-dark-primary-subtle)}}.nav__menu.active~.nav__controls .nav__toggle span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__menu.active~.nav__controls .nav__toggle span:nth-child(2){opacity:0}.nav__menu.active~.nav__controls .nav__toggle span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.nav__link:focus,.theme-toggle:focus,.lang-toggle:focus,.nav__toggle:focus{outline:var(--focus-outline);outline-offset:2px}
.footer{background:var(--color-charcoal-700);color:var(--color-gray-200);padding:60px var(--space-24)var(--space-24);position:relative}[data-color-scheme=light] .footer{background:var(--color-slate-900)}.footer__content{gap:var(--space-32);margin-bottom:var(--space-32);grid-template-columns:1fr 1fr;display:grid}.footer__brand{max-width:400px}.footer__logo-container{margin-bottom:var(--space-16)}.footer__logo{filter:brightness(0)saturate()invert();opacity:.9;width:auto;height:40px}.footer__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-teal-300);margin:0 0 var(--space-16)}.footer__description{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:rgba(var(--color-gray-200-rgb),.8);margin:0}.footer__links{gap:var(--space-32);grid-template-columns:1fr 1fr;display:grid}.footer__section h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-200);margin:0 0 var(--space-16)}.footer__section ul{margin:0;padding:0;list-style:none}.footer__section li{margin-bottom:var(--space-8)}.footer__link{color:rgba(var(--color-gray-200-rgb),.7);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-4)0;transition:color var(--duration-normal)var(--ease-standard);background:0 0;border:none;font-family:inherit;text-decoration:none}.footer__link:hover{color:var(--color-teal-300)}.footer__bottom{padding-top:var(--space-24);border-top:1px solid rgba(var(--color-gray-200-rgb),.1);text-align:center}.footer__bottom p{font-size:var(--font-size-sm);color:rgba(var(--color-gray-200-rgb),.6);margin:0}@media (max-width:1024px){.footer__content{gap:var(--space-24);grid-template-columns:1fr}.footer__links{gap:var(--space-24);grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer{padding:40px var(--space-16)var(--space-16)}.footer__content{gap:var(--space-20);margin-bottom:var(--space-20)}.footer__links{gap:var(--space-20);grid-template-columns:1fr}.footer__title{font-size:var(--font-size-2xl)}.footer__bottom{padding-top:var(--space-16)}}.footer__link:focus{outline:2px solid var(--color-teal-300);outline-offset:2px;border-radius:var(--radius-sm)}