:root{--primary-color: #7f54b3;--secondary-color: #000000;--background-color: #ffffff;--text-color: #333333;--gray-color: #666666;--light-gray: #f5f5f5;--border-color: #e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.8}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.header{background-color:var(--secondary-color);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none}.nav{display:flex;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;transition:color .3s ease;font-size:1rem}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.hero{position:relative;height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--secondary-color)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;padding:2rem}.hero-title{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero-tagline{font-size:1.5rem;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.blog-section{padding:4rem 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.blog-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:box-shadow .3s ease}.blog-card:hover{box-shadow:0 4px 12px #0000001a}.blog-date{color:var(--gray-color);font-size:.875rem;margin-bottom:.5rem}.blog-title{color:var(--secondary-color);margin-bottom:1rem}.blog-excerpt{color:var(--text-color);line-height:1.6}.page-content{padding:4rem 0;min-height:60vh}.page-title{text-align:center;margin-bottom:3rem;color:var(--secondary-color)}.blog-post{max-width:800px;margin:0 auto}.post-header{margin-bottom:2rem;text-align:center}.post-header h1{color:var(--secondary-color);margin-bottom:1rem}.post-meta{display:flex;gap:1rem;justify-content:center;color:var(--gray-color);font-size:.875rem}.post-content{line-height:1.8;color:var(--text-color)}.post-content p{margin-bottom:1.5rem}.post-image{width:100%;max-width:600px;height:auto;display:block;margin:2rem auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.blog-title-link{color:var(--secondary-color);text-decoration:none;transition:color .3s ease}.blog-title-link:hover{color:var(--primary-color)}.read-more-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;display:inline-block;margin-top:1rem;transition:color .3s ease}.read-more-link:hover{color:var(--secondary-color)}.post-paragraph{margin-bottom:1.5rem;line-height:1.8}.post-heading{color:var(--secondary-color);margin:2rem 0 1rem}.post-list{margin:1.5rem 0;padding-left:2rem}.post-list li{margin-bottom:.5rem;line-height:1.6}.loading{text-align:center;padding:4rem 0;color:var(--gray-color);font-size:1.1rem}.footer{background-color:var(--secondary-color);color:#fff;padding:2rem 0;text-align:center;margin-top:auto}.footer p{margin:0;opacity:.8}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-title{font-size:2.5rem}.hero-tagline{font-size:1.25rem}.blog-grid{grid-template-columns:1fr}}.video-container{position:relative;width:100%;padding-bottom:56.25%;margin:2rem 0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}