:root{--bg-color:#121212;--text-color:#e0e0e0;--accent-color:#2a2a2a;--hover-color:#303030}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;min-height:-webkit-fill-available}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}}a{color:#e0e0e0;color:var(--text-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.app{display:flex;flex-direction:column;min-height:100vh;padding:2rem}.container{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4rem}.brand{display:flex;flex-direction:column;gap:.75rem}.brand-icon{height:40px;object-fit:contain;width:40px}.logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.main-text h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.main-text p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;opacity:.9}.focus-areas{grid-gap:1rem;background-color:var(--accent-color);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.focus-area{padding:2rem;text-align:center;transition:background-color .2s ease}.focus-area:hover{background-color:var(--hover-color)}.focus-area h3{font-size:1.2rem;margin-bottom:.5rem}.focus-area p{font-size:.9rem;opacity:.8}.footer{font-size:.9rem;margin-top:4rem;opacity:.7;text-align:center}@media (max-width:1024px){.main-text h1{font-size:2.5rem}}@media (max-width:768px){.app{padding:1.5rem}.header{margin-bottom:2rem}.brand-icon{height:35px;width:35px}.content{gap:2rem;grid-template-columns:1fr}.main-text{text-align:center}.main-text h1{font-size:2rem}.main-text p{font-size:1rem}.focus-areas{padding:1.5rem}}@media (max-width:480px){.app{padding:1rem}.brand-icon{height:30px;width:30px}.logo{font-size:1.25rem}.main-text h1{font-size:1.75rem}.focus-areas{gap:.75rem;grid-template-columns:1fr}.focus-area{padding:1.5rem}.focus-area h3{font-size:1.1rem}.footer{margin-top:2rem}}
/*# sourceMappingURL=main.d9caa048.css.map*/