.navbar{position:fixed;top:0;left:0;right:0;height:40px;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a1a;-blue);box-shadow:0 2px 8px #0000001a}.nav-brand h1{font-size:1.5rem;margin:0;color:#646cff}.navigation-buttons{display:flex;justify-content:center;gap:1rem;margin:2rem auto;flex-wrap:wrap;max-width:600px}.nav-button{background:rgba(100,108,255,.1);border:1px solid #646cff;color:#646cff;-blue);padding:.8rem 1.5rem;border-radius:4px;transition:all .3s ease;min-width:120px;font-weight:500}.nav-button:hover{background:#646cff;-blue);color:#fff;transform:translateY(-2px)}.nav-action-btn{padding:.4rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;transition:all .3s ease;background:transparent;border:1px solid #646cff;color:#646cff}.nav-action-btn.highlight{background:#646cff;color:#fff;-blue);border:none}.nav-action-btn:hover{background:#646cff;-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #646cff33}.nav-actions{display:flex;gap:12px;align-items:center}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-content{flex:1;padding-top:40px}.main-content{padding:2rem;width:100%;max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}} left: 0; position: absolute; color: var(--fb-blue); content: "•";.service-card li:before{}position: relative; padding-left: 1.5rem; margin: .5rem 0;.service-card li{}color: #65676B; padding: 0; list-style: none;.service-card ul{}margin-bottom: 1rem; color: var(--fb-dark);.service-card h3{}box-shadow: 0 2px 4px rgba(0,0,0,.1); border-radius: 8px; padding: 2rem; background: #ffffff;.service-card{}margin-top: 2rem; gap: 2rem; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); display: grid;.services-grid{}width: 100%; margin: 4rem 0;.services-preview{}margin: 0; font-size: 2.5rem; color: var(--fb-blue);.stat-item h3{}text-align: center;.stat-item{}justify-content: center; margin: 4rem 0; gap: 3rem; display: flex;.stats-container{}margin-bottom: 3rem; font-size: 1.5rem; color: #65676B;.hero-subtitle{}margin-bottom: 1rem; font-size: 3.5rem; color: var(--fb-dark);.hero-title{.feature-card{background:#ffffff;border:1px solid rgba(24,119,242,.2);box-shadow:0 2px 4px #0000001a}.feature-card:hover{border-color:var(--fb-blue)}.feature-card h3{color:var(--fb-dark)}@media screen and (max-width: 768px){.navbar{padding:0 1rem}.nav-brand h1{font-size:1.2rem}.nav-actions{display:none}.navigation-buttons{gap:.5rem;padding:.5rem}.nav-button{min-width:100px;padding:.6rem 1rem;font-size:.9rem}.main-content,.hero-section{padding:1rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.stats-container{grid-template-columns:1fr;gap:1rem}.features-section{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.feature-card{padding:1.5rem}.services-grid{grid-template-columns:1fr;gap:1rem}.service-card{padding:1.5rem}}@media screen and (min-width: 769px) and (max-width: 1024px){.features-section,.stats-container{grid-template-columns:repeat(2,1fr)}}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--fb-text);background-color:var(--fb-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--fb-blue: #1877f2;--fb-hover: #166fe5;--fb-dark: #1d3c78;--fb-light: #e7f3ff;--fb-bg: #f0f2f5;--fb-primary: #1877f2;--fb-primary-dark: #1561c5;--fb-secondary: #42b72a;--fb-text: #1c1e21;--fb-text-secondary: #65676b;--fb-white: #ffffff;--fb-shadow: rgba(0, 0, 0, .1)}a {font-weight: 500; color: #646cff; text-decoration: inherit;} a:hover {color: #535bf2;} body {margin: 0; min-width: 320px; min-height: 100vh; background: linear-gradient(to bottom,var(--fb-bg) 0%,#ffffff 100%);} h1 {font-size: 3.2em; line-height: 1.1;} button {border-radius: 8px; border: 1px solid transparent; padding: .6em 1.2em; font-size: 1em; font-weight: 500; font-family: inherit; background-color: #1a1a1a; cursor: pointer; transition: border-color .25s;} button:hover {border-color: #646cff;} button:focus,button:focus-visible {outline: 4px auto -webkit-focus-ring-color;} .card {padding: 2em;} #app {max-width: 1280px; margin: 0 auto; padding: 2rem; text-align: center;} @media (prefers-color-scheme: light) {:root {color: #2C3E50; background-color: #ffffff;} a:hover {color: #3B82F6;} button {background-color: #ffffff;} .navbar {background-color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,.1);} .nav-button {color: #213547;}}}