:root{--color-primary:#5ec576;--color-secondary:#ffcb03;--color-tertiary:#ff585f;--color-primary-darker:#4bbb7d;--color-secondary-darker:#fb0;--color-tertiary-darker:#fd424b;--color-primary-opacity:#5ec5763a;--color-secondary-opacity:#ffcd0331;--color-tertiary-opacity:#ff58602d;--gradient-primary:linear-gradient(to top left, #39b385, #9be15d);--gradient-secondary:linear-gradient(to top left, #ffb003, #ffcb03)}*{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{color:#444;background-color:#f3f3f3;font-family:Poppins,sans-serif;font-weight:300;line-height:1.9}.section{border-top:1px solid #ddd;padding:15rem 3rem;transition:transform 1s,opacity 1s,filter 1s}.section--hidden{opacity:0;filter:blur(8px);transform:translateY(8rem)}.section__title{max-width:80rem;margin:0 auto 8rem}.section__description{text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem;font-size:1.8rem;font-weight:600}.section__header{font-size:4rem;font-weight:500;line-height:1.3}.btn{background-color:var(--color-primary);cursor:pointer;border:none;border-radius:10rem;padding:1.25rem 4.5rem;font-family:inherit;font-size:1.6rem;font-weight:500;transition:all .3s;display:inline-block}.btn:hover{background-color:var(--color-primary-darker)}.btn--text{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-bottom:1px solid;padding-bottom:2px;font-family:inherit;font-size:1.7rem;font-weight:500;transition:all .3s;display:inline-block}p{color:#666}button:focus{outline:none}img{transition:filter .5s}.lazy-img{filter:blur(20px)}.nav{z-index:100;justify-content:space-between;align-items:center;width:100%;height:9rem;padding:0 6rem;display:flex}.nav.sticky{background-color:#fffffff2;position:fixed}.nav__logo{height:4.5rem;transition:all .3s}.nav__links{align-items:center;list-style:none;display:flex}.nav__item{margin-left:4rem}.nav__link:link,.nav__link:visited{color:inherit;font-size:1.7rem;font-weight:400;text-decoration:none;transition:all .3s;display:block}.nav__link--btn:link,.nav__link--btn:visited{background-color:var(--color-primary);color:#222;border-radius:3rem;padding:.8rem 2.5rem}.nav__link--btn:hover,.nav__link--btn:active{color:#333;background-color:var(--color-primary-darker)}.header{flex-direction:column;align-items:center;height:100vh;padding:0 3rem;display:flex}.header__title{flex:1;grid-template-columns:3fr 2fr;place-content:center;place-items:start;row-gap:3rem;max-width:115rem;display:grid}h1{font-size:5.5rem;line-height:1.35}h4{font-size:2.4rem;font-weight:500}.header__img{grid-area:1/2/span 4/3;width:100%;transform:translateY(-6rem)}.highlight{position:relative}.highlight:after{content:"";z-index:-1;opacity:.7;background-image:var(--gradient-primary);width:100%;height:100%;display:block;position:absolute;bottom:0;left:0;transform:scale(1.07,1.05)skew(-15deg)}.features{grid-template-columns:1fr 1fr;gap:4rem;margin:0 12rem;display:grid}.features__img{width:100%}.features__feature{place-self:center;width:70%;font-size:1.5rem}.features__icon{background-color:var(--color-primary-opacity);border-radius:50%;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;margin-bottom:2rem;display:flex}.features__icon svg{width:2.5rem;height:2.5rem;fill:var(--color-primary)}.features__header{margin-bottom:1rem;font-size:2rem}.operations{background-color:#fff;max-width:100rem;margin:12rem auto 0}.operations__tab-container{justify-content:center;display:flex}.operations__tab{margin-right:2.5rem;transform:translateY(-50%)}.operations__tab span{margin-right:1rem;font-weight:600;display:inline-block}.operations__tab--1{background-color:var(--color-secondary)}.operations__tab--1:hover{background-color:var(--color-secondary-darker)}.operations__tab--3{background-color:var(--color-tertiary);margin:0}.operations__tab--3:hover{background-color:var(--color-tertiary-darker)}.operations__tab--active{transform:translateY(-66%)}.operations__content{padding:2.5rem 7rem 6.5rem;font-size:1.7rem;display:none}.operations__content--active{grid-template-columns:7rem 1fr;gap:.5rem 3rem;display:grid}.operations__header{align-self:center;font-size:2.25rem;font-weight:500}.operations__icon{border-radius:50%;justify-content:center;align-items:center;width:7rem;height:7rem;display:flex}.operations__icon svg{width:2.75rem;height:2.75rem}.operations__content p{grid-column:2}.operations__icon--1{background-color:var(--color-secondary-opacity)}.operations__icon--2{background-color:var(--color-primary-opacity)}.operations__icon--3{background-color:var(--color-tertiary-opacity)}.operations__icon--1 svg{fill:var(--color-secondary-darker)}.operations__icon--2 svg{fill:var(--color-primary)}.operations__icon--3 svg{fill:var(--color-tertiary)}.slider{max-width:100rem;height:50rem;margin:0 auto;position:relative;overflow:hidden}.slide{justify-content:center;align-items:center;width:100%;height:50rem;transition:transform 1s;display:flex;position:absolute;top:0}.slide>img{object-fit:cover;width:100%;height:100%}.slider__btn{z-index:10;color:#333;cursor:pointer;background:#ffffffb3;border:none;border-radius:50%;width:5.5rem;height:5.5rem;font-family:inherit;font-size:3.25rem;position:absolute;top:50%}.slider__btn--left{left:6%;transform:translate(-50%,-50%)}.slider__btn--right{right:6%;transform:translate(50%,-50%)}.dots{display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.dots__dot{opacity:.7;cursor:pointer;background-color:#b9b9b9;border:none;border-radius:50%;width:1rem;height:1rem;margin-right:1.75rem;transition:all .5s}.dots__dot:last-child{margin:0}.dots__dot--active{opacity:1;background-color:#888}.testimonial{width:65%;position:relative}.testimonial:before{content:"“";color:var(--color-primary);z-index:-1;font-family:inherit;font-size:20rem;line-height:1;position:absolute;top:-5.7rem;left:-6.8rem}.testimonial__header{margin-bottom:1.5rem;font-size:2.25rem;font-weight:500}.testimonial__text{color:#666;margin-bottom:3.5rem;font-size:1.7rem}.testimonial__author{grid-template-columns:6.5rem 1fr;column-gap:2rem;margin-left:3rem;font-style:normal;display:grid}.testimonial__photo{border-radius:50%;grid-row:1/span 2;width:6.5rem}.testimonial__name{align-self:end;margin:0;font-size:1.7rem;font-weight:500}.testimonial__location{font-size:1.5rem}.section__title--testimonials{margin-bottom:4rem}.section--sign-up{text-align:center;background-color:#37383d;border-top:none;border-bottom:1px solid #444;padding:10rem 3rem}.section--sign-up .section__header{color:#fff;text-align:center}.section--sign-up .section__title{margin-bottom:6rem}.section--sign-up .btn{padding:2rem 5rem;font-size:1.9rem}.footer{text-align:center;background-color:#37383d;flex-direction:column;justify-content:center;align-items:center;padding:10rem 3rem;display:flex}.footer__nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 4rem;margin-bottom:5rem;padding:0;list-style:none;display:flex}.footer__item{margin:0}.footer__link{color:#eee;font-size:1.6rem;text-decoration:none;transition:all .3s}.footer__link:hover{color:var(--color-primary,#5ec576)}.footer__logo{height:5rem;margin:0 auto 5rem;display:block}.footer__copyright{color:#aaa;text-align:center;font-size:1.4rem}.footer__copyright .footer__link{font-size:1.4rem}.modal{z-index:1000;background-color:#f3f3f3;max-width:60rem;padding:5rem 6rem;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4rem 6rem #0000004d}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#00000080;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.modal__header{margin-bottom:4.5rem;font-size:3.25rem;line-height:1.5}.modal__form{grid-template-columns:1fr 2fr;align-items:center;gap:2.5rem;margin:0 3rem;display:grid}.modal__form label{font-size:1.7rem;font-weight:500}.modal__form input{border:1px solid #ddd;border-radius:.5rem;padding:1rem 1.5rem;font-size:1.7rem}.modal__form button{margin-top:0}.modal__btn-box{grid-column:1/span 2;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.btn--demo{color:#37383d;background-color:#f3f4f6;border:1px solid #d1d5db}.btn--demo:hover{background-color:#e5e7eb}.btn--primary-demo{box-shadow:0 4px 12px #5ec5764d;background-color:var(--color-primary,#5ec576)!important;color:#222!important;border-radius:10rem!important;padding:1.25rem 3rem!important;font-size:1.6rem!important;font-weight:600!important;transition:all .3s!important}.btn--primary-demo:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5ec57673;background-color:var(--color-primary-darker,#4bbb62)!important}.modal__options{flex-direction:column;gap:1.2rem;margin:0 3rem 2rem;display:flex}.modal__option-btn{text-align:center;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.btn--authentic-google{box-shadow:0 2px 8px #0000000d;color:#37383d!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:10rem!important;padding:1.25rem 3rem!important;font-size:1.6rem!important;font-weight:600!important;transition:all .3s!important}.btn--authentic-google:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;background-color:#f9fafb!important;border-color:#9ca3af!important}.modal__divider{text-align:center;border-bottom:1px solid #e5e7eb;margin:1.5rem 3rem;line-height:.1em}.modal__divider span{color:#888;background:#f3f3f3;padding:0 1.2rem;font-size:1.4rem}.demo-page-container{background-color:#f8faf9;flex-direction:column;min-height:100vh;display:flex}.demo-page-header{background-color:#fff;justify-content:space-between;align-items:center;padding:2rem 6rem;display:flex;box-shadow:0 2px 10px #0000000d}.demo-page-logo{cursor:pointer;height:4.5rem}.demo-back-btn{color:var(--color-primary,#5ec576);font-size:1.6rem;font-weight:600}.demo-page-main{flex:1;width:100%;max-width:120rem;margin:4rem auto;padding:0 3rem}.demo-page-title-box{text-align:center;margin-bottom:4rem}.demo-page-title{color:#222;margin-bottom:1rem;font-size:3.8rem;font-weight:600}.demo-page-subtitle{color:#666;max-width:65rem;margin:0 auto;font-size:1.8rem}.demo-page-error{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.8rem;max-width:60rem;margin:0 auto 2.5rem;padding:1.2rem 2rem;font-size:1.5rem}.demo-users-grid{grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:3rem;display:grid}.demo-user-card{text-align:center;cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:2rem;flex-direction:column;align-items:center;padding:3rem 2.5rem 2.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 15px #00000008}.demo-user-card:hover{border-color:var(--color-primary,#5ec576);transform:translateY(-6px);box-shadow:0 1.2rem 3rem #5ec5762e}.demo-user-card--selected{border-color:var(--color-primary,#5ec576);background-color:#f0fdf4}.demo-card-badge{color:#0369a1;background-color:#e0f2fe;border-radius:5rem;padding:.4rem 1rem;font-size:1.2rem;font-weight:600;position:absolute;top:1.5rem;right:1.5rem}.demo-card-avatar-wrapper{border:3px solid var(--color-primary,#5ec576);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:9rem;height:9rem;margin-bottom:1.8rem;padding:3px;display:flex;box-shadow:0 4px 12px #5ec57640}.demo-card-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.demo-card-avatar-initials{background-color:var(--color-primary,#5ec576);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}.demo-card-name{color:#222;margin-bottom:.5rem;font-size:2rem;font-weight:600}.demo-card-role{color:#666;align-items:center;min-height:4rem;margin-bottom:1.8rem;font-size:1.4rem;display:flex}.demo-card-meta{color:#888;background-color:#f3f4f6;border-radius:5rem;margin-bottom:2.2rem;padding:.6rem 1.4rem;font-size:1.3rem}.meta-divider{margin:0 .6rem}.demo-card-btn{width:100%;margin-top:auto}.demo-loading-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.demo-loading-card{text-align:center;background-color:#fff;border-radius:2rem;max-width:45rem;padding:4rem 5rem;animation:.3s modalFade;box-shadow:0 2rem 5rem #0003}.demo-loading-card h3{color:#222;margin:2rem 0 .8rem;font-size:2.2rem}.demo-loading-card p{color:#666;font-size:1.5rem}.demo-spinner{border:4px solid #e5e7eb;border-top-color:var(--color-primary,#5ec576);border-radius:50%;width:5rem;height:5rem;margin:0 auto;animation:.8s linear infinite demoSpin}@keyframes demoSpin{to{transform:rotate(360deg)}}.btn--close-modal{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:4rem;position:absolute;top:.5rem;right:2rem}.hidden{visibility:hidden;opacity:0}.nav__item--profile{position:relative}.nav__profile-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f4f4f4;border-radius:5rem;align-items:center;gap:1rem;padding:.4rem 1rem .4rem .5rem;transition:all .2s;display:flex}.nav__profile-trigger:hover{background-color:#eaeaea}.nav__profile-avatar{background-color:var(--color-primary,#5ec576);color:#fff;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.8rem;height:3.8rem;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 6px #5ec5764d}.nav__profile-avatar-img{object-fit:cover;width:100%;height:100%}.nav__profile-initials{letter-spacing:.5px}.nav__profile-name{color:#222;font-size:1.5rem;font-weight:700}.nav__profile-arrow{color:#777;margin-left:.2rem;font-size:1rem;transition:transform .2s}.nav__profile-arrow--open{transform:rotate(180deg)}.nav__dropdown{z-index:1000;background-color:#fff;border:1px solid #eee;border-radius:1.2rem;width:23rem;padding:.8rem 0;animation:.2s navDropdownFade;position:absolute;top:calc(100% + .8rem);right:0;box-shadow:0 1rem 3rem #0000001f}@keyframes navDropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav__dropdown-header{border-bottom:1px solid #f0f0f0;padding:1.2rem 1.8rem}.nav__dropdown-name{color:#222;margin:0;font-size:1.6rem;font-weight:700}.nav__dropdown-email{color:#777;text-overflow:ellipsis;white-space:nowrap;margin:.3rem 0 0;font-size:1.3rem;overflow:hidden}.nav__dropdown-item{color:#222;cursor:pointer;align-items:center;padding:1.1rem 1.8rem;font-size:1.5rem;font-weight:600;transition:background-color .2s,color .2s;display:flex}.nav__dropdown-item:hover{color:var(--color-primary,#5ec576);background-color:#f7faf8}.nav__dropdown-divider{background-color:#f0f0f0;height:1px;margin:.6rem 0}.nav__dropdown-item--logout{color:#ff5860}.nav__dropdown-item--logout:hover{color:#e03137;background-color:#fff5f5}.modal--login{max-width:48rem}.modal__demo-section{text-align:center;border-top:1px solid #eee;margin-top:2.5rem;padding-top:2rem}.modal__demo-title{color:#666;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.modal__demo-chips{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.demo-chip{color:#166534;cursor:pointer;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:2rem;padding:.6rem 1.2rem;font-size:1.3rem;font-weight:600;transition:all .2s}.demo-chip:hover{background-color:#dcfce7;transform:translateY(-1px)}.cookie-message{color:#bbb;background-color:#fff;justify-content:space-evenly;align-items:center;width:100%;font-size:1.5rem;font-weight:400;display:flex}.login{display:flex}.login__input{text-align:center;width:12rem;color:inherit;border:1px solid #fff;border-radius:10rem;margin-right:1rem;padding:.5rem 1.5rem;font-family:inherit;font-size:1.5rem;transition:all .3s}.login__input:focus{border:1px solid #ccc;outline:none}.login__input::placeholder{color:#bbb}.login__btn{color:inherit;cursor:pointer;background:0 0;border:none;font-size:2.2rem;transition:all .3s}.login__btn:hover,.login__btn:focus{color:#777}.welcome{font-size:1.9rem;font-weight:500}.app{opacity:0;grid-template-rows:auto repeat(3,15rem) auto;grid-template-columns:4fr 3fr;gap:2rem;max-width:100rem;margin:4rem auto;transition:all 1s;display:grid;position:relative}.balance{grid-column:1/-1;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.balance__label{margin-bottom:-.2rem;font-size:2.2rem;font-weight:500}.balance__date{color:#888;font-size:1.4rem}.balance__value{font-size:4.5rem;font-weight:400}.movements{background-color:#fff;border-radius:1rem;grid-row:2/span 3;overflow:scroll}.movements__row{border-bottom:1px solid #eee;align-items:center;padding:2.25rem 4rem;display:flex}.movements__type{text-transform:uppercase;color:#fff;border-radius:10rem;margin-right:2rem;padding:.1rem 1rem;font-size:1.1rem;font-weight:600}.movements__date{text-transform:uppercase;color:#666;font-size:1.1rem;font-weight:500}.movements__type--deposit{background-image:linear-gradient(to top left,#39b385,#9be15d)}.movements__type--withdrawal{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}.movements__value{margin-left:auto;font-size:1.7rem}.summary{grid-row:5/6;align-items:baseline;margin-top:1rem;padding:0 .3rem;display:flex}.summary__label{text-transform:uppercase;margin-right:.8rem;font-size:1.2rem;font-weight:500}.summary__value{margin-right:2.5rem;font-size:2.2rem}.summary__value--in,.summary__value--interest{color:#66c873}.summary__value--out{color:#f5465d}.btn--sort{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.3rem;font-weight:500}.operation{color:#333;border-radius:1rem;padding:3rem 4rem}.operation--transfer{background-image:linear-gradient(to top left,#ffb003,#ffcb03)}.operation--loan{background-image:linear-gradient(to top left,#39b385,#9be15d)}.operation--close{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}.operation h2{color:#333;margin-bottom:1.5rem;font-size:1.7rem;font-weight:600}.form{grid-template-rows:auto auto;grid-template-columns:2.5fr 2.5fr 1fr;gap:.4rem 1rem;display:grid}.form.form--loan{grid-template-columns:2.5fr 1fr}.form__label--loan{grid-row:2}.form__input{text-align:center;color:#333;background-color:#fff6;border:none;border-radius:.7rem;width:100%;padding:.3rem 1rem;font-family:inherit;font-size:1.5rem;transition:all .3s}.form__input:focus{background-color:#fff9;outline:none}.form__label{text-align:center;font-size:1.3rem}.form__btn{cursor:pointer;background-color:#fff;border:none;border-radius:.7rem;font-size:1.8rem;transition:all .3s}.form__btn:focus{background-color:#fffc;outline:none}.logout-timer{text-align:right;margin-top:1.4rem;padding:0 .3rem;font-size:1.25rem}.timer{font-weight:600}@media (width<=992px){html{font-size:56.25%}.header__title{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:2rem}.header__img{grid-area:auto/1;width:80%;margin-top:2rem;transform:none}.features{grid-template-columns:1fr;gap:6rem;margin:0 4rem}.features__feature{width:100%}.features__img{order:-1}.operations{margin:8rem 2rem 0}.testimonial{width:80%}}@media (width<=768px){html{font-size:50%}.section{padding:8rem 2rem}.nav{height:7rem;padding:0 2rem}.nav__logo{height:3.5rem}.nav__item{margin-left:1.5rem}.nav__link:link,.nav__link:visited{font-size:1.5rem}.header{height:auto;min-height:80vh;padding:4rem 2rem 0}h1{font-size:4rem}h4{font-size:2rem}.features{margin:0 2rem}.operations__tab-container{flex-wrap:wrap;gap:1rem}.operations__tab{margin-right:0;padding:1rem 2rem;font-size:1.4rem;transform:none}.operations__tab--active{transform:translateY(-5px)}.operations__content{text-align:center;grid-template-columns:1fr;justify-items:center;padding:3rem 2rem}.operations__icon{margin:0 auto 1.5rem}.operations__content p{grid-column:1}.testimonial{width:90%}.testimonial:before{display:none}.testimonial__author{margin-left:0}.slider__btn--left{left:2%}.slider__btn--right{right:2%}.modal{width:92%;padding:3rem 2.5rem}.modal__header{margin-bottom:2.5rem;font-size:2.4rem}.modal__form{grid-template-columns:1fr;gap:1.5rem;margin:0}.modal__form button{grid-column:1;width:100%}.footer__nav{flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}.footer__item{margin-right:0}}@media (width<=480px){.nav__links{gap:1rem}.nav__item{margin-left:.8rem}.nav__link--btn:link,.nav__link--btn:visited{padding:.6rem 1.4rem;font-size:1.3rem}h1{font-size:3.2rem}}