@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Roboto,sans-serif;font-weight:400;background-color:#f8fafc;overflow-x:hidden;margin:0;padding:0;line-height:1.6}#root{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:700;margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#65a30d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4d7c0f}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#hero{min-height:100vh;display:flex;align-items:center;position:relative;z-index:1}.hero-content{position:relative;z-index:10}.hero-image-container{opacity:1;visibility:visible}.fade-in{opacity:0;animation:fadeIn 1s ease-out forwards}@keyframes fadeIn{to{opacity:1}}#about{position:relative;z-index:2;opacity:1;min-height:100vh;display:block;visibility:visible}.feature-card,.story-section{opacity:1;visibility:visible;transform:none}@media(max-width:768px){#hero{min-height:90vh;padding-top:2rem}#about{min-height:auto;padding:4rem 0}}