@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:Nunito,sans-serif}nav{box-sizing:border-box;z-index:1000;background-color:#fff;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 30px;display:flex;position:fixed;top:0;left:0;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}}footer{background-color:#0f172a;width:100%;margin-top:80px;padding:30px 80px}.footer-brand{color:#fff;text-align:center;font-family:Nunito,sans-serif;font-size:25px;font-weight:700}.footer-tagline{color:#fff;text-align:center;font-family:Nunito,sans-serif;font-size:20px;font-weight:600}.footer-nav{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.footer-link{color:#fff;font-family:Nunito,sans-serif;font-size:15px;font-weight:400;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-email{color:#fff;text-align:center;margin-top:24px;font-family:Nunito,sans-serif;font-size:20px;font-weight:500;text-decoration:none;display:block}.footer-email:hover{text-decoration:underline}.footer-divider{border:none;border-top:1px solid #fff;margin-top:40px;margin-left:-80px;margin-right:-80px}.footer-copyright{color:#fff;text-align:center;margin-top:24px;font-family:Nunito,sans-serif;font-size:20px;font-weight:500}@media (width<=1200px){footer{padding:30px 40px}.footer-divider{margin-left:-40px;margin-right:-40px}}@media (width<=768px){footer{padding:30px 24px}.footer-brand{font-size:20px}.footer-tagline,.footer-email,.footer-copyright{font-size:16px}.footer-divider{margin-left:-24px;margin-right:-24px}}.hero{padding-top:140px}.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,.hero-desc{color:#0f172a;width:356px}.hero-title{font-size:35px;font-weight:600}.hero-desc{font-size:25px;font-weight:500}.hero-text .btn{align-self:flex-start;margin-top:20px}.how-it-works,.advantages,.cta,.contact{padding-top:80px}.section-title{color:#030229;text-align:center;font-size:35px;font-weight:700}.how-it-works-cards,.advantages-grid{margin-top:60px}.how-it-works-cards{justify-content:center;gap:50px;display:flex}.how-it-works-card,.advantages-card{text-align:center;background-color:#f9f9f9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 10px #0000001a}.how-it-works-card:hover,.advantages-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.how-it-works-card{flex-shrink:0;width:350px;height:450px}.how-it-works-icon{width:80px;height:80px}.card-title{color:#0f172a;font-size:25px;font-weight:600}.card-desc{color:#475569;font-size:20px;font-weight:500}.advantages-grid{grid-template-columns:repeat(2,426px);justify-content:center;gap:100px;display:grid}.advantages-card{width:400px;height:400px}.advantages-icon{width:90px;height:90px}.cta{flex-direction:column;align-items:center;gap:10px;display:flex}.cta-desc,.contact-desc{color:#687484;text-align:center;font-size:30px;font-weight:500}.contact{flex-direction:column;align-items:center;gap:30px;display:flex}@media (width<=1200px){.hero-container{width:95%;height:auto;padding:48px 32px}.hero-content{gap:60px}.hero-image{width:380px;height:auto}.hero-title,.hero-desc{width:100%}.hero-title{font-size:28px}.hero-desc{font-size:20px}.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}.advantages-grid{grid-template-columns:1fr;gap:30px;padding:0 32px}.advantages-card{width:80%;height:auto;min-height:300px;margin:0 auto}.cta-desc,.contact-desc{padding:0 32px;font-size:22px}}@media (width<=768px){.hero{padding-top:120px}.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{font-size:26px}.hero-desc{font-size:18px}.hero-text .btn{align-self:center}.how-it-works,.advantages,.cta,.contact{padding-top:120px}.contact{padding-bottom:48px}.section-title{padding:0 24px;font-size:28px}.how-it-works-cards,.advantages-grid{gap:24px;margin-top:40px;padding:0 24px}.how-it-works-cards{flex-direction:column;align-items:center}.how-it-works-card,.advantages-card{width:100%;min-height:unset}.how-it-works-card{height:auto}.how-it-works-icon,.advantages-icon{width:60px;height:60px}.card-title{font-size:20px}.card-desc{font-size:16px}.cta-desc,.contact-desc{padding:0 24px;font-size:18px}}.btn{appearance:none;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)}.btn2{color:#fff;cursor:pointer;background-color:#030229;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}.btn2:hover{background-color:#0a0557;transform:translateY(-2px)}@media (width<=768px){.btn,.btn2{height:48px;padding:0 20px;font-size:18px}}.login-page{flex-direction:column;align-items:center;padding-top:140px;padding-bottom:80px;display:flex}.login-container .btn{width:240px;height:63px;margin-top:10px}.login-title{color:#030229;text-align:center;font-size:40px;font-weight:700}.login-field{flex-direction:column;gap:10px;width:618px;display:flex}.login-label{color:#0f172a;margin:0;font-size:20px;font-weight:600}.login-input{background-color:#fff;border:1px solid #9797a7;border-radius:20px;outline:none;width:618px;height:65px;padding:0 20px;font-size:18px}.login-input::placeholder{color:#9797a7;font-family:inherit}.login-forgot{color:#030229;align-self:center;margin-top:20px;font-size:30px;font-weight:600;text-decoration:underline}.login-container{background-color:#f9f9f9;border:1px solid #9797a7;border-radius:20px;flex-direction:column;align-items:center;gap:50px;width:859px;height:600px;margin-top:40px;padding:40px;display:flex}@media (width<=1200px){.login-title{padding:0 32px;font-size:30px}.login-container{width:90%;height:auto;padding:32px}.login-field,.login-input{width:100%}.login-label{font-size:28px}.login-input{font-size:20px}.login-forgot{font-size:24px}}@media (width<=768px){.login-page{padding-top:120px}.login-title{padding:0 24px;font-size:26px}.login-container{gap:30px;width:95%;padding:24px}.login-label{font-size:22px}.login-input{height:60px;font-size:16px}.login-forgot{font-size:18px}}.register-page{flex-direction:column;align-items:center;padding-top:140px;padding-bottom:80px;display:flex}.register-field{flex-direction:column;gap:10px;width:618px;display:flex}.register-label{color:#0f172a;margin:0;font-size:20px;font-weight:600}.register-input{background-color:#fff;border:1px solid #9797a7;border-radius:20px;outline:none;width:618px;height:65px;padding:0 20px;font-size:18px}.register-input::placeholder{color:#9797a7;font-family:inherit}.register-login-link{color:#030229;margin:0;font-size:30px;font-weight:500}.register-container .btn{width:280px;height:63px;margin-top:20px}.register-container{background-color:#f9f9f9;border:1px solid #9797a7;border-radius:10px;flex-direction:column;align-items:center;gap:50px;width:859px;height:1300px;margin-top:40px;padding:40px;display:flex}.register-title{color:#030229;text-align:center;font-size:40px;font-weight:700}@media (width<=1200px){.register-title{padding:0 32px;font-size:30px}.register-container{width:90%;height:auto;padding:32px}.register-field,.register-input{width:100%}.register-label{font-size:28px}.register-input{font-size:20px}.register-login-link{font-size:22px}}@media (width<=768px){.register-page{padding-top:120px}.register-title{padding:0 24px;font-size:26px}.register-container{gap:30px;width:95%;padding:24px}.register-label{font-size:22px}.register-input{height:60px;font-size:16px}.register-login-link{font-size:18px}}.forgot-page{flex-direction:column;align-items:center;padding-top:140px;padding-bottom:80px;display:flex;position:relative}.forgot-back{position:absolute;top:110px;left:40px}.forgot-back .btn{width:140px;height:50px;font-size:18px}.forgot-title{color:#030229;text-align:center;font-size:40px;font-weight:700}.forgot-field{flex-direction:column;gap:10px;width:618px;display:flex}.forgot-label{color:#0f172a;margin:0;font-size:20px;font-weight:600}.forgot-input{background-color:#fff;border:1px solid #9797a7;border-radius:20px;outline:none;width:618px;height:65px;padding:0 20px;font-size:18px}.forgot-input::placeholder{color:#9797a7;font-family:inherit}.forgot-container .btn{width:240px;height:63px}.forgot-container{background-color:#f9f9f9;border:1px solid #9797a7;border-radius:20px;flex-direction:column;align-items:center;gap:50px;width:859px;height:300px;margin-top:40px;padding:40px;display:flex}@media (width<=1200px){.forgot-back{top:110px;left:24px}.forgot-back .btn{width:120px;height:44px;font-size:16px}.forgot-title{padding:0 32px;font-size:30px}.forgot-container{width:90%;height:auto;padding:32px}.forgot-field,.forgot-input{width:100%}.forgot-label{font-size:28px}.forgot-input{font-size:20px}}@media (width<=768px){.forgot-page{padding-top:120px}.forgot-back{top:110px;left:16px}.forgot-back .btn{width:100px;height:40px;font-size:14px}.forgot-title{padding:0 24px;font-size:26px}.forgot-container{gap:30px;width:95%;padding:24px}.forgot-label{font-size:22px}.forgot-input{height:60px;font-size:16px}}.contact-page{flex-direction:column;align-items:center;padding-top:140px;padding-bottom:80px;display:flex}.contact-page-title{color:#030229;text-align:center;font-size:40px;font-weight:700}.contact-page-desc{color:#687484;text-align:center;margin-top:20px;font-size:30px;font-weight:500}.contact-form-container{background-color:#f9f9f9;border:1px solid #9797a7;border-radius:20px;flex-direction:column;align-items:center;gap:30px;width:769px;height:750px;margin-top:40px;padding:40px;display:flex}.contact-page .btn{width:240px;margin-top:40px}.contact-field{flex-direction:column;gap:10px;width:618px;display:flex}.contact-label{color:#0f172a;margin:0;font-size:20px;font-weight:600}.contact-input{background-color:#fff;border:1px solid #9797a7;border-radius:20px;outline:none;width:618px;height:65px;padding:0 20px;font-size:18px}.contact-input::placeholder,.contact-textarea::placeholder{color:#9797a7;font-family:inherit}.contact-textarea{resize:none;background-color:#fff;border:1px solid #9797a7;border-radius:20px;outline:none;width:618px;height:450px;padding:20px;font-size:18px}@media (width<=1200px){.contact-page-title{padding:0 32px;font-size:30px}.contact-page-desc{padding:0 32px;font-size:22px}.contact-form-container{width:90%;height:auto;padding:32px}.contact-field,.contact-input,.contact-textarea{width:100%}.contact-label{font-size:28px}.contact-input,.contact-textarea{font-size:20px}}@media (width<=768px){.contact-page{padding-top:120px}.contact-page-title{padding:0 24px;font-size:26px}.contact-page-desc{padding:0 24px;font-size:18px}.contact-form-container{gap:20px;width:95%;padding:24px}.contact-label{font-size:22px}.contact-input{height:60px;font-size:16px}.contact-textarea{height:280px;font-size:16px}}
