@import"https://fonts.googleapis.com/css2?family=Courgette&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{font-family:Courgette,cursive;color:#fff;background:linear-gradient(#00001a,#060012)}input{background:none;border:none;outline:none;padding:10px 70px;width:100%;color:#fff}button{background-color:#00f;border:none;padding:10px 70px;margin:5px;color:#fff;border-radius:10px}.btn{background-color:#0707ff18;border:1px solid #0b0b60;padding:10px 90px}.MARSAN{background-color:#0000ff0e;border:1px solid #5fb4ff42;border-radius:10px;color:#fff;display:flex;flex-direction:column;align-items:center;padding:15px;box-sizing:border-box;flex:1 1 220px;max-width:280px}.MARSAN img{width:100%;max-width:100%;height:220px;object-fit:cover;border-radius:10px}.MARSAN h2{font-size:1rem;margin:10px 0 5px}.MARSAN p{font-size:.85rem;margin:3px 0;text-align:center}.products-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.site-footer{background-color:#0d4dae06;color:#fff;padding:20px 0;text-align:center;flex-shrink:0}@media(max-width:1024px){.MARSAN{flex:1 1 200px;max-width:240px}}@media(max-width:768px){.MARSAN{flex:1 1 160px;max-width:48%}.MARSAN img{height:180px}}@media(max-width:480px){.MARSAN{flex:1 1 100%;max-width:100%}.MARSAN img{height:200px}}