@import url(https://fonts.googleapis.com/css2?family=Viga&display=swap);:root{--font:#eef4ed;--font-tamnija:#a7aba6;--font-form:#4b2800;--plava-sekundarni-naslov:#8ecae6;--plava-tamnija-pozadina:#00000f;--plava-svjetlija-pozadina:#29294a;--narandzasta-btn:#fb8500;--narandzasta-input-select:#fdb666;--form-btn:#7f5b33;--zelena:#39b385;--crvena:#e52a5a;--plava-sekundarna:#219ebc;--zuta:#ffb703}*{box-sizing:border-box;margin:0;padding:0}:focus{border-radius:0 1rem 0 1rem;box-shadow:0 0 0 .4rem #e1e1e133;outline:none}html{font-size:62.5%;scroll-behavior:smooth}body{background-image:linear-gradient(to right bottom,#00000f,#29294a);background-image:linear-gradient(to right bottom,var(--plava-tamnija-pozadina),var(--plava-svjetlija-pozadina));color:#eef4ed;color:var(--font);font-family:Viga,sans-serif;font-weight:400;line-height:1;overflow-x:hidden}.container{margin:0 auto;max-width:130rem;overflow:hidden}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1}label{cursor:pointer}.flex-column{display:flex;flex-direction:column}.hidden{display:none}::-webkit-scrollbar{width:1.8rem}::-webkit-scrollbar-thumb{background-color:#219ebc;background-color:var(--plava-sekundarna);border-radius:5rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.btn{border:none;cursor:pointer;display:inline-block;font-family:inherit;font-weight:700;text-decoration:none;text-transform:uppercase}.btn,.nav-link-btn,.nav-link-btn:link,.nav-link-btn:visited{box-shadow:0 0 3px 1px #000000bf;-webkit-box-shadow:0 0 3px 1px #000000bf;-moz-box-shadow:0 0 3px 1px #000000bf;transition:all .7s}.nav-link-btn,.nav-link-btn:link,.nav-link-btn:visited{background-color:#fb8500;background-color:var(--narandzasta-btn);border-radius:0 10px 0 10px;color:#eef4ed;color:var(--font);font-size:1.8rem;padding:.6rem 1rem}.nav-link-btn:active,.nav-link-btn:hover{background-color:#eef4ed;background-color:var(--font);color:#fb8500;color:var(--narandzasta-btn);transform:scale(1.01)}.hero-btns .btn{align-self:flex-start;border-radius:0 25px 0 25px;box-shadow:inset 0 0 5px 0 #000000bf;-webkit-box-shadow:inset 0 0 5px 0 #000000bf;-moz-box-shadow:inset 0 0 5px 0 #000000bf;font-size:1.8rem;padding:1.2rem 1.8rem}.btn-start,.btn-start:link,.btn-start:visited{background-color:#fb8500;background-color:var(--narandzasta-btn);color:#eef4ed;color:var(--font)}.btn-start:active,.btn-start:hover{transform:scale(1.01)}.btn-learn-more,.btn-learn-more:link,.btn-learn-more:visited,.btn-start:active,.btn-start:hover{background-color:#eef4ed;background-color:var(--font);color:#fb8500;color:var(--narandzasta-btn)}.btn-learn-more:active,.btn-learn-more:hover{background-color:#fb8500;background-color:var(--narandzasta-btn);color:#eef4ed;color:var(--font);transform:scale(1.01)}.btn-form,.btn-form:link,.btn-form:visited{align-self:end;background-color:#7f5b33;background-color:var(--form-btn);border-radius:0 20px 0 20px;box-shadow:0 0 1px 0 #0000001a;-webkit-box-shadow:0 0 1px 0 #0000001a;-moz-box-shadow:0 0 1px 0 #0000001a;color:#eef4ed;color:var(--font);font-size:1.6rem;margin-top:1.4rem;padding:.6rem;transition:all .7s}.btn-form:active,.btn-form:hover{background-color:#fdb666;background-color:var(--narandzasta-input-select);color:#4b2800;color:var(--font-form)}.btn-footer,.btn-footer:link,.btn-footer:visited{background-color:#fb8500;background-color:var(--narandzasta-btn);border-radius:0 25px 0 25px;color:#eef4ed;color:var(--font);font-size:3rem;padding:2rem;transition:all 1s}.btn-footer:active,.btn-footer:hover{background-color:#eef4ed;background-color:var(--font);color:#fb8500;color:var(--narandzasta-btn);transform:scale(1.01)}.btn-close,.btn-close:link,.btn-close:visited{background:none;border:none;color:#eef4ed;color:var(--font);cursor:pointer;font-size:7rem;position:absolute;right:4.2rem;top:1rem}.btn-close:active,.btn-close:hover{transform:scale(1.2)}.btn-log-out,.btn-log-out:link,.btn-log-out:visited{background-color:#fb8500;background-color:var(--narandzasta-btn);border-radius:0 20px;color:#eef4ed;color:var(--font);display:block;font-size:1.8rem;padding:1.2rem;position:absolute;right:2.4rem;top:2.4rem}.btn-log-out:active,.btn-log-out:hover{background-color:#eef4ed;background-color:var(--font);color:#fb8500;color:var(--narandzasta-btn)}.heading-hero{align-self:start;color:#219ebc;color:var(--plava-sekundarna);font-size:5.2rem;font-weight:700;line-height:1.3;text-shadow:-5px -5px 20px #000000a3}.heading-hero strong{color:#eef4ed;color:var(--font);text-transform:uppercase}.heading-wrapper{display:flex;flex-direction:column;gap:.8rem}.heading-secondary{color:#8ecae6;color:var(--plava-sekundarni-naslov);font-size:2.4rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase}.heading-primary{font-size:3.6rem;line-height:1.15}.sign-up-heading{align-self:center;font-size:2.4rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase}.footer-heading{align-self:center;color:#eef4ed;color:var(--font);font-size:3.6rem;font-weight:500;line-height:1.3;text-align:center;text-shadow:-5px -5px 20px #000000a3}.svg-wrapper{position:relative}.custom-shape-divider-bottom-1702907395{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;transform:rotate(180deg);width:100%}.custom-shape-divider-bottom-1702907395 svg{display:block;height:100px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-bottom-1702907395 .shape-fill{fill:#eef4ed;fill:var(--font)}.custom-shape-divider-top-1702907219{left:0;line-height:0;overflow:hidden;position:absolute;top:0;width:100%}.custom-shape-divider-top-1702907219 svg{display:block;height:100px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-top-1702907219 .shape-fill{fill:#eef4ed;fill:var(--font)}.header{height:9.6rem;padding:0 3.2rem}.banner,.header{display:flex;justify-content:space-between}.banner{align-items:center;gap:1.2rem;text-transform:uppercase;z-index:999}.banner .banner-logo{height:5rem}.banner .banner-text{font-family:Viga,sans-serif;font-size:3.6rem}.nav,.nav-list{align-items:center;display:flex}.nav-list{gap:3.6rem;list-style:none}.nav-link:link,.nav-link:visited{color:#eef4ed;color:var(--font);display:inline-block;font-size:1.6rem;text-decoration:none;transition:all .4s}.nav-link:active,.nav-link:hover{color:#fb8500;color:var(--narandzasta-btn);transform:scale(1.1)}.hero-section{display:grid;grid-template-columns:1fr 1fr;padding:5.8rem 0 20rem}.hero-wrapper{align-items:center;display:flex;justify-content:center;padding:0 5.2rem}.hero-content{grid-gap:3.2rem;display:grid;gap:3.2rem;grid-template-rows:3fr 1fr 1fr}.hero-content p{align-self:end;font-size:2rem;letter-spacing:.1rem;line-height:1.1}.hero-content .hero-btns{display:flex;gap:2.4rem}.hero-img{height:40rem}.hero-img:hover{transform:skew(-10deg,-10deg) rotate(5deg);transition:all 1s}.hero-img:not(:hover){transform:skew(0deg,0deg) rotate(0deg);transition:all 1s ease-in-out}.korisnici-wrapper{align-items:center;display:flex;gap:1.6rem;grid-column:span 2;justify-content:center;margin-top:8rem}.korisnici{display:flex}.korisnici img{border-radius:50%;box-shadow:0 0 20px 1px #000000bf;-webkit-box-shadow:0 0 20px 1px #000000bf;-moz-box-shadow:0 0 20px 1px #000000bf;height:4.8rem;margin-right:-1.2rem;width:4.8rem}.korisnici img:last-child{margin:0}.korisnici-wrapper p{font-size:1.8rem;font-weight:500;margin:0}.korisnici-wrapper p strong{color:#8ecae6;color:var(--plava-sekundarni-naslov)}.about-section{background-color:#eef4ed;background-color:var(--font);color:#00000f;color:var(--plava-tamnija-pozadina);display:flex;flex-direction:column;gap:9.8rem;grid-template-rows:1fr 5fr;padding:8rem}.about-content{grid-gap:4.8rem;align-items:center;display:grid;gap:4.8rem;grid-template-columns:repeat(2,1fr);justify-items:center}.card{border-radius:0 60px;box-shadow:0 0 5px 1px #000000bf;-webkit-box-shadow:0 0 5px 1px #000000bf;-moz-box-shadow:0 0 5px 1px #000000bf;color:#eef4ed;color:var(--font);height:30rem;overflow:hidden;transform:translateX(-150%);transition:all .7s ease-in-out;width:44rem}.card:nth-of-type(2n){transform:translateX(150%)}.card.show{transform:translateX(0)}.card:hover>.card-description{transform:translateY(0)}.card-description{gap:1.6rem;padding:3.2rem;transition:all .7s ease-out}.card-heading{color:#fdb666;color:var(--narandzasta-input-select);font-size:3rem}.card-text{font-size:2rem;letter-spacing:.1rem;line-height:1.2;width:80%}.card-link,.card-link:link,.card-link:visited{align-self:start;color:#fdb666;color:var(--narandzasta-input-select);cursor:pointer;font-size:1.8rem;text-decoration:none;transition:all .7s}.card-link,.card-link:active,.card-link:hover{color:#eef4ed;color:var(--font)}.digital-bank-img{background-image:linear-gradient(to right bottom,#00000fb3,#8ecae6b3),url(/static/media/digital-bank.ef8de8983d5a3cab3750.jpg)}.digital-bank-img,.security-img{background-position:50%;background-size:cover}.security-img{background-image:linear-gradient(to right bottom,#00000fb3,#8ecae6b3),url(/static/media/security.0d3f214f3fb1a68f649d.jpg)}.debit-card-img{background-image:linear-gradient(to right bottom,#00000fb3,#8ecae6b3),url(/static/media/debit-card.a189da870e267f84855c.jpg)}.debit-card-img,.e-mail-img{background-position:50%;background-size:cover}.e-mail-img{background-image:linear-gradient(to right bottom,#00000fb3,#8ecae6b3),url(/static/media/e-mail.e5419d7f94ce26a1c35d.jpg)}.features-section{background-color:#eef4ed;background-color:var(--font);color:#00000f;color:var(--plava-tamnija-pozadina);padding:6.4rem 8rem}.features{align-items:stretch;display:flex;justify-content:space-around;padding:9.6rem 0 1.6rem}.feature{background-color:#fdb666;background-color:var(--narandzasta-input-select);border-radius:0 60px;color:#4b2800;color:var(--font-form);cursor:pointer;filter:blur(5px);gap:2.4rem;padding:2.4rem;transition:all .7s;width:25%}.feature:hover{filter:blur(0);transform:scale(1.05)}.feature ion-icon{align-self:center;background-color:#fb8500;background-color:var(--narandzasta-btn);border-radius:100px;color:#eef4ed;color:var(--font);font-size:4rem;padding:.8rem}.feature-heading{font-size:2rem;text-align:center}.feature-text{font-size:1.6rem;line-height:1.2}.sign-up-section{gap:8.2rem;padding:20rem 8rem 5.8rem}.sign-up-container{align-self:center;background-image:linear-gradient(to right bottom,#fc9d33,#fb8500);border-radius:0 80px;box-shadow:-5px -5px 20px #000000a3;display:grid;grid-template-columns:2fr 1fr;margin:3rem 9.8rem 3.6rem;overflow:hidden}.sign-up-text-box{color:#4b2800;color:var(--font-form);gap:2.4rem;padding:4rem}.sign-up-description{font-size:1.6rem;line-height:1.3}.sign-up-description strong{font-size:1.5rem;font-weight:700}.sign-up-form{grid-column-gap:3.2rem;grid-row-gap:1.2rem;column-gap:3.2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:1.2rem}.sign-up-form :focus{border-radius:0 20px 0 20px;box-shadow:0 0 0 .4rem #e2780080;outline:none}.sign-up-form label{display:block;font-size:1.4rem;font-weight:500;margin-bottom:.6rem}.sign-up-form input,.sign-up-form select{background-color:#fdb666;background-color:var(--narandzasta-input-select);border:none;border-radius:0 20px;box-shadow:0 1px 2px 0 #0000001a;-webkit-box-shadow:0 1px 2px 0 #0000001a;-moz-box-shadow:0 1px 2px 0 #0000001a;color:inherit;font-family:inherit;font-size:1.6rem;padding:.6rem;width:100%}.sign-up-form input::placeholder{color:#7f5b33;color:var(--form-btn)}.sign-up-img{background-image:linear-gradient(to right bottom,#fc9e3359,#fb860059),url(/static/media/sign-up-img.d107bc122f68aeeb0be3.jpg);background-position:50%;background-size:cover}.footer{padding:8rem}.footer-container{display:flex;flex-direction:column;gap:20rem;padding:2.4rem 9.8rem}.footer-container .flex-column{gap:6.4rem}.btn-footer-wrapper,.footer-socials{align-self:center}.footer-socials{display:flex;gap:3.2rem}.footer-logo{cursor:pointer;width:5rem}.nav-footer{align-self:center}.nav-links-footer{align-items:center;display:flex;gap:5.6rem;list-style:none}.nav-link-footer:link,.nav-link-footer:visited{color:#eef4ed;color:var(--font);display:inline-block;font-size:2.4rem;text-decoration:none;transition:all .7s}.nav-link-footer:active,.nav-link-footer:hover{color:#fb8500;color:var(--narandzasta-btn)}li span{cursor:pointer;font-size:2.4rem}.footer-container .banner{align-self:center;cursor:pointer}.log-in-wrapper{background-image:linear-gradient(to right bottom,#fc9d33,#fb8500);border-radius:0 80px;box-shadow:-5px -5px 20px #000000a3;color:#4b2800;color:var(--font-form);display:flex;gap:3.8rem;left:50%;padding:3rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:35rem}.log-in-form{grid-gap:1.2rem;display:grid;gap:1.2rem;padding:1.8rem}.log-in-wrapper .banner{align-self:center}.log-in-form .flex-column :focus{border-radius:0 20px 0 20px;box-shadow:0 0 0 .4rem #e2780080;outline:none}.log-in-form .flex-column label{display:block;font-size:1.4rem;font-weight:500;margin-bottom:.6rem}.log-in-form .flex-column input{background-color:#fdb666;background-color:var(--narandzasta-input-select);border:none;border-radius:0 20px;box-shadow:0 1px 2px 0 #0000001a;-webkit-box-shadow:0 1px 2px 0 #0000001a;-moz-box-shadow:0 1px 2px 0 #0000001a;color:inherit;font-family:inherit;font-size:1.6rem;padding:.6rem;width:100%}.log-in-text{align-self:center;font-size:1.6rem}.log-in-text a:link,.log-in-text a:visited{color:#7f5b33;color:var(--form-btn);display:inline-block;text-decoration:none;transition:all .7s}.log-in-text a:active,.log-in-text a:hover{background-color:#eef4ed;background-color:var(--font)}.bankar{grid-gap:1.6em;bottom:0;display:grid;gap:1.6em;grid-template-columns:1fr 1fr;height:90vh;padding:3.2rem;position:fixed;width:100vw}.account-info{justify-content:space-between;text-shadow:-5px 0 50px #000}.app-heading{font-size:3rem;letter-spacing:.1rem;line-height:1.1}.app-heading strong{color:#a7aba6;color:var(--font-tamnija);font-size:3.2rem}.info{display:flex;gap:1.2rem}.balance-p{display:flex;font-size:2.8rem;justify-content:space-between}.balance{color:#219ebc;color:var(--plava-sekundarna)}.summary{display:flex;font-size:1.8rem;justify-content:space-between}.summary p strong{font-size:2rem}.summary-red{color:#e52a5a;color:var(--crvena)}.summary-green{color:#39b385;color:var(--zelena)}.summary-yellow{color:#ffb703;color:var(--zuta)}.account-actions{align-items:center;display:flex;justify-content:space-around}.actions{gap:2.4rem}.actions ion-icon{cursor:pointer;font-size:4.4rem}.action-display{gap:2.4rem}.action-heading{font-size:2rem;letter-spacing:.1rem}.action-form{color:#eef4ed;color:var(--font);gap:1.6rem}.action-form div label{font-size:1.4rem;padding-bottom:.5rem}.action-form div input{background-color:initial;border:.1rem solid #eef4ed;border:.1rem solid var(--font);border-radius:0 1rem;color:#eef4ed;color:var(--font);font-size:1.6rem;padding:.4rem}.btn-action,.btn-action:link,.btn-action:visited{border:.1rem solid #eef4ed;border:.1rem solid var(--font);border-radius:0 1rem;padding:.4rem 0}.btn-action:hover,.btn:active{background-color:initial;color:#eef4ed;color:var(--font)}.account-reports{display:flex;grid-column:2/3;grid-row:1/3;padding:2.4rem}.reports{height:40rem;margin:auto;overflow:auto;width:38rem}.report{border:1px solid #eef4ed;border:1px solid var(--font);border-radius:10rem;display:flex;font-size:1.4rem;justify-content:space-between;margin:.4rem;padding:1.6rem}.report-type{border-radius:10rem;padding:.4rem}.report-type-isplaceno{background-color:#e52a5a;background-color:var(--crvena)}.report-type-uplaceno{background-color:#39b385;background-color:var(--zelena)}.report-amount{font-size:1.8rem}
/*# sourceMappingURL=main.456c9d1e.css.map*/