/* CoinZaPay Capital — supplied navy/green identity. */
:root{--navy:#082b52;--navy-2:#123c65;--blue:#087f73;--blue-ink:#06665d;--tint:#e6f5f2;--mint:#138e7c;--r-m:15px;--sh-2:0 16px 42px -18px rgba(8,43,82,.24)}
body{font-size:1rem}.brand-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:700;color:var(--mint);line-height:1.6;margin:0 0 1rem}.logo{gap:.7rem;letter-spacing:0;min-width:0}.brand-symbol{position:relative;display:block;flex:0 0 auto;width:50px;height:50px;overflow:hidden;border-radius:50%;background:#edf5f3}.brand-symbol img{position:absolute;width:274%;height:auto;max-width:none;left:-85%;top:-52%;pointer-events:none}.brand-wordmark{display:flex;flex-direction:column;min-width:0}.brand-name{font:700 1.65rem/1.05 var(--display);letter-spacing:-.045em}.brand-name>span{color:var(--mint)}.brand-capital{font:600 .67rem/1.65 var(--body);letter-spacing:.42em;margin-top:3px}.logo small{font-size:.75rem;font-weight:400;color:var(--muted);line-height:1.45;white-space:normal;max-width:27ch;margin-top:4px}.logo.inv{color:white}.logo.inv .brand-name>span{color:#4bd3b0}.logo.inv small{color:#bacfdf}.site-head .logo small{display:none}.site-head .brand-symbol{width:43px;height:43px}.site-head .brand-name{font-size:1.4rem}.site-head .wrap{min-height:82px}.side .brand{padding:1.25rem 1rem}.side .brand-symbol{width:44px;height:44px}.side .brand-name{font-size:1.45rem}.side .logo small{font-size:.75rem;max-width:22ch}.site-foot .logo{align-items:flex-start}.site-foot .brand-symbol{width:60px;height:60px}.site-foot .logo small{font-size:.85rem;max-width:30ch}
.hero{background:radial-gradient(ellipse at 88% 16%,#dcefeb 0,transparent 43%),linear-gradient(180deg,#f3f7fc,#fff);padding-top:3rem}.hero h1{letter-spacing:-.045em}.slip{position:relative;border-color:#c8dfd9;box-shadow:0 25px 70px -34px rgba(8,43,82,.4)}.hero-brand-art{display:flex;justify-content:center;border-bottom:1px solid var(--line);margin:-.2rem 0 1rem;padding-bottom:.6rem}.hero-brand-art .full-brand-logo{width:178px;height:auto;display:block}.full-brand-logo{object-fit:contain}.auth{background:#f8fbfa}.auth-side{background:radial-gradient(ellipse at 0 100%,#126354,transparent 68%),var(--navy);gap:1.5rem;padding:2.5rem 3rem}.auth-side h2{max-width:22ch;font-size:1.75rem;margin-bottom:.8rem;line-height:1.25}.auth-side p{color:#c8dedc;max-width:35ch;margin:0}.auth-brand-art{display:grid;place-items:center;background:#f3f7f6;border-radius:28px;max-width:340px;width:100%;margin:auto;box-shadow:0 22px 65px -25px #031a36}.auth-brand-art img{width:100%;height:auto}.auth-box h1{font-size:2.1rem;letter-spacing:-.04em}.login-card{box-shadow:none;background:white;border-color:#dbe7e3}.login-submit{display:block;width:100%;margin-top:1.3rem}.auth-mobile-brand{margin-bottom:2.25rem}.auth-top{margin-bottom:1.3rem}.modal-heading{display:flex;align-items:center;gap:.65rem;min-width:0}.modal-heading .brand-symbol{width:34px;height:34px}.modal-brand-name{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.modal header h2{line-height:1.35;margin-top:.15rem}.startup{min-height:72vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);padding:1.5rem}.startup img{max-width:100%;object-fit:contain}
.loan-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:1.2rem;margin:0 0 1.4rem}.loan-overview-card{border-top:3px solid var(--mint);background:linear-gradient(145deg,#fff 65%,#f0faf6);margin-bottom:0}.loan-overview-card .brand-eyebrow{font-size:.74rem;margin-bottom:.35rem;display:block}.loan-overview-card h3{font-size:1.6rem;margin:.25rem 0}.loan-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}.loan-facts dt{font-size:.85rem;color:var(--muted)}.loan-facts dd{margin:.25rem 0 0;font-weight:600;font-size:1rem}.repayment-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.45rem;font-size:.8rem;color:var(--muted);margin:1.3rem 0}.repayment-progress progress{width:100%;height:7px;border:0;appearance:none;border-radius:10px;overflow:hidden;background:#dfece9}.repayment-progress progress::-webkit-progress-bar{background:#dfece9}.repayment-progress progress::-webkit-progress-value{background:var(--mint);border-radius:10px}.repayment-progress progress::-moz-progress-bar{background:var(--mint)}.loan-payment-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line)}.loan-payment-row b{display:block;font-size:1.2rem;margin-top:.25rem}.pay.repayment-wallet{display:block;padding:1.5rem;border:1px solid #a3d3c7;border-radius:14px;background:#eef9f5}.repayment-wallet code{font-size:1rem;white-space:normal;overflow-wrap:anywhere}.repayment-wallet .addr{align-items:flex-start;margin:.55rem 0 1rem;gap:1rem}.repayment-wallet .addr .btn{flex-shrink:0}.wallet-shortcut{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(120deg,#e9f7f2,#f6f9fd);border-color:#c9e6dc}.wallet-shortcut h3{margin:0 0 .4rem}.wallet-shortcut p{margin:0}.net-card .kv dd{overflow-wrap:anywhere}
.btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 16px -9px rgba(8,43,82,.45)}.btn:active:not(:disabled){transform:translateY(0)}.tile{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#a8d8ca}.logo .brand-symbol{transition:transform .3s ease}.logo:hover .brand-symbol{transform:rotate(-4deg)}.side nav a{transition:background .18s ease,color .18s ease}.motion-ready{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready:not(.motion-in){opacity:0;transform:translateY(15px)}.motion-in{opacity:1;transform:none}.auth-box{animation:account-enter .45s ease both}.modal{animation:account-enter .22s ease both}.save-state{box-shadow:var(--sh-2)}
@keyframes account-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:960px){.auth-mobile-brand{display:none}}
@media(max-width:700px){.hero .wrap{gap:1.6rem}.hero-brand-art .full-brand-logo{width:145px}.brand-eyebrow{font-size:.72rem}.wallet-shortcut{align-items:flex-start;flex-direction:column}.wallet-shortcut .btn{width:100%}.repayment-wallet .addr{flex-direction:column}.repayment-wallet .addr .btn{align-self:stretch}.site-head .wrap{min-height:74px}.site-head .brand-symbol{width:37px;height:37px}.site-head .brand-name{font-size:1.2rem}.site-head .brand-capital{font-size:.58rem}.auth-main{padding:1.3rem}.auth-mobile-brand .logo{max-width:100%}.loan-payment-row{align-items:flex-start;flex-wrap:wrap}.loan-payment-row .btn{flex:1}.loan-facts{gap:.85rem}.loan-overview-card .page-head{gap:.7rem}.site-foot .logo small{max-width:25ch}}
@media(prefers-reduced-motion:reduce){.motion-ready,.motion-ready:not(.motion-in),.motion-in{opacity:1!important;transform:none!important;transition:none!important}.btn,.tile,.brand-symbol,.auth-box,.modal{animation:none!important;transition:none!important}.btn:hover,.tile:hover,.logo:hover .brand-symbol{transform:none!important}}