:root{--color-primary: #2CD3E1;--color-secondary: #FF8E4F;--color-accent: #FFD93D;--color-dark: #1F4287;--color-text: #071E3D;--font-heading: "Fredoka One", cursive;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:#4fb0e5;background-image:url(/background.png);background-size:cover;background-position:center;background-attachment:fixed;color:var(--color-text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;width:100%;margin:0 auto;padding:1rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:10}.hero-visual{position:relative;width:320px;height:320px;margin-bottom:0;display:flex;justify-content:center;align-items:flex-end}.chest-wrapper{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;z-index:1}.chest-img-masked{width:100%!important;height:auto!important;display:block}.logo-wrapper{position:absolute;bottom:60px;width:100%;display:flex;justify-content:center;z-index:2;animation:float 4s ease-in-out infinite}.logo-img{width:240px!important;height:auto!important;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}h1{font-family:var(--font-heading);font-size:clamp(3rem,7vw,5rem);line-height:1.1;margin:0 0 1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.title-top{color:#d65db1;text-shadow:3px 3px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.title-bottom{color:#00c49f;text-shadow:3px 3px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#071e3d;background:#ffffffe6;padding:1rem 2rem;border-radius:50px;box-shadow:0 4px 15px #0000001a;max-width:600px;margin:0 auto 2.5rem;line-height:1.5;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.features-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:1200px;margin-top:auto;padding-bottom:2rem;align-items:flex-end}.scroll-card{width:340px;height:200px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .3s ease}.scroll-card:hover{transform:translateY(-5px)}.scroll-bg-img{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;object-fit:fill;z-index:1}.scroll-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:38%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.card-icon-img{width:36px!important;height:36px!important;object-fit:contain;margin-bottom:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.card-title{font-family:var(--font-heading);color:#2d1b10;font-size:.85rem;line-height:1;font-weight:800;text-shadow:1px 1px 0px rgba(255,255,255,.6);margin-top:0;white-space:wrap;max-width:100%}.wave{position:fixed;bottom:0;left:0;width:100%;height:50px;background-size:cover;z-index:5;pointer-events:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e0f7fa}::-webkit-scrollbar-thumb{background:#2cd3e1;border-radius:5px}@media(max-width:600px){.hero-visual{width:280px;height:260px}.features-grid{gap:1rem}.scroll-card{width:260px;height:140px}.scroll-content{width:42%}.card-icon-img{width:28px!important;height:28px!important}.card-title{font-size:.75rem}}