:root{--clr-primary-100:#365297;--clr-primary-200:#283d72;--clr-primary-300:#1b294c;--clr-primary-400:#0e1526;--clr-primary-500:#000001;--clr-secondary-100:#66b894;--clr-secondary-200:#4ba17b;--clr-secondary-300:#3a7e60;--clr-secondary-400:#2a5b46;--clr-secondary-500:#1a382b;--clr-accent-100:#ffa47a;--clr-accent-200:#ff9260;--clr-accent-300:#ff8147;--clr-accent-400:#ff6f2d;--clr-accent-500:#ff5e14;--clr-cream-100:#e5e4e2;--clr-cream-200:#ccccc8;--clr-cream-300:#b4b3ad;--clr-cream-400:#9c9a92;--clr-cream-500:#838178;--clr-ash-100:#697981;--clr-ash-200:#525e65;--clr-ash-300:#3b4449;--clr-ash-400:#242a2d;--clr-ash-500:#0d1011;--clr-neutral-100:#fff;--clr-neutral-200:#dedede;--clr-neutral-300:#ccc;--clr-neutral-400:#999;--clr-neutral-500:grey;--clr-neutral-600:#666;--clr-neutral-700:#4d4d4d;--clr-neutral-800:#262626;--clr-neutral-900:#000;--clr-primary-opacity-100:rgba(27,41,76,.2);--clr-primary-opacity-200:rgba(27,41,76,.4);--clr-primary-opacity-300:rgba(27,41,76,.6);--clr-primary-opacity-400:rgba(27,41,76,.8);--clr-primary-opacity-500:#1b294c;--clr-secondary-opacity-100:rgba(137,200,172,.2);--clr-secondary-opacity-200:rgba(137,200,172,.4);--clr-secondary-opacity-300:rgba(137,200,172,.6);--clr-secondary-opacity-400:rgba(137,200,172,.8);--clr-secondary-opacity-500:#89c8ac;--clr-accent-opacity-100:rgba(255,129,71,.2);--clr-accent-opacity-200:rgba(255,129,71,.4);--clr-accent-opacity-300:rgba(255,129,71,.6);--clr-accent-opacity-400:rgba(255,129,71,.8);--clr-accent-opacity-500:#ff8147;--clr-white-opacity-100:hsla(0,0%,100%,.2);--clr-white-opacity-200:hsla(0,0%,100%,.4);--clr-white-opacity-300:hsla(0,0%,100%,.6);--clr-white-opacity-400:hsla(0,0%,100%,.8);--clr-white-opacity-500:#fff;--clr-black-opacity-100:rgba(0,0,0,.2);--clr-black-opacity-200:rgba(0,0,0,.4);--clr-black-opacity-300:rgba(0,0,0,.6);--clr-black-opacity-400:rgba(0,0,0,.8);--clr-black-opacity-500:#000;--clr-grey-opacity-100:rgba(77,77,77,.2);--clr-grey-opacity-200:rgba(77,77,77,.4);--clr-grey-opacity-300:rgba(77,77,77,.6);--clr-grey-opacity-400:rgba(77,77,77,.8);--clr-grey-opacity-500:#4d4d4d;--clr-logo:#96d35f;--fs-display:8rem;--fs-heading:3.6rem;--fs-subheading:2.4rem;--fs-label:1.8rem;--fs-body:1.4rem;--fs-caption:1rem;--ff-primary:"Poppins",sans-serif}@media only screen and (max-width:37.5em){:root{--fs-display:5rem;--fs-heading:3rem;--fs-subheading:2rem;--fs-label:1.4rem;--fs-body:1rem;--fs-caption:0.8rem}}.heading-display{font-size:var(--fs-display);font-weight:300}.heading-1,.heading-display{line-height:1.2;text-transform:capitalize}.heading-1{font-size:var(--fs-heading);font-weight:700}.heading-2{font-size:var(--fs-subheading);font-weight:500;letter-spacing:1rem}.heading-2,.heading-3{text-transform:uppercase}.heading-3{font-size:var(--fs-label);font-weight:300;letter-spacing:.5rem}.caption{font-size:var(--fs-caption)}:root{--icon-size:5rem}@media only screen and (max-width:37.5em){:root{--icon-size:3rem}}.icon{fill:var(--clr-secondary-300);height:var(--icon-size);width:var(--icon-size)}@-webkit-keyframes moveInLeft-card{0%{opacity:0;transform:translateX(-10rem) rotate(25deg)}80%{transform:translateX(1rem) rotate(25deg)}to{opacity:1;transform:translate(0) rotate(25deg)}}@keyframes moveInLeft-card{0%{opacity:0;transform:translateX(-10rem) rotate(25deg)}80%{transform:translateX(1rem) rotate(25deg)}to{opacity:1;transform:translate(0) rotate(25deg)}}@-webkit-keyframes moveInRight-card{0%{opacity:0;transform:translateX(10rem) rotate(-15deg)}80%{transform:translateX(-1rem) rotate(-15deg)}to{opacity:1;transform:translate(0) rotate(-15deg)}}@keyframes moveInRight-card{0%{opacity:0;transform:translateX(10rem) rotate(-15deg)}80%{transform:translateX(-1rem) rotate(-15deg)}to{opacity:1;transform:translate(0) rotate(-15deg)}}@-webkit-keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes pulsate--black{0%{box-shadow:none;transform:scale(1)}50%{box-shadow:0 2rem 6rem rgba(0,0,0,.3);transform:scale(1.3)}to{box-shadow:none;transform:scale(1)}}@keyframes pulsate--black{0%{box-shadow:none;transform:scale(1)}50%{box-shadow:0 2rem 6rem rgba(0,0,0,.3);transform:scale(1.3)}to{box-shadow:none;transform:scale(1)}}@-webkit-keyframes switching-svg-colors{0%{fill:var(--clr-secondary-300)}50%{fill:var(--clr-accent-300)}to{fill:var(--clr-secondary-300)}}@keyframes switching-svg-colors{0%{fill:var(--clr-secondary-300)}50%{fill:var(--clr-accent-300)}to{fill:var(--clr-secondary-300)}}@-webkit-keyframes app-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:var(--app-height);opacity:0;visibility:hidden}to{height:var(--app-height);opacity:1;visibility:visible}}@keyframes app-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:var(--app-height);opacity:0;visibility:hidden}to{height:var(--app-height);opacity:1;visibility:visible}}@-webkit-keyframes appCon-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:auto;opacity:0;visibility:hidden}to{height:auto;opacity:1;visibility:visible}}@keyframes appCon-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:auto;opacity:0;visibility:hidden}to{height:auto;opacity:1;visibility:visible}}@-webkit-keyframes hero-transition-out{0%{height:100vh;opacity:1;visibility:visible}to{height:0;opacity:0;visibility:hidden}}@keyframes hero-transition-out{0%{height:100vh;opacity:1;visibility:visible}to{height:0;opacity:0;visibility:hidden}}@-webkit-keyframes btn-login{0%{border-radius:5px;width:190px}6%{width:60px}71%{transform:scale(1)}75%{transform:scale(1.2)}77%{transform:scale(1)}94%{width:60px}to{border-radius:10rem;width:190px}}@keyframes btn-login{0%{border-radius:5px;width:190px}6%{width:60px}71%{transform:scale(1)}75%{transform:scale(1.2)}77%{transform:scale(1)}94%{width:60px}to{border-radius:10rem;width:190px}}@-webkit-keyframes btn-login__text{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(.5)}94%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes btn-login__text{0%{opacity:1;transform:scale(1)}6%{opacity:0;transform:scale(.5)}94%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes btn-login__ok{0%{opacity:0}70%{opacity:0;transform:scale(0)}75%{opacity:1;transform:scale(1.1)}77%{opacity:1;transform:scale(1)}92%{opacity:1;transform:scale(1)}96%{opacity:0;transform:scale(.5)}to{opacity:0}}@keyframes btn-login__ok{0%{opacity:0}70%{opacity:0;transform:scale(0)}75%{opacity:1;transform:scale(1.1)}77%{opacity:1;transform:scale(1)}92%{opacity:1;transform:scale(1)}96%{opacity:0;transform:scale(.5)}to{opacity:0}}@-webkit-keyframes display-popup{0%{opacity:0;visibility:hidden}10%{opacity:1;visibility:visible}to{opacity:1;visibility:visible}}@keyframes display-popup{0%{opacity:0;visibility:hidden}10%{opacity:1;visibility:visible}to{opacity:1;visibility:visible}}@-webkit-keyframes display-guide{0%{opacity:0}to{opacity:1}}@keyframes display-guide{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}80%{opacity:0}to{opacity:1}}@-webkit-keyframes close-popup{0%{opacity:1}to{height:0;opacity:0;visibility:hidden}}@keyframes close-popup{0%{opacity:1}to{height:0;opacity:0;visibility:hidden}}.btn-login__active.btn-login{-webkit-animation:btn-login 6s;animation:btn-login 6s}.btn-login__active .btn-login__text{-webkit-animation:btn-login__text 6s forwards;animation:btn-login__text 6s forwards;opacity:0}.btn-login__active .btn-login__fingerprint{opacity:1;transition:opacity .3s .2s}.btn-login__active .btn-login__fingerprint-base .btn-login__odd{stroke-dasharray:50px 50px;transition:stroke-dasharray .8s .1s}.btn-login__active .btn-login__fingerprint-base .btn-login__even{stroke-dashoffset:0px;transition:stroke-dashoffset .8s}.btn-login__active .btn-login__fingerprint-active .btn-login__odd{stroke-dasharray:50px 50px;transition:stroke-dasharray 2s 1.5s}.btn-login__active .btn-login__fingerprint-active .btn-login__even{stroke-dashoffset:0px;transition:stroke-dashoffset 2s 1.3s}.btn-login__active .btn-login__fingerprint-out{opacity:0;transition:opacity .3s 4.1s}.btn-login__active .btn-login__ok{-webkit-animation:btn-login__ok 6s forwards;animation:btn-login__ok 6s forwards;opacity:1}.hero-animation .card-atm--1{-webkit-animation:moveInLeft-card 1s ease-in backwards;animation:moveInLeft-card 1s ease-in backwards}.hero-animation .card-atm--2{-webkit-animation:moveInRight-card 1s ease-in backwards;animation:moveInRight-card 1s ease-in backwards}@media only screen and (max-width:56.25em){.hero-animation .hero__logo{-webkit-animation:moveInBottom 1s ease-in backwards;animation:moveInBottom 1s ease-in backwards}}.guide-animation{-webkit-animation:fade-in 2s ease-out 2s backwards;animation:fade-in 2s ease-out 2s backwards}.guide-animation .guide__btn-open{-webkit-animation:pulsate--black 1s ease-in 4s 10;animation:pulsate--black 1s ease-in 4s 10}.guide-animation .guide__icon{-webkit-animation:switching-svg-colors 1s ease-in 4s 10;animation:switching-svg-colors 1s ease-in 4s 10}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{color:var(--clr-neutral-100);font-family:var(--ff-primary);font-size:var(--fs-body);font-weight:300;line-height:1.6}::-moz-selection{background-color:var(--clr-primary-100)}::selection{background-color:var(--clr-primary-100)}.logo{color:var(--clr-logo);display:inline-block;font-weight:500}.logo__heading{display:inline;font-size:var(--fs-subheading)}.logo__pig{height:2.5rem;position:relative;top:.5rem;width:2.5rem}.gradient--secondary-regular{background-image:linear-gradient(to right,var(--clr-secondary-opacity-500),var(--clr-secondary-opacity-100))}.gradient--secondary-regular,.gradient--white-subtle{-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.gradient--white-subtle{background-image:linear-gradient(to right,var(--clr-white-opacity-500),var(--clr-white-opacity-300))}.gradient--secondary-subtle{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--clr-secondary-opacity-500),var(--clr-secondary-opacity-300));color:transparent;display:inline-block}.container-main,body{background-image:linear-gradient(to top right,var(--clr-primary-400),var(--clr-primary-400),var(--clr-primary-300))}.home{background-image:linear-gradient(to top right,var(--clr-primary-400),var(--clr-primary-300),var(--clr-primary-200),var(--clr-secondary-opacity-200),var(--clr-secondary-100))}.movements,.operation{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:linear-gradient(to right bottom,var(--clr-white-opacity-100),var(--clr-white-opacity-100),transparent);border-bottom:1px solid var(--clr-white-opacity-100);border-right:1px solid var(--clr-white-opacity-100)}.popup{background-image:linear-gradient(to top right,var(--clr-secondary-400),var(--clr-secondary-300),var(--clr-secondary-200))}.guide{background-image:linear-gradient(to top right,var(--clr-primary-400),var(--clr-primary-300),var(--clr-primary-200))}.container-main{padding:5rem}@media only screen and (max-width:37.5em){.container-main{padding:0}}.app{padding:5rem}@media only screen and (max-width:56.25em){.balance{margin-bottom:8rem}.movements,.operation--close{margin-bottom:5rem}}.hero{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:37.5em){.hero{align-items:center}}.app{align-items:center;display:flex}.app,.app__container{justify-content:center}.app__container{display:grid;gap:3rem;grid-template-areas:"greet greet" "bal bal" "mov trans" "mov loan" "mov close" "sum misc" "logo timer";grid-template-columns:2fr 1fr}@media only screen and (max-width:75em){.app__container{gap:2rem}}@media only screen and (max-width:56.25em){.app__container{gap:3rem;grid-template-areas:"greet" "bal" "mov" "mov" "trans" "loan" "close" "sum" "misc" "logo" "timer";grid-template-columns:1fr}}.balance{align-items:flex-end;display:flex;justify-content:space-between}@media only screen and (max-width:56.25em){.balance{align-items:center;flex-direction:column}}.summary{display:flex;justify-content:space-between}@media only screen and (max-width:37.5em){.summary{gap:2rem}.form,.summary{align-items:center;flex-direction:column}.form{display:flex}}.misc{align-items:center;display:flex;justify-content:space-between}.btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--clr-white-opacity-100);border-radius:10rem;box-shadow:0 1rem 2rem rgba(0,0,0,.2);color:var(--clr-neutral-100);cursor:pointer;display:inline-block;font-size:var(--fs-label);font-weight:400;letter-spacing:.2rem;padding:1.5rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s;width:-webkit-max-content;width:-moz-max-content;width:max-content}.btn-ghost:focus,.btn-ghost:hover{transform:translateY(-2px)}.btn-ghost:focus{outline:none}.btn-ghost:active{transform:translateY(2px)}.btn-ghost:active,.btn-ghost:focus,.btn-ghost:hover{box-shadow:0 2rem 6rem rgba(0,0,0,.3)}.btn-text--primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--clr-neutral-100);cursor:pointer;display:inline-block;padding:3px;text-transform:uppercase;transition:all .2s}.btn-text--primary:active,.btn-text--primary:focus,.btn-text--primary:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.btn-text--primary:focus,.btn-text--primary:hover{transform:translateY(-2px)}.btn-text--primary:focus{outline:none}.btn-text--primary:active{transform:translateY(2px)}.btn-text--neutral{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--clr-primary-300);cursor:pointer;display:inline-block;padding:3px;text-transform:uppercase;transition:all .2s}.btn-text--neutral:active,.btn-text--neutral:focus,.btn-text--neutral:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.btn-text--neutral:focus,.btn-text--neutral:hover{transform:translateY(-2px)}.btn-text--neutral:focus{outline:none}.btn-text--neutral:active{transform:translateY(2px)}.btn-ops{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(to left bottom,var(--clr-primary-300),var(--clr-primary-100));border:none;border-radius:.7rem;color:var(--clr-neutral-100);cursor:pointer;display:inline-block;font-size:1.8rem;height:3.5rem;padding:1px;transition:all .3s;width:3.5rem}.btn-ops:active,.btn-ops:focus,.btn-ops:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.btn-ops:focus,.btn-ops:hover{transform:translateY(-2px)}.btn-ops:focus{outline:none}.btn-ops:active{transform:translateY(2px)}.btn-login{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(to left bottom,var(--clr-accent-500),var(--clr-accent-400));border:1px solid var(--clr-accent-300);border-radius:5px;box-shadow:0 1rem 2rem rgba(0,0,0,.2);cursor:pointer;display:flex;font-size:var(--fs-label);font-weight:400;height:60px;justify-content:center;letter-spacing:.2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s;width:190px}.btn-login:active,.btn-login:focus,.btn-login:hover{box-shadow:0 2rem 6rem rgba(0,0,0,.3)}.btn-login:focus,.btn-login:hover{transform:translateY(-2px)}.btn-login:focus{outline:none}.btn-login:active{transform:translateY(2px)}.btn-login__text{color:var(--clr-neutral-100);position:absolute;transition:opacity .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none;-moz-user-select:none}.btn-login__fingerprint{stroke:var(--clr-white-opacity-300);left:-19px;opacity:0;position:absolute;top:-20px;transition:opacity 1ms}.btn-login__fingerprint-active{stroke:var(--clr-primary-300)}.btn-login__fingerprint-out{opacity:1}.btn-login__odd{stroke-dasharray:0 50px;stroke-dashoffset:1px;transition:stroke-dasharray 1ms}.btn-login__even{stroke-dasharray:50px 50px;stroke-dashoffset:-41px;transition:stroke-dashoffset 1ms}.btn-login__ok{opacity:0}.btn-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;height:40px;position:relative;width:40px}.btn-close:focus{outline:none}.btn-close__line{background-color:var(--clr-neutral-200);border-radius:2px;height:2px;left:10px;position:absolute;transition:all .3s ease-in;width:20px}.btn-close__left{transform:rotate(45deg)}.btn-close__right{transform:rotate(-45deg)}.btn-close__text{bottom:-2rem;color:var(--clr-accent-300);left:-.5rem;letter-spacing:2px;opacity:0;position:absolute;text-transform:uppercase;transition:all .3s ease-in}.btn-close:focus .btn-close__line,.btn-close:hover .btn-close__line{background-color:var(--clr-accent-300);outline:none}.btn-close:focus .btn-close__left,.btn-close:hover .btn-close__left{transform:rotate(-45deg)}.btn-close:focus .btn-close__right,.btn-close:hover .btn-close__right{transform:rotate(45deg)}.btn-close:focus .btn-close__text,.btn-close:hover .btn-close__text{opacity:1}.btn-close:active .btn-close__line{background-color:var(--clr-neutral-100)}.btn-open-icon{background-color:transparent;border:none;cursor:pointer}.btn-open-icon:focus{outline:none}.btn-open-icon:focus .icon,.btn-open-icon:hover .icon{transform:translateY(-2px)}.btn-open-icon:active .icon{transform:translateY(2px)}.card-atm{border-radius:20px;box-shadow:0 1rem 2rem rgba(0,0,0,.2);height:18rem;position:relative;transition:all 1s;width:33rem}.card-atm__text-box{bottom:2rem;left:2rem;opacity:.4;position:absolute}.card-atm--1{background-image:linear-gradient(to left bottom,var(--clr-accent-300),var(--clr-accent-300),var(--clr-accent-opacity-200),var(--clr-accent-opacity-100));border-bottom:1px solid var(--clr-accent-opacity-100);border-right:1px solid var(--clr-accent-opacity-100);position:relative;transform:rotate(25deg);z-index:1}.card-atm--2{background-image:linear-gradient(to left bottom,var(--clr-secondary-300),var(--clr-secondary-300),var(--clr-secondary-opacity-200),var(--clr-secondary-opacity-100));border-bottom:1px solid var(--clr-secondary-opacity-100);border-right:1px solid var(--clr-secondary-opacity-100);transform:rotate(-15deg)}.form-login{align-items:center;background-image:linear-gradient(to bottom left,var(--clr-primary-300),var(--clr-primary-400));border-top-right-radius:20px;display:flex;flex-direction:column;height:40rem;justify-content:center;width:50rem}@media only screen and (max-width:37.5em){.form-login{background-color:transparent;background-image:none;width:100%}}.form-login__heading{margin-bottom:5rem}.form-login__input{background-color:var(--clr-white-opacity-200);border:none;border-bottom:3px solid transparent;border-radius:2px;font-family:inherit;font-size:1.5rem;max-width:20rem;padding:1.5rem 2rem;transition:all .3s}.form-login__input:focus{border-bottom:3px solid var(--clr-secondary-300);box-shadow:0 1rem 2rem rgba(0,0,0,.2);outline:none}.form-login__input:focus:invalid{border-bottom:3px solid var(--clr-accent-300)}.form-login__input::-webkit-input-placeholder{color:var(--clr-neutral-300)}.form-login__input:-moz-placeholder-shown+.form-login__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.form-login__input:-ms-input-placeholder+.form-login__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.form-login__input:placeholder-shown+.form-login__label{opacity:0;transform:translateY(-4rem);visibility:hidden}.form-login__label{color:var(--clr-neutral-200);display:block;font-size:1.2rem;font-weight:400;margin-left:2rem;margin-top:.7rem;transition:all .3s}.form-login__btn{margin-block:1.5rem}.form{align-items:center;gap:1rem;justify-content:space-between}.form,.form__group{display:flex;flex-direction:column}.form__input{background-color:var(--clr-white-opacity-200);border:none;border-radius:.7rem;color:var(--clr-neutral-800);font-family:inherit;font-size:1.5rem;max-width:20rem;padding:.3rem 1rem;text-align:center;transition:all .3s}.form__input:focus{background-color:var(--clr-white-opacity-400);outline:none}.form__label{opacity:.5;text-align:center;text-transform:capitalize}.popup{border-radius:12px;opacity:0;padding:2rem 3rem;position:absolute;right:13%;top:10%;visibility:hidden;z-index:555}.popup__movement{right:5rem}@media only screen and (max-width:56.25em){.popup__movement{right:30%;top:30%}}@media only screen and (max-width:23.75em){.popup__movement{right:15%;top:45%}}.guide{align-items:center;border-bottom-left-radius:10px;border-top-left-radius:10px;display:flex;flex-direction:column;font-weight:100;gap:3rem;justify-content:center;padding:3rem;position:fixed;right:0;top:0;transition:all .5s;z-index:4}.guide__summary{cursor:pointer;display:block;height:2rem;list-style:none;text-align:center;width:2rem}.guide__summary::-webkit-details-marker{display:none}.guide__summary:focus{outline:none}@media only screen and (max-width:37.5em){.guide__summary{height:0;width:0}}.guide__heading{margin-top:5rem}.guide__subheading{margin-top:1.5rem;text-transform:none}.guide__btn-open{bottom:1.5rem;position:relative;right:1rem}.guide__btn-close{position:absolute;right:1rem;top:1rem}.guide__account{color:var(--clr-neutral-500);font-weight:300;margin-bottom:5rem}.guide__account:first-of-type{margin-top:5rem}.guide__data{color:var(--clr-neutral-200)}.home{border-bottom:1px solid var(--clr-primary-100);border-radius:20px;border-right:1px solid var(--clr-primary-100);height:100vh;overflow:hidden}@media only screen and (max-width:37.5em){.home{border:none;border-radius:0}}.hero{height:100vh;position:relative}.hero__text-box{bottom:15%;left:3rem;position:relative;width:60%}@media only screen and (max-width:37.5em){.hero__text-box{align-items:center;display:flex;flex-direction:column;justify-content:center;left:auto;text-align:center}}.hero__logo{margin-bottom:5rem}@media only screen and (max-width:23.75em){.hero__logo{margin-bottom:15rem}}@media only screen and (max-width:37.5em){.hero__heading{margin-bottom:15rem}}@media only screen and (max-width:23.75em){.hero__heading{display:none}}.hero__login{bottom:0;position:absolute}.hero__cards{bottom:40%;position:absolute;right:10%}@media only screen and (max-width:56.25em){.hero__cards{display:none}}.app{height:0;opacity:0;visibility:hidden}@media only screen and (max-width:56.25em){.app{height:auto}}.app__container{height:0;width:80%}@media only screen and (max-width:37.5em){.app__container{width:100%}}.app__greetings{grid-area:greet}.app__balance{grid-area:bal}.app__movements{grid-area:mov}.app__summary{grid-area:sum}.app__transfer{grid-area:trans}.app__loan{grid-area:loan}.app__close{grid-area:close}.app__misc{grid-area:misc}.app__logo{grid-area:logo}.app__logout-timer{grid-area:timer}.greetings__text{opacity:.5;text-transform:capitalize}.greetings__username{font-weight:500}.balance__label,.balance__text-box{margin-bottom:1.5rem}.balance__date{opacity:.5}.movements{height:750px;min-width:45rem;overflow:scroll;position:relative}.movements::-webkit-scrollbar{background-color:transparent}.movements::-webkit-scrollbar-thumb{background-color:var(--clr-white-opacity-100);border-radius:10px}.movements::-webkit-scrollbar-corner{background-color:transparent}@media only screen and (max-width:56.25em){.movements{max-height:600px}}@media only screen and (max-width:37.5em){.movements{min-width:0}}@media only screen and (max-width:26.25em){.movements{overflow-x:hidden}}.movements__row{align-items:center;border-bottom:1px solid var(--clr-white-opacity-100);display:flex;padding:2.25rem 4rem}@media only screen and (max-width:26.25em){.movements__row{flex-direction:column;gap:2rem;justify-content:space-between;padding:2.25rem 3rem}}.movements__box{display:flex;gap:2rem}@media only screen and (max-width:37.5em){.movements__box{align-items:center;flex-direction:column;gap:1rem;justify-content:space-between}}.movements__type{border-radius:10rem;font-weight:500;padding:.1rem 1rem;text-transform:uppercase}.movements__type--deposit{background-color:var(--clr-secondary-300)}.movements__type--withdrawal{background-color:var(--clr-neutral-700)}.movements__date{font-weight:500;opacity:.4;text-transform:uppercase}.movements__value{margin-left:auto}@media only screen and (max-width:26.25em){.movements__value{margin-left:0}}.summary{margin-top:1rem;padding:0 .3rem}.summary__label{font-weight:500;margin-right:.8rem;text-transform:uppercase}.summary__value{font-size:2.2rem;letter-spacing:.3rem;margin-right:2.5rem}.summary__value--in,.summary__value--interest{color:var(--clr-accent-300)}.summary__value--out{color:var(--clr-neutral-400)}.logout-timer{opacity:.5;text-align:right}.logout-timer__watch{font-weight:600}.misc{margin-top:1.9rem;padding:0 .3rem}.misc__btn-logout{font-size:var(--fs-body)}.footer{color:var(--clr-white-opacity-300);padding:4rem 8rem}@media only screen and (max-width:37.5em){.footer{padding:2rem}}.footer__nav{align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));list-style:none}@media only screen and (max-width:37.5em){.footer__nav{grid-template-columns:repeat(3,1fr)}}.footer__nav--link{background-color:var(--clr-grey-opacity-100);color:inherit;display:block;font-size:var(--fs-caption);padding:1.5rem;text-align:center;text-decoration:none;transition:all .2s}.footer__nav--link:focus,.footer__nav--link:hover{background-color:var(--clr-white-opacity-100);color:var(--clr-neutral-100);transform:translateY(-3px)}.footer__nav--link:focus{outline:none}.footer__nav--link:active{transform:translateY(3px)}.footer__copyright{font-size:var(--fs-caption);margin-left:auto;margin-right:auto;margin-top:5rem;text-align:center;width:70%}.operation{border-radius:1rem;min-width:32rem;padding:3rem 4rem;position:relative;text-align:center}@media only screen and (max-width:56.25em){.operation{min-width:0;width:100%}}.operation__type{font-weight:500;margin-bottom:1.5rem}.operation__btn{bottom:1rem;position:absolute;right:1rem}:root{--app-height:100vh}@media only screen and (max-width:56.25em){:root{--app-height:100%}}.app-transition-in{-webkit-animation:app-transition-in 1s ease-out forwards;animation:app-transition-in 1s ease-out forwards}.appCon-transition-in{-webkit-animation:appCon-transition-in 1s ease-out forwards;animation:appCon-transition-in 1s ease-out forwards}.hero-transition-out{-webkit-animation:hero-transition-out .5s ease-out forwards;animation:hero-transition-out .5s ease-out forwards}.error{color:var(--clr-accent-300);opacity:0;visibility:hidden}.display-error{-webkit-animation:display-popup 3s ease-out;animation:display-popup 3s ease-out}.display-popup{-webkit-animation:display-popup 5s ease-out;animation:display-popup 5s ease-out}