.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-bg,#fffffff2);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-slate-200,#e2e8f0);z-index:100;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.header-logo{letter-spacing:-.025em;color:var(--color-slate-900,#0f172a);text-transform:uppercase;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.header-logo:hover{text-decoration:none}.header-logo-icon{background-color:var(--color-accent,#2563eb);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .2s;display:flex}.header-logo:hover .header-logo-icon{transform:scale(1.05)}.header-logo-dot{background-color:#fff;border-radius:9999px;width:.75rem;height:.75rem}.app-navigation{display:flex}.nav-list{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--color-slate-500,#64748b);border-bottom:2px solid #0000;padding:.5rem 0;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--color-accent,#2563eb);border-bottom-color:#2563eb4d}.nav-link.active{color:var(--color-slate-900,#0f172a);border-bottom-color:var(--color-accent,#2563eb)}.mobile-menu-toggle{cursor:pointer;color:var(--color-slate-900,#0f172a);background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:background-color .2s;display:none}.mobile-menu-toggle:hover{background-color:var(--color-slate-50,#f8fafc)}.mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu-panel{background:var(--color-bg,#fff);z-index:201;flex-direction:column;width:280px;max-width:80vw;animation:.25s cubic-bezier(.4,0,.2,1) slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000001a}.mobile-menu-header{border-bottom:1px solid var(--color-slate-200,#e2e8f0);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.mobile-menu-title{color:var(--color-slate-900,#0f172a);font-size:1rem;font-weight:600}.mobile-menu-close{cursor:pointer;color:var(--color-slate-500,#64748b);background:0 0;border:none;border-radius:.375rem;padding:.25rem;transition:background-color .2s}.mobile-menu-close:hover{background-color:var(--color-slate-50,#f8fafc);color:var(--color-slate-900,#0f172a)}.mobile-menu-nav{flex:1;padding:1rem 0;overflow-y:auto}.mobile-menu-list{margin:0;padding:0;list-style:none}.mobile-nav-link{color:var(--color-slate-500,#64748b);border-left:3px solid #0000;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-nav-link:hover{color:var(--color-accent,#2563eb);background-color:var(--color-slate-50,#f8fafc);border-left-color:#2563eb4d}.mobile-nav-link.active{color:var(--color-slate-900,#0f172a);border-left-color:var(--color-accent,#2563eb);background-color:#2563eb0d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.footer{background:var(--color-slate-50,#f8fafc);border-top:1px solid var(--color-slate-200,#e2e8f0);margin-top:3rem;padding:3rem 0 1.5rem}.footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.footer-top{border-bottom:1px solid var(--color-slate-200,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-brand-logo{background:var(--color-accent,#2563eb);border-radius:.375rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.footer-brand-logo:after{content:"";background:#fff;border-radius:50%;width:.5rem;height:.5rem}.footer-brand-text{color:var(--color-slate-900,#0f172a);font-size:1rem;font-weight:700}.footer-social{gap:1rem;display:flex}.footer-social-link{width:2.25rem;height:2.25rem;color:var(--color-slate-500,#64748b);background:var(--color-bg,#fff);border:1px solid var(--color-slate-200,#e2e8f0);border-radius:.5rem;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.footer-social-link:hover{color:var(--color-accent,#2563eb);border-color:var(--color-accent,#2563eb);background:#2563eb0d}.footer-columns{border-bottom:1px solid var(--color-slate-200,#e2e8f0);grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:1.5rem;padding-bottom:2rem;display:grid}.footer-column-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-900,#0f172a);margin:0 0 1rem;font-size:.75rem;font-weight:600}.footer-column-list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.footer-column-link{color:var(--color-slate-500,#64748b);font-size:.875rem;text-decoration:none;transition:color .2s}.footer-column-link:hover{color:var(--color-accent,#2563eb)}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--color-slate-500,#64748b);margin:0;font-size:.875rem}@media (width<=1023px){.footer-columns{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.header-container{height:56px;padding:0 1rem}.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.footer{margin-top:2rem;padding:2rem 0 1.5rem}.footer-top{flex-direction:column;align-items:flex-start;gap:1rem}.footer-columns{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:.75rem}.footer-container{padding:0 1rem}}