@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Nunito:wght@300;600&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif}body{background:#d1f3db;background-image:radial-gradient(circle at 20% 100%,hsla(0,0%,72.2%,.1) 0,hsla(0,0%,72.2%,.1) 33%,rgba(96,96,96,.1) 0,rgba(96,96,96,.1) 66%,rgba(7,7,7,.1) 0,rgba(7,7,7,.1) 99%),linear-gradient(40deg,#fff,#7d144c,#7d144c,#c22378);background-repeat:no-repeat;background-size:cover}section{display:grid;grid-template-columns:50% 45%;place-items:center;gap:60px;min-height:100vh;padding:20px 60px}.content{max-width:2400px}.content h1{font-family:Comfortaa,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:1px;margin-bottom:36px;color:#f6f3f3}.content p{font-size:clamp(.9rem,3vw,1.25rem);font-weight:300;line-height:1.5;margin-bottom:30px;color:#f6f2f2}.content button{background:#eaeaea;color:#eeeef3;font-size:clamp(.9rem,4vw,1rem);font-weight:600;border:0;outline:0;padding:8px 14px;border-radius:7px;transform:scale(1);transition:all .4s ease-in;cursor:pointer}.content button:is(:hover,:focus){transform:scale(.98);background-color:#6f7aa6;color:#eaeaea}.swiper{position:relative;width:400px;height:490px}.swiper-slide{position:relative;border:1px solid hsla(0,0%,100%,.3);user-select:none;border-radius:20px}.cost{position:absolute;top:8px;right:6px;background:hsla(0,0%,100%,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 30px rgba(0,0,0,.2);border-radius:30px;padding:6px 10px;color:#fff;font-size:clamp(.8rem,4vw,.9rem);font-weight:600}.dark-text{color:#202134}.swiper-slide img{width:100%;height:100%;border-radius:20px}.overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;bottom:0;width:100%;height:150px;padding:10px 20px;background:rgba(93,95,145,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.3);color:#fff;border-radius:0 0 20px 20px}.overlay h1{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:600}.overlay p{font-size:clamp(.8rem,4vw,.9rem);font-weight:300;line-height:1.3}.ratings{display:flex;column-gap:10px;margin-top:-6px}.ratings span{font-size:clamp(.8rem,4vw,.9rem);font-weight:300}.star{color:#afe312}.logo{position:fixed;right:-20px;bottom:-30px;z-index:10}.logo img{width:120px}@media (max-width:890px){.logo{right:-10px;bottom:-20px}.logo img{width:80px}}@media (max-width:1050px){.swiper{width:350px;height:450px}}@media (max-width:930px){section{grid-template-columns:100%;grid-template-rows:55% 40%;grid-template-areas:"slider" "content";place-items:center;gap:64px;padding:60px}.swiper{grid-area:slider}.content{grid-area:content;text-align:center}.content h1{margin-bottom:20px}}@media (max-width:470px){section{padding:40px 40px 60px}.swiper{width:300px;height:400px}}