.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.site-title{font-size:2rem;font-weight:600;color:inherit}.main-content{flex:1;max-width:800px;width:100%;margin:0 auto;padding:4rem 2rem}.hero{text-align:center;margin-bottom:4rem}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.5rem;color:#ffffffb3;font-weight:300}.about{margin-top:4rem}.section-title{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:inherit}.about-content{line-height:1.8}.about-content p{margin-bottom:1.5rem;font-size:1.1rem;color:#ffffffe6}.footer{padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;color:#fff9}@media (prefers-color-scheme: light){.header{border-bottom-color:#0000001a}.hero-subtitle{color:#000000b3}.about-content p{color:#000000e6}.footer{border-top-color:#0000001a;color:#0009}}@media (max-width: 768px){.header{padding:1.5rem 1rem}.site-title{font-size:1.5rem}.main-content{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:1.5rem}.about-content p{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}