.app-header[data-v-3f5d3c8c]{background:var(--color-bg-surface);border-bottom:var(--border-width-thin) solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-index-sticky)}.header-content[data-v-3f5d3c8c]{align-items:center;display:flex;justify-content:space-between;min-height:70px;padding:var(--space-4) 0}.brand-link[data-v-3f5d3c8c]{color:inherit;text-decoration:none}.brand-name[data-v-3f5d3c8c]{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0;transition:color var(--transition-duration) var(--transition-timing-function)}.brand-link:hover .brand-name[data-v-3f5d3c8c]{color:var(--color-accent)}.desktop-nav[data-v-3f5d3c8c]{display:none}.nav-list[data-v-3f5d3c8c]{align-items:center;display:flex;gap:var(--space-8);list-style:none;margin:0;padding:0}.nav-link[data-v-3f5d3c8c]{border-radius:var(--radius-sm);color:var(--color-text-primary);font-weight:500;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:all var(--transition-duration) var(--transition-timing-function)}.nav-link[data-v-3f5d3c8c]:hover{background:var(--color-bg-muted);color:var(--color-primary)}.nav-link-active[data-v-3f5d3c8c]{color:var(--color-primary);font-weight:600}.nav-link-active[data-v-3f5d3c8c]:after{background:var(--color-primary);border-radius:var(--radius-full);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:20px}.mobile-menu-btn[data-v-3f5d3c8c]{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:var(--space-2);width:40px}.hamburger-line[data-v-3f5d3c8c]{background:var(--color-text-primary);border-radius:var(--radius-full);height:2px;transition:all var(--transition-duration) var(--transition-timing-function);width:24px}.hamburger-line.active[data-v-3f5d3c8c]:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-line.active[data-v-3f5d3c8c]:nth-child(2){opacity:0}.hamburger-line.active[data-v-3f5d3c8c]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav[data-v-3f5d3c8c]{background:var(--color-bg-surface);border-top:var(--border-width-thin) solid var(--color-border);display:block;max-height:0;overflow:hidden;transition:max-height var(--transition-duration) var(--transition-timing-function)}.mobile-nav-open[data-v-3f5d3c8c]{max-height:400px}.mobile-nav-list[data-v-3f5d3c8c]{list-style:none;margin:0;padding:var(--space-4) 0}.mobile-nav-item[data-v-3f5d3c8c]{border-bottom:var(--border-width-thin) solid var(--color-border)}.mobile-nav-item[data-v-3f5d3c8c]:last-child{border-bottom:none}.mobile-nav-link[data-v-3f5d3c8c]{color:var(--color-text-primary);display:block;font-weight:500;padding:var(--space-4);text-decoration:none;transition:all var(--transition-duration) var(--transition-timing-function)}.mobile-nav-link[data-v-3f5d3c8c]:hover{background:var(--color-bg-muted);color:var(--color-primary)}@media (min-width:768px){.desktop-nav[data-v-3f5d3c8c]{display:block}.mobile-menu-btn[data-v-3f5d3c8c],.mobile-nav[data-v-3f5d3c8c]{display:none}}.app-footer[data-v-375a22d9]{background:var(--color-neutral-800);color:var(--color-text-inverse);margin-top:auto;margin-top:var(--space-8)}.footer-content[data-v-375a22d9]{display:grid;gap:var(--space-8);grid-template-columns:1fr;padding:var(--space-16) 0 var(--space-12)}.footer-section[data-v-375a22d9]{display:flex;flex-direction:column;gap:var(--space-4)}.footer-title[data-v-375a22d9]{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0}.footer-subtitle[data-v-375a22d9]{color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:600;margin:0}.footer-description[data-v-375a22d9]{color:var(--color-neutral-300);line-height:var(--line-height-relaxed);margin:0}.footer-links[data-v-375a22d9]{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.footer-link[data-v-375a22d9]{color:var(--color-neutral-300);text-decoration:none;transition:color var(--transition-duration) var(--transition-timing-function)}.footer-link[data-v-375a22d9]:hover{color:var(--color-primary)}.social-links[data-v-375a22d9]{display:flex;gap:var(--space-4);margin-top:var(--space-2)}.social-link[data-v-375a22d9]{align-items:center;background:var(--color-neutral-700);border-radius:var(--radius-md);color:var(--color-neutral-300);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all var(--transition-duration) var(--transition-timing-function);width:40px}.social-link[data-v-375a22d9]:hover{background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px)}.contact-info[data-v-375a22d9]{flex-direction:column}.contact-info[data-v-375a22d9],.contact-item[data-v-375a22d9]{display:flex;gap:var(--space-3)}.contact-item[data-v-375a22d9]{align-items:flex-start;color:var(--color-neutral-300)}.contact-icon[data-v-375a22d9]{color:var(--color-primary);flex-shrink:0;margin-top:2px}.footer-bottom[data-v-375a22d9]{border-top:var(--border-width-thin) solid var(--color-neutral-700);padding:var(--space-6) 0}.footer-bottom-content[data-v-375a22d9]{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.copyright[data-v-375a22d9]{color:var(--color-neutral-400);font-size:var(--font-size-sm);margin:0}.footer-bottom-links[data-v-375a22d9]{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center}.footer-bottom-link[data-v-375a22d9]{color:var(--color-neutral-400);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-duration) var(--transition-timing-function)}.footer-bottom-link[data-v-375a22d9]:hover{color:var(--color-primary)}@media (min-width:640px){.footer-content[data-v-375a22d9]{grid-template-columns:repeat(2,1fr)}.footer-bottom-content[data-v-375a22d9]{flex-direction:row;justify-content:space-around;text-align:left}}@media (min-width:768px){.footer-content[data-v-375a22d9]{grid-template-columns:2fr 1fr 1fr 1.5fr}}@media (min-width:1024px){.footer-content[data-v-375a22d9]{padding:var(--space-20) 0 var(--space-16)}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:var(--space-12)}@media (min-width:768px){.main-content{padding-top:var(--space-16)}}