body{margin:0;font-family:Roboto,sans-serif}.MuiAppBar-root{-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;width:100%!important;margin:0!important;left:0!important;right:0!important}.MuiDrawer-paper{background-color:#fff}.mobile-menu-btn{display:block}.desktop-nav{display:none}.hero-section{color:#fff;background:url(/img/poppo/bg_1.png) 50%/cover;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.hero-text{max-width:100%}.hero-title{text-shadow:2px 2px 4px #0000004d;-webkit-text-fill-color:transparent;background-color:#f1f1f1;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem!important;font-size:.7rem!important;font-weight:700!important;line-height:1.2!important}.hero-subtitle{opacity:.9;text-shadow:1px 1px 2px #0000004d;color:#f0f0f0;margin-bottom:2rem!important;font-size:.35rem!important;line-height:1.6!important}.hero-buttons{width:100%;max-width:300px}.hero-cta-primary,.hero-cta-secondary{width:100%;border-radius:20px!important;padding:6px 12px!important;font-size:.8rem!important;transition:all .3s!important}.hero-cta-primary{background-color:#1976d2!important;margin-bottom:1rem!important}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;background-color:#1565c0!important}.hero-cta-secondary{color:#fff!important;border-color:#fff!important}.hero-cta-secondary:hover{transform:translateY(-2px);background-color:#ffffff1a!important;border-color:#1976d2!important}.hero-platforms{margin-top:1rem}.platforms-label{opacity:.8;margin-bottom:1rem!important}.platforms-grid{grid-template-columns:repeat(2,1fr);gap:.2rem;display:grid}.platform-badge{background-color:#fff3!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:3px!important;display:flex!important}.hero-image{justify-content:center;display:flex}.hero-app-image{border-radius:16px;width:100%;max-width:300px;height:auto}@media (min-width:768px){.mobile-menu-btn{display:none}.desktop-nav{align-items:center;display:flex}.hero-section{padding:4rem 2rem}.hero-content{text-align:left;flex-direction:row;max-width:1200px;margin:0 auto}.hero-text{flex:1;max-width:50%}.hero-title{font-size:.98rem!important}.hero-subtitle{font-size:.42rem!important}.hero-buttons{max-width:none;flex-direction:row!important;gap:1rem!important}.hero-cta-primary,.hero-cta-secondary{flex:1;max-width:150px;width:auto!important;padding:8px 16px!important;font-size:.9rem!important}.hero-cta-primary{margin-bottom:0!important}.platforms-grid{grid-template-columns:repeat(4,1fr)}.hero-image{flex:1;max-width:50%}.hero-app-image{max-width:400px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.MuiToolbar-root{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.MuiToolbar-root::-webkit-scrollbar{display:none}@media (max-width:767px){.desktop-nav .MuiButton-root:nth-child(n+4){display:none}}