@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box}body{background-color:#fafafa;margin:0;font-family:system-ui,sans-serif}nav{box-sizing:border-box;background-color:#fff;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 30px;display:flex;box-shadow:0 4px 6px #0000001a}nav img{width:100px;height:100px}nav ul{flex-direction:row;flex:1;justify-content:space-evenly;align-items:center;margin:0;padding:0;list-style:none;display:flex}nav ul li a{color:#030229;font-family:Nunito,sans-serif;font-size:20px;font-weight:700;text-decoration:none;position:relative}nav ul li a:after{content:"";transform-origin:0;background-color:#030229;width:100%;height:2px;transition:transform .4s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}nav ul li a:hover:after{transform:scaleX(1)}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0;display:none}.burger span{background-color:#030229;border-radius:3px;width:100%;height:3px;display:block}@media (width<=768px){.burger{display:flex}nav ul{background-color:#fff;flex-direction:column;gap:0;width:100%;padding:16px 0;display:none;position:absolute;top:100px;left:0;box-shadow:0 4px 6px #0000001a}nav ul.open{display:flex}nav ul li{text-align:center;width:100%;padding:14px 0}}.hero{padding-top:70px}.hero-container{background-color:#f9f9f9;border:1px solid #9797a7;border-radius:20px;justify-content:center;align-items:center;width:1200px;height:700px;margin:0 auto;display:flex;box-shadow:0 4px 6px #0000001a}.hero-content{align-items:flex-start;gap:139px;display:flex}.hero-image{width:600px;height:480px}.hero-text{flex-direction:column;gap:40px;display:flex}.hero-title{color:#0f172a;width:356px;font-family:Nunito,sans-serif;font-size:35px;font-weight:600}.hero-text .btn{align-self:flex-start;margin-top:20px}.hero-desc{color:#0f172a;width:356px;font-family:Nunito,sans-serif;font-size:25px;font-weight:500}.how-it-works{padding-top:80px}.how-it-works-title{color:#030229;text-align:center;font-family:Nunito,sans-serif;font-size:35px;font-weight:700}.how-it-works-cards{justify-content:center;gap:50px;margin-top:60px;display:flex}.how-it-works-card{text-align:center;background-color:#f9f9f9;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:350px;height:450px;padding:40px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 10px #0000001a}.how-it-works-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.how-it-works-icon{width:80px;height:80px}.how-it-works-card-title{color:#0f172a;font-family:Nunito,sans-serif;font-size:25px;font-weight:600}.how-it-works-card-desc{color:#475569;font-family:Nunito,sans-serif;font-size:20px;font-weight:500}@media (width<=1200px){.how-it-works-cards{flex-direction:column;align-items:center;gap:30px;padding:0 32px}.how-it-works-card{width:80%;height:auto;min-height:350px}.hero-container{width:95%;height:auto;padding:48px 32px}.hero-content{gap:60px}.hero-image{width:380px;height:auto}.hero-title{width:100%;font-size:28px}.hero-desc{width:100%;font-size:20px}}@media (width<=768px){.how-it-works{padding-top:48px}.how-it-works-title{padding:0 24px;font-size:28px}.how-it-works-cards{flex-direction:column;align-items:center;gap:24px;margin-top:40px;padding:0 24px}.how-it-works-card{width:100%;height:auto;min-height:unset}.how-it-works-icon{width:60px;height:60px}.how-it-works-card-title{font-size:20px}.how-it-works-card-desc{font-size:16px}.hero{padding-top:32px}.hero-container{width:95%;height:auto;padding:40px 24px}.hero-content{flex-direction:column;align-items:center;gap:40px}.hero-image{width:100%;height:auto}.hero-text{text-align:center;align-items:center}.hero-title{width:100%;font-size:26px}.hero-desc{width:100%;font-size:18px}.hero-text .btn{align-self:center}}.btn{color:#fff;cursor:pointer;background-color:#48cae4;border:none;border-radius:20px;width:auto;height:63px;padding:0 30px;font-family:Nunito,sans-serif;font-size:25px;font-weight:400;transition:background-color .2s,transform .2s;box-shadow:0 4px 6px #0000001a}.btn:hover{background-color:#2bb5d1;transform:translateY(-2px)}@media (width<=768px){.btn{height:48px;padding:0 20px;font-size:18px}}