body{background-color:#0a0a0a}body>main{overflow-x:clip;background-color:#0a0a0a}#hero-sec{position:relative;width:100%;height:480px;display:flex;justify-content:center}@media screen and (max-width: 468px){#hero-sec{padding:40px 0;flex-direction:column;height:fit-content;gap:40px}}#hero-sec .wrapper{display:flex;width:min(1120px,100%);justify-content:space-between;align-items:center}@media screen and (max-width: 468px){#hero-sec .wrapper{flex-direction:column;gap:40px}}#hero-sec .text-sec{width:520px;display:flex;flex-direction:column}@media screen and (max-width: 468px){#hero-sec .text-sec{width:100%}}#hero-sec .text-sec h1{background:linear-gradient(187deg, #fd9bb8 10.43%, #cf9ff9 91.38%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:48px;font-style:normal;font-weight:700;line-height:52px;letter-spacing:-1.12px}@media screen and (max-width: 468px){#hero-sec .text-sec h1{padding-inline:16px;text-align:center;font-size:36px;line-height:40px}}#hero-sec .text-sec p{color:#bab5b6;margin-top:12px;font-size:20px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-0.48px}@media screen and (max-width: 468px){#hero-sec .text-sec p{text-align:center;margin-top:8px;font-size:16px;line-height:20px;padding-inline:16px}}#hero-sec .hero-img-sec{display:flex;justify-content:center;min-height:400px}@media screen and (max-width: 468px){#hero-sec .hero-img-sec img{display:none}}#hero-sec .hero-img-sec .hero-img{width:200px;height:400px;border-radius:32px}.themes-sec{width:min(1120px,100%);position:relative;margin-top:80px;margin-bottom:80px;display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width: 468px){.themes-sec{padding-inline:16px}}.themes-sec h2{scroll-margin-top:120px;margin-top:40px;text-align:left;color:#fafafa;font-size:48px;font-style:normal;font-weight:500;line-height:60px;letter-spacing:-0.96px;display:flex;align-items:center;gap:8px}.themes-sec h2 .arrow-svg{margin-left:20px}@media screen and (max-width: 468px){.themes-sec h2{font-size:36px;line-height:40px}}.themes-sec .themes-cont{margin-top:40px;width:min(1120px,100%);display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media screen and (max-width: 468px){.themes-sec .themes-cont{grid-template-columns:repeat(1, 1fr)}}.themes-sec .themes-cont .card{display:flex;flex-direction:column;background:#201d1e;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:16px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease-in}.themes-sec .themes-cont .card:hover{transform:translateY(-4px)}.themes-sec .themes-cont .card:hover .card-button{scale:1.1}.themes-sec .themes-cont .card-image{width:100%;height:240px;border-radius:8px;object-fit:cover;object-position:top}.themes-sec .themes-cont .card-title{background:var(--Gradient-Primary-2, linear-gradient(135deg, #fd9bb8 0%, #cf9ff9 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:24px;line-height:28px;font-weight:bold;margin:0}.themes-sec .themes-cont .card-text{margin-top:12px;color:#bab5b6;font-size:14px;font-weight:400;line-height:18px}.themes-sec .themes-cont .card-action{margin-top:auto;display:flex;justify-content:flex-end}.themes-sec .themes-cont .card-button{width:40px;height:40px;border-radius:50%}