.app-container{background-color:var(--bg-secondary,#f8fafc);flex-direction:column;min-height:100vh;display:flex}.top-nav{background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);z-index:100;transition:var(--transition,all .2s ease);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 2rem;display:flex}.nav-left{align-items:center;gap:3rem;display:flex}.logo{color:var(--text-primary,#1e293b);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-icon{background:var(--accent-primary,#f97316);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.greeting{color:var(--text-primary,#0f172a);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.greeting-sub{color:var(--text-secondary,#475569);font-size:.9375rem}.services-section{margin-top:.5rem}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (max-width:900px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.services-grid{grid-template-columns:1fr}}.service-tile{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-primary,#fff);min-height:140px;box-shadow:var(--shadow,0 1px 3px #0000000d);transition:var(--transition,all .2s ease);text-align:center;color:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem 1rem;text-decoration:none;display:flex}.service-tile:hover{border-color:var(--accent-primary,#f97316);box-shadow:var(--shadow-md,0 4px 12px #0000000d);transform:translateY(-1px)}.service-tile-icon{width:48px;height:48px;color:var(--accent-primary,#f97316);border-radius:14px;justify-content:center;align-items:center;font-size:22px;display:flex}.service-tile-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:700}.service-tile-sub{color:var(--text-secondary,#475569);font-size:.875rem}.footer{background:var(--bg-primary,#fff);border-top:1px solid var(--border-color,#e2e8f0);text-align:center;margin-top:auto;padding:1.25rem 2rem}.footer p{color:var(--text-secondary,#475569);margin:0;font-size:.8125rem}@media (max-width:992px){.nav-container{padding:0 1rem}.main-content{padding:1.5rem}}
