:root{--ink:#0d1b2a;--green:#0b6b58;--deep:#06463d;--green2:#5bc6a6;--soft:#edf6f3;--line:#dce7e4;--red:#9a3342}*{box-sizing:border-box}html{background:#eef2f1}body{margin:0;background:#eef2f1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}a{color:var(--green)}.phone{width:min(100%,430px);min-height:100vh;margin:auto;background:#fff;padding:22px 18px 110px}.apppage{padding-top:max(22px,env(safe-area-inset-top))}.brand{font-weight:850;letter-spacing:2px}.logo{display:flex;gap:10px;align-items:center}.logo>div{display:flex;flex-direction:column}.logo small{font-size:7px;font-weight:800;letter-spacing:1px;margin-top:2px}.leaf{width:34px;height:34px;border-radius:19px 5px 19px 5px;background:linear-gradient(135deg,var(--green2),var(--green))}.compact{margin-bottom:30px}.apphead{display:flex;justify-content:space-between;align-items:flex-start}.todayline{font-family:Georgia,serif;font-style:italic;color:#496c65;font-size:13px;line-height:1.25;text-align:right}.welcome{margin:30px -18px 0;padding:28px 18px 70px;background:linear-gradient(145deg,#dceae7,#f7d9a6 60%,#d7ece8);position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;width:310px;height:130px;background:#557b73;opacity:.38;border-radius:60% 45% 0 0;left:-20px;bottom:-60px;transform:rotate(-5deg)}.welcome h1{font-size:38px;margin:0 0 4px;font-weight:500}.welcome h2{font-size:21px;margin:0 0 8px}.welcome p{margin:0}.hero{background:linear-gradient(135deg,#0a6957,#13866e);color:#fff;border-radius:18px;padding:22px;margin:14px 0}.dashboard{display:flex;justify-content:space-between;align-items:center;margin-top:-48px;position:relative;z-index:2;box-shadow:0 8px 22px #1232}.balance{font-size:38px;font-weight:760;margin-top:6px}.dashboard p{margin-bottom:0}.progressbox{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.ring{--p:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#72d2b5 calc(var(--p)*1%),#ffffff44 0);position:relative}.ring:after{content:"";position:absolute;inset:10px;background:#13735f;border-radius:50%}.ring span{position:relative;z-index:1;font-size:24px;font-weight:800}.progressbox small{font-size:11px}.passpreview{display:grid;grid-template-columns:150px 1fr 15px;align-items:center;gap:14px;text-decoration:none;color:var(--ink);background:#f5f7f6;border:1px solid var(--line);border-radius:18px;padding:14px}.mini-bankcard{height:92px;border-radius:12px;padding:12px;color:#fff;background:linear-gradient(135deg,#053e36,#0e826c);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 18px #0002}.mini-bankcard.navy,.bankcard.navy{background:linear-gradient(135deg,#101827,#294363)}.mini-bankcard.rose,.bankcard.rose{background:linear-gradient(135deg,#9c6377,#e5a4b8)}.mini-bankcard.blue,.bankcard.blue{background:linear-gradient(135deg,#0b3b75,#147cc1)}.tiny{font-size:10px}.passpreview h3,.passpreview p{margin:4px 0}.passpreview p{color:#71807c;font-size:14px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.sectiontitle h2{font-size:20px}.sectiontitle a{text-decoration:none;font-size:14px}.txlist{background:#fff;border-radius:16px}.tx{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #edf1f0}.tx .ico{width:40px;height:40px;display:grid;place-items:center;background:var(--soft);border-radius:50%;font-size:19px;color:var(--green)}.tx .desc{flex:1;min-width:0}.tx small{display:block;color:#73817e;margin-top:3px;white-space:normal}.txamount{text-align:right;font-weight:750;white-space:nowrap}.txamount small{font-weight:400}.credit{color:var(--green)}.debit{color:var(--red)}blockquote{margin:28px 0 0;padding:22px;background:linear-gradient(135deg,#eef8f5,#f7fbfa);border-radius:18px;font-family:Georgia,serif;font-style:italic;font-size:20px;line-height:1.35}blockquote small{display:block;font-family:inherit;font-size:11px;font-style:normal;color:#7b8b87;margin-top:8px}.nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);height:84px;background:#fffc;border-top:1px solid var(--line);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.nav a{text-decoration:none;color:#60706c;font-size:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav a.active{color:var(--green);font-weight:700}.navicon{font-size:22px;line-height:1}.paynav .plus{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:29px;line-height:1;margin-top:-25px;box-shadow:0 6px 15px #0633}.paynav span:last-child{margin-top:-3px}.card{border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}.progress{height:9px;background:#e5ecea;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}.btn{display:block;width:100%;border:0;border-radius:13px;background:linear-gradient(135deg,var(--green),#3b9b80);color:white;padding:15px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;margin:12px 0}.btn.secondary{background:var(--soft);color:var(--green)}label{display:block;font-size:13px;margin:14px 0 6px}input,select,textarea{width:100%;padding:14px;border:1px solid #ccd8d5;border-radius:12px;font:inherit;background:#fff}textarea{min-height:100px}.bankcard{height:190px;border-radius:18px;padding:22px;color:#fff;background:linear-gradient(135deg,#063f38,#0e826c);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 35px #0002}.auth{background:linear-gradient(160deg,#073e39,#0a6758);color:#fff}.auth input{background:#fff}.auth a{color:white}.authbrand{padding-top:70px}.bigleaf{display:inline-block;width:48px;height:48px}.authbrand p{font-size:10px;letter-spacing:1.5px}.authbtn{background:#55c5a3;color:#063e37}.center{text-align:center}.success{font-size:72px;color:var(--green);margin:60px 0 10px}.error{background:#fff0f1;color:#8b1f31;padding:12px;border-radius:10px}.muted{color:#71807c}.amountbig{font-size:42px;font-weight:800}.helpintro{background:linear-gradient(135deg,#0a6957,#13866e);color:#fff;padding:22px;border-radius:18px;margin-bottom:16px}.helpintro b{font-size:24px}.helpintro p{margin-bottom:0}.phone details{border-bottom:1px solid var(--line);padding:16px 2px}.phone summary{font-weight:750;cursor:pointer}.phone details p{color:#596965;line-height:1.5}.disclaimer{background:#f4f7f6;padding:14px;border-radius:12px;color:#6b7976;font-size:12px}.menulist{border:1px solid var(--line);border-radius:18px;overflow:hidden}.menulist a{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;padding:16px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}.menulist a:last-child{border-bottom:0}.menulist a>span{width:38px;height:38px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--green)}.menulist small{display:block;color:#7a8985;margin-top:3px}.menulist .logout>span{background:#f7ece9;color:#8c493c}.menulist .logout b{color:#7b352d}@media(min-width:700px){body:before{content:"NOVA BANK is ontworpen voor je telefoon";position:fixed;left:calc(50% - 440px);top:45%;width:240px;text-align:center;color:#60706c;font-weight:700}.phone,.nav{box-shadow:0 0 40px #0001}}