body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(180deg,#e5d9f2 5%,transparent);height:100vw;background-repeat:no-repeat}.container{max-width:1366px;margin:0 auto;padding:20px;position:relative}.navbar{justify-content:space-between;padding:0 1rem;position:sticky;z-index:10}.logo,.navbar{display:flex;align-items:center}.logo{background-color:#b19cd9;border-radius:50%;width:50px;height:50px;justify-content:center;color:#fff;font-size:12px;font-weight:700}.logo img{max-width:100%;max-height:100%;object-fit:cover}.menu{display:flex;gap:2.4rem;justify-content:space-around;align-items:center;text-align:center}.menu a{text-decoration:none;color:#000;position:relative;font-size:13px;font-weight:600}.menu a img{display:none}.menu a.active{color:#750bff}.menu a.active:after{content:"";display:block;width:100%;height:2px;background:#750bff;position:absolute;bottom:-5px;left:0}.login-button{background-color:#9747ff;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-size:smaller;font-weight:600;transition:background-color .3s}.login-button:hover{background-color:#a594f9}.menu a:hover{color:#750bff}.hero-section{padding:2vw 3vw;display:flex;justify-content:space-between;align-items:center;position:relative}.background-image{position:absolute;top:-440px;left:-300px;width:97%;z-index:1;opacity:.6}.hero-content{position:relative;z-index:2;text-align:left;max-width:50%;margin-left:3vw}.hero-content h1{font-size:36px;margin-bottom:-.1rem;font-weight:800}.hero-content span{color:#9747ff}.hero-content p{font-size:15px;margin-bottom:5rem}.hero-buttons{display:flex;gap:20px}.hero-buttons a{display:inline-block;background-color:#a594f9;color:#fff;text-decoration:none;padding:12px 24px;border-radius:4rem;font-size:16px;transition:background-color .3s;border:3px solid #a594f9;font-weight:600}.hero-buttons .button-demo{background-color:transparent;color:#a594f9;font-weight:600}.button-demo{border:3px solid #a594f9}.hero-buttons a:hover{background-color:#9747ff}.hero-buttons .button-demo:hover{background-color:#a594f9;color:#e5d9f2}.hero-image{max-width:40%;color:#e5d9f2;position:relative;z-index:2}.hero-image img{max-width:100%;height:auto}.products{margin-bottom:4rem}.products h2{text-align:center;margin-bottom:1rem;margin-top:5rem;font-size:36px;font-weight:800;position:relative;z-index:2}.products h2 span{color:#9747ff}.all-products{flex-wrap:wrap;position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:20px}.all-products,.product{display:flex;align-items:center;justify-content:center}.product{overflow:hidden;background:linear-gradient(200deg,#a594f9 6%,#fde9fd 53%);color:#21201e;text-align:center;width:240px;height:400px;padding:1.5rem;flex-direction:column;border-radius:1.2rem;margin:2rem;background-color:#e5d9f2}.product .product-price,.product .product-title{font-size:18px}.product:hover{box-shadow:5px 15px 25px #eee}.product img{height:296px;transition:all .3s;object-fit:cover;width:200px;border-radius:2em}.product a:link,.product a:visited{color:#ececec;display:inline-block;text-decoration:none;background-color:#9747ff;padding:.5rem 3rem;border-radius:1rem;margin-top:1rem;font-size:15px;transition:all .2s;font-weight:600}.product a.button-demo{background-color:transparent;color:#9747ff;padding:.5rem 1rem}.product a:hover{transform:scale(1.1)}.features{text-align:center;background:linear-gradient(0deg,#e5d9f2,transparent);padding:40px 40px 6rem}.features h1{margin-bottom:3rem;margin-top:3rem;font-size:36px;font-weight:800;position:relative;z-index:2}.features-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;padding:20px}.feature-item{display:flex;align-items:center;width:45%;padding:10px;border-radius:8px}.feature-item img{width:50px;height:50px;margin-right:20px}.feature-text{text-align:start}.feature-text h2{font-size:18px;margin-bottom:10px}.feature-text p{font-size:14px;color:#666}.contact{text-align:center;padding:40px 20px;background-color:#cdc1ff}.contact h2{font-size:32px;font-weight:600;padding:10px}.contact h2,.contact-info{max-width:1200px;margin:0 auto}.contact-info{font-size:12px;color:#000;padding:0 20px 20px}.social-icons{margin-top:20px}.icon-link{display:inline-block;margin:0 10px;color:#333;font-size:20px}footer{background-color:#e5d9f2;color:#000;text-align:center;padding:20px 20px 5rem;font-size:10px}.footer-content{border-top:2px solid #a594f9;padding-top:1rem;display:flex;justify-content:center;align-items:center;gap:20px}.footer-link{text-decoration:none}@media (max-width:767px){.contact{padding:30px 15px}.contact-info{font-size:14px}.icon-link{font-size:18px;margin:0 8px}.footer-content{flex-direction:column;gap:10px}body{height:100vw;background-repeat:no-repeat;background-size:cover}.navbar{padding:1.5vh}.navbar a{display:flex;flex-direction:column;align-items:center}.navbar a.home{display:none}.navbar .menu{position:fixed;bottom:3px;left:0;right:0;width:calc(100% - 34px);overflow-x:auto;padding:10px;margin:5px auto;z-index:3;gap:0}.menu a{background-color:#fff;width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;text-decoration:none;font-size:10px;font-weight:600;border:7px solid #fff}.menu a img{display:flex;max-width:40%;max-height:40%;margin-bottom:5px;object-fit:cover}.menu a.active{background-color:#dcdcdc;border:7px solid #dcdcdc}.menu a.active:after{background-color:transparent}.hero-section{flex-direction:column;padding:30px}.hero-content{max-width:100%;text-align:center}.hero-content h1{font-size:24px}.hero-buttons{justify-content:center;margin-top:20px}.hero-image{max-width:100%;margin-top:30px}.hero-content p{font-size:15px;margin-bottom:1rem}.hero-buttons a{padding:6px 12px;font-size:12px}.feature-item{width:100%}.contact{text-align:start}}