.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:56px;margin:0 auto;padding:0 1rem;display:flex}.header-logo{color:var(--color-text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700;text-decoration:none}.header-logo span{color:var(--color-primary)}.header-nav-desktop{align-items:center;gap:.25rem;display:flex}.header-nav-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.header-nav-link:hover,.header-nav-link.active{color:var(--color-text);background:var(--color-bg);text-decoration:none}.header-dropdown{position:relative}.header-nav-btn{color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;transition:color .15s,background .15s;display:flex}.header-nav-btn:hover{color:var(--color-text);background:var(--color-bg)}.header-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;min-width:200px;padding:.5rem;display:none;position:absolute;top:calc(100% + 4px);left:0}.header-dropdown:hover .header-dropdown-menu,.header-dropdown:focus-within .header-dropdown-menu{display:block}.header-dropdown-menu a{color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background .15s,color .15s;display:block}.header-dropdown-menu a:hover,.header-dropdown-menu a.active{background:var(--color-primary-light);color:var(--color-primary)}.header-hamburger{border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.header-hamburger span{background:var(--color-text);border-radius:1px;height:2px;transition:transform .2s,opacity .2s;display:block}.header-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.header-hamburger.open span:nth-child(2){opacity:0}.header-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header-mobile-nav{border-top:1px solid var(--color-border);background:var(--color-surface);padding:1rem;display:none}.header-mobile-section{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}.header-mobile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.header-mobile-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.header-mobile-nav a{color:var(--color-text);border-radius:var(--radius-sm);padding:.625rem .5rem;font-size:.95rem;text-decoration:none;display:block}.header-mobile-nav a:hover,.header-mobile-nav a.active{background:var(--color-primary-light);color:var(--color-primary)}@media (width<=768px){.header-nav-desktop{display:none}.header-hamburger{display:flex}.header-mobile-nav{display:block}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:3rem 1rem 1.5rem}.footer-brand{margin-bottom:2rem}.footer-logo{color:var(--color-text);font-size:1.125rem;font-weight:700;text-decoration:none}.footer-logo span{color:var(--color-primary)}.footer-tagline{color:var(--color-text-secondary);margin-top:.25rem;font-size:.875rem}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;display:grid}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.footer-col a{color:var(--color-text);padding:.25rem 0;font-size:.875rem;text-decoration:none;display:block}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1.5rem;display:flex}.footer-bottom p{color:var(--color-text-secondary);font-size:.8rem}.footer-privacy-note{color:var(--color-success)!important}@media (width<=640px){.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{text-align:center;flex-direction:column}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-bg:#f8f9fb;--color-surface:#fff;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-success:#059669;--color-success-light:#ecfdf5;--color-error:#dc2626;--color-error-light:#fef2f2;--color-warning:#d97706;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--max-width:1120px}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4{color:var(--color-text);line-height:1.3}