@font-face{font-family:Inter;src:url('assets/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--emerald:#087a55;--deep:#053d2d;--mint:#32e6a1;--ink:#152d24;--muted:#75867d;--line:#e4ebe7;--paper:#f6f9f7;--white:#fff;--soft:#e8f5ee;--shadow:0 8px 35px #163d2810;--font:Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #20ad80;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #087a5540;border-color:var(--emerald)}[hidden]{display:none!important}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;transition:background .2s}.icon-btn:hover{background:var(--soft)}.app{display:flex;min-height:100svh}.sidebar{width:236px;background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:35px 19px 20px}.brand{display:flex;align-items:center;gap:11px;padding:0 15px;font-size:26px;letter-spacing:-1.2px;font-weight:650}.brand img{width:37px;height:37px;border-radius:12px}.brand-dot{color:var(--emerald)}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#9aa79f;margin:47px 16px 17px;font-weight:600}nav{display:flex;flex-direction:column;gap:6px}.nav-link{height:46px;border-radius:10px;display:flex;align-items:center;gap:13px;padding:0 16px;color:#7b8b83;font-weight:500;font-size:12px;text-align:left;position:relative}.nav-link:hover{background:#f3f8f5;color:var(--emerald)}.nav-link.active{background:#e8f4ed;color:#076346;font-weight:650}.nav-link.active:after{content:'';width:5px;height:5px;background:var(--emerald);border-radius:50%;margin-left:auto}.nav-separator{height:1px;background:var(--line);margin:15px 16px}.sidebar-bottom{margin-top:auto;padding-top:30px}.presentation-entry{display:flex;align-items:center;gap:10px;padding:17px 12px;border:1px solid #dce9e1;border-radius:13px;width:100%;text-align:left;background:linear-gradient(115deg,#f1f8f3,white);font-size:11px;font-weight:600}.presentation-entry small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.presentation-spark{font-size:26px;color:var(--emerald)}.profile-entry{display:flex;align-items:center;gap:10px;text-align:left;padding:24px 10px 0;width:100%}.profile-entry b{font-size:11px;font-weight:600}.profile-entry small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.profile-entry>span:last-child{margin-left:auto}.avatar{display:grid;place-items:center;background:#f0eee6;width:36px;height:36px;border:1px solid #e7e4d7;border-radius:50%;color:#727662;font-size:14px;font-weight:600}.avatar.small{width:31px;height:31px;font-size:12px}.workspace{margin-left:236px;width:calc(100% - 236px)}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#ffffffa0}.breadcrumb{font-size:11px;color:#96a49d;display:flex;gap:15px}.breadcrumb b{font-weight:500;color:#53685c}.breadcrumb span{color:#c1cbc4}.topbar-right{display:flex;align-items:center;gap:19px}.demo-badge{font-size:8px;letter-spacing:1.5px;border:1px solid #d4e7da;background:#eef8f1;color:#34815a;border-radius:5px;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;font-weight:600}.demo-badge i,.app-footer i{width:5px;height:5px;background:#54a974;border-radius:50%;display:inline-block}.mobile-menu{display:none}main{max-width:1480px;margin:0 auto;padding:38px 42px 25px;outline:none}.page-enter{animation:pageEnter .55s cubic-bezier(.2,.8,.2,1) both}@keyframes pageEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:var(--muted);text-transform:uppercase}.page-heading h1{font-size:27px;font-weight:500;letter-spacing:-1px;margin:8px 0}.page-heading p{font-size:11px;color:var(--muted);margin:10px 0 0;line-height:1.7}.date-chip{border:1px solid var(--line);padding:10px 13px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8a978f;margin-top:5px}.date-chip svg{width:14px;height:14px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(300px,1fr);gap:30px;align-items:stretch}.balance-panel{background:white;border:1px solid var(--line);border-radius:19px;padding:30px 29px 24px;box-shadow:0 5px 10px #2d504105;position:relative;overflow:hidden}.balance-top{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.balance-top button{width:25px;height:25px;display:grid;place-items:center;color:#97a89f}.balance-top svg{width:15px;height:15px}.balance-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:14px 0 11px}.balance-number{font-size:clamp(34px,3.4vw,53px);font-weight:480;letter-spacing:-2px;line-height:1.15}.balance-decimals{color:#9daaa2;font-weight:380}.currency-unit{font-size:11px;color:var(--muted);padding-bottom:4px}.balance-sub{font-size:10px;color:#8c9c92;display:flex;gap:7px;align-items:center}.balance-sub svg{width:13px;height:13px;color:var(--emerald)}.quick-actions{display:flex;gap:9px;margin-top:31px}.quick-action{background:#f5f8f6;border:1px solid #ebf0ed;border-radius:9px;min-height:43px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:550;flex:1;transition:background .2s,transform .2s;white-space:nowrap}.quick-action svg{width:15px;height:15px}.quick-action:first-child{background:var(--emerald);border-color:var(--emerald);color:white;box-shadow:0 4px 10px #087a551a}.quick-action:hover{transform:translateY(-2px);background:#e4f0e9}.quick-action:first-child:hover{background:#086b4c}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:31px 0 16px;gap:10px}.section-heading h2{font-size:14px;font-weight:600;letter-spacing:-.25px;margin:0}.section-heading small{color:var(--muted);font-weight:400;font-size:10px;margin-left:8px}.text-btn{color:var(--emerald);font-size:10px;display:inline-flex;align-items:center;gap:10px;min-height:32px;font-weight:550}.text-btn:hover{text-decoration:underline}.section-heading .text-btn svg{width:13px;height:13px}.wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wallet-tile{padding:18px;background:white;border:1px solid var(--line);border-radius:13px;text-align:left;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.wallet-tile:after{content:'';position:absolute;width:100px;height:100px;background:radial-gradient(circle,#32e6a10d,transparent 70%);right:-30px;bottom:-35px}.wallet-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b6d8c5}.wallet-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.wallet-top>.icon{width:13px;height:13px;margin-left:auto;color:#a4afa9}.currency-emblem{height:28px;width:28px;border-radius:50%;display:grid;place-items:center;background:#edf5f0;color:#47775d;font-size:11px;font-weight:600}.currency-emblem.us{color:#356b98;background:#eaf1f8}.currency-emblem.eu{color:#675aa0;background:#f1edf8}.currency-emblem.tr{color:#a96d62;background:#f9efec}.wallet-amount{font-size:18px;letter-spacing:-.5px;font-weight:550;margin:22px 0 6px}.wallet-label{font-size:9px;color:var(--muted)}.lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:25px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:17px;overflow:hidden}.panel-pad{padding:24px}.transaction-row{display:flex;align-items:center;padding:17px 20px;gap:12px;width:100%;text-align:left;border-bottom:1px solid #f0f3f1;transition:background .15s}.transaction-row:last-child{border-bottom:0}.transaction-row:hover{background:#f7faf8}.transaction-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#f1f5f2;color:#617a6c;flex:none}.transaction-icon.in{background:#e9f7ef;color:#229667}.transaction-icon svg{width:17px;height:17px}.transaction-name{font-size:11px;font-weight:550;display:block}.transaction-meta{font-size:9px;color:#9aa69e;display:block;margin-top:6px}.transaction-amount{margin-left:auto;text-align:right;font-size:11px;font-weight:600;white-space:nowrap}.transaction-amount.in{color:#15815a}.transaction-amount small{display:block;font-size:8px;color:#9cab9f;font-weight:400;margin-top:6px}.remit-banner{background:linear-gradient(130deg,#063829,#0a4b34);border-radius:17px;padding:25px;position:relative;overflow:hidden;color:white;min-height:242px}.remit-banner .eyebrow{color:#90b9a0;font-size:8px}.remit-banner h2{font-size:24px;font-weight:450;letter-spacing:-.8px;line-height:1.25;margin:13px 0 16px;position:relative;z-index:2}.remit-banner p{font-size:10px;color:#a8c8b6;max-width:180px;line-height:1.6;position:relative;z-index:2}.remit-banner button{font-size:10px;color:#c6f5d9;position:relative;z-index:2;display:flex;align-items:center;gap:18px;margin-top:20px;padding:0;min-height:30px}.remit-globe{position:absolute;width:230px;right:-65px;top:5px;opacity:.7}.remit-globe path.route-line{stroke-dasharray:300;stroke-dashoffset:300;animation:routeDraw 2.5s ease forwards}.route-line{stroke-dasharray:500;stroke-dashoffset:500;animation:routeDraw 2s ease forwards}@keyframes routeDraw{to{stroke-dashoffset:0}}.app-footer{display:flex;justify-content:space-between;gap:15px;color:#9ca9a1;font-size:8px;padding:10px 42px 24px;max-width:1480px;margin:auto}.app-footer span:first-child{display:flex;align-items:center;gap:7px}.card-preview{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:12px 22px 8px;border-radius:19px;background:radial-gradient(ellipse at 55% 45%,#91dbc29c,transparent 66%),linear-gradient(140deg,#e4f1e9,#f0f6f2);border:1px solid #ddebe1;overflow:hidden}.card-preview:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #b7d8c780;border-radius:50%;top:6px;left:calc(50% - 130px);box-shadow:0 0 0 28px #ffffff26,0 0 0 55px #b7d8c71a;z-index:-1}.card-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#597866;margin:16px 1px 0}.card-caption span{font-size:8px;letter-spacing:1px}.card-caption button{color:#527964;min-height:25px}.card-caption button svg{width:12px;height:12px}.card-stage{width:100%;max-width:425px;aspect-ratio:1.586;perspective:1100px;margin:auto;position:relative;z-index:2}.liquid-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1);will-change:transform}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.7,.2,1)}.card-stage.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:19px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid #d8ffde78;background:linear-gradient(120deg,#b5ead64d 0%,#163a2e30 21%,#68b19159 44%,#0b3c2e80 70%,#aadabd3b),linear-gradient(150deg,#177657d9,#053e30ed);backdrop-filter:blur(20px) saturate(1.5);box-shadow:inset 0 1px 1px #e9ffeebd,inset 1px 0 2px #ffffff35,inset 0 -2px 3px #033023cc,0 16px 23px -15px #003521a8,0 1px 2px #013b2d91;color:#ecfff5;padding:8%;display:flex;flex-direction:column;justify-content:space-between}.card-face:before{content:'';position:absolute;inset:-85% -25%;transform:rotate(-27deg);background:linear-gradient(90deg,transparent 37%,#dfffe720 42%,#e8fff982 43%,#d9ffe81f 44%,transparent 54%,#d8ffe028 60%,transparent 69%);animation:glassFlow 11s ease-in-out infinite;pointer-events:none}.card-face:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--sx,30%) var(--sy,15%),#efffe737,transparent 60%);box-shadow:inset 0 0 30px #b5ffda12}.card-face>*{position:relative;z-index:1}.card-back{transform:rotateY(180deg);background:linear-gradient(140deg,#105e48,#032b20)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-brand{display:flex;align-items:center;gap:8px;font-size:clamp(14px,1.5vw,21px);font-weight:550;letter-spacing:-.7px}.card-logo{width:23px;height:23px;fill:#deffe8;filter:drop-shadow(0 1px 0 #023427aa)}.card-contactless{transform:rotate(90deg);font-size:24px;color:#d7f8e6}.card-chip-row{display:flex;align-items:center;gap:10px;margin-top:3px}.card-chip{width:29px;height:23px;border-radius:5px;border:1px solid #d2ebc39c;background:linear-gradient(120deg,#dae7bea1,#779d7769,#e0eac180);position:relative;overflow:hidden}.card-chip:before,.card-chip:after{content:'';position:absolute;border:1px solid #3263477d;border-radius:4px;inset:4px 7px}.card-chip:after{inset:10px -3px}.card-tier{font-size:7px;letter-spacing:2px;color:#c5ebd5b8}.card-bottom{display:flex;justify-content:space-between;align-items:flex-end}.card-holder{font-size:7px;letter-spacing:2px;color:#c2e4d2;margin-bottom:9px;text-transform:uppercase}.card-number{font-size:13px;letter-spacing:3px;font-weight:350}.card-bottom .card-logo{width:37px;height:37px;opacity:.75}.card-back .magstrip{height:28px;background:#09261a;margin:0 -10%;box-shadow:inset 0 0 5px #0005}.card-back strong{font-size:12px;letter-spacing:1px}.card-back p{font-size:10px;line-height:1.6;max-width:85%;color:#afcfbf}.card-stage.frozen .card-face{filter:saturate(.25);background:linear-gradient(125deg,#b5cfca,#628f7e)}.card-stage.frozen:after{content:'FROZEN';position:absolute;inset:42% 0 auto;text-align:center;letter-spacing:5px;font-size:12px;font-weight:650;background:#e9ffffbd;padding:10px;color:#254636;pointer-events:none;border-block:1px solid white}@keyframes glassFlow{0%,100%{translate:-15% 0;opacity:.7}50%{translate:14% 0;opacity:1}}
.btn{border-radius:9px;min-height:44px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;font-weight:550;border:1px solid var(--line);transition:transform .2s,background .2s;background:white}.btn:hover{transform:translateY(-2px);background:#edf4ef}.btn.primary{color:white;background:var(--emerald);border-color:var(--emerald);box-shadow:0 4px 10px #087a5512}.btn.primary:hover{background:#066e4c}.btn.danger{color:#a44f43;background:#fff5f2;border-color:#f3d9d0}.btn svg{width:16px;height:16px}.btn.full{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.page-note{font-size:11px;color:var(--muted);line-height:1.7}.subtle-label{font-size:10px;color:var(--muted)}.two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,1fr);gap:24px}.three-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-tile{border:1px solid var(--line);border-radius:15px;background:white;padding:25px;text-align:left;transition:transform .2s}.feature-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{width:46px;height:46px;border-radius:14px;background:var(--soft);color:var(--emerald);display:grid;place-items:center;margin-bottom:23px}.feature-tile h3{font-size:16px;font-weight:550;letter-spacing:-.4px;margin:0 0 10px}.feature-tile p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.feature-tile>.icon{width:17px;height:17px;margin-top:18px;color:var(--emerald)}.balance-large{font-size:47px;letter-spacing:-2px;font-weight:450;margin:12px 0}.account-hero{display:flex;align-items:center;gap:22px;padding:32px;margin-bottom:25px}.account-hero .currency-emblem{width:65px;height:65px;font-size:25px;background:linear-gradient(135deg,#e1f5e8,#b7ddc5);border:1px solid #b2d1ba;box-shadow:inset 0 2px 1px #fff9}.account-hero .button-row{margin-left:auto}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.tab{padding:13px 16px;color:var(--muted);font-size:11px;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:var(--emerald);border-color:var(--emerald)}.search{position:relative;max-width:350px}.search input{padding-left:40px}.search>svg{position:absolute;left:13px;top:13px;width:16px;height:16px;color:var(--muted)}label.field{display:block;font-size:11px;font-weight:500;margin:19px 0 0;color:#60776b}input,select,textarea{display:block;width:100%;border:1px solid #dfe8e2;border-radius:9px;background:#fbfdfb;padding:13px;color:var(--ink);font-size:12px;margin-top:8px;min-height:44px}textarea{resize:vertical;min-height:95px}input[type=checkbox]{min-height:0;width:auto;margin:0;accent-color:var(--emerald)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;justify-content:flex-end;margin-top:24px;gap:10px}.error{font-size:12px;color:#ae4639;padding:12px 14px;border-radius:8px;background:#fff0eb;margin-top:16px;line-height:1.6}.info-note{border:1px solid #deebe3;background:#f1f8f3;padding:13px 15px;border-radius:9px;font-size:11px;color:#6d8374;line-height:1.7;margin:16px 0}.control-row{display:flex;align-items:center;padding:17px 0;border-bottom:1px solid #edf2ee;gap:15px}.control-row:last-child{border-bottom:0}.control-row h3{font-size:12px;font-weight:550;margin:0 0 6px}.control-row p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.control-row>button,.control-row>input{margin-left:auto;flex:none}.switch{height:25px;width:43px;background:#dce5df;border-radius:20px;padding:3px;position:relative;transition:background .2s}.switch:before{content:'';display:block;width:19px;height:19px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:transform .2s}.switch[aria-checked=true]{background:var(--emerald)}.switch[aria-checked=true]:before{transform:translateX(18px)}.cards-showcase{position:relative;border-radius:20px;background:radial-gradient(ellipse at 49% 55%,#1eac766e,transparent 58%),linear-gradient(135deg,#022a20,#0a4834);min-height:390px;display:flex;align-items:center;justify-content:center;padding:65px 55px;isolation:isolate;overflow:hidden}.cards-showcase:before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid #8ae5bb22;box-shadow:0 0 0 50px #8ae5bb05,0 0 0 100px #8ae5bb04;z-index:-1}.cards-showcase .card-stage{max-width:430px;transform:rotate(-6deg);animation:cardFloat 8s ease-in-out infinite}.cards-showcase .card-face{box-shadow:0 30px 35px #001e1880,inset 0 1px 1px #e9ffeebd,inset 0 -2px 3px #033023cc}.cards-showcase .card-brand{font-size:25px}.cards-showcase .card-holder{font-size:9px}.cards-showcase .card-number{font-size:17px}.cards-showcase .card-tier{font-size:8px}.cards-showcase .card-chip{width:35px;height:27px}.showcase-label{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#89b8a1}.showcase-ambient{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,#26dc8114,transparent 50%);animation:ambientRotate 28s linear infinite;z-index:-1}@keyframes ambientRotate{to{transform:rotate(360deg)}}@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(-3deg)}}.card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.card-actions .btn{font-size:11px}.status-pill{font-size:8px;letter-spacing:1px;display:inline-flex;border:1px solid #d9e8de;color:#4d8a61;padding:6px 9px;background:#f0f8f2;border-radius:6px}.status-pill.warning{color:#a18138;border-color:#eee1c2;background:#fff9e9}.settings-stack{display:grid;gap:17px}.route-panel{background:#073f2d;color:white;border-radius:15px;padding:25px;margin-bottom:25px;overflow:hidden}.route-panel svg{width:100%;height:150px}.route-labels{display:flex;justify-content:space-between;font-size:11px;color:#b6dfc4}.shield-hero{text-align:center;padding:29px;background:radial-gradient(ellipse at top,#edf8f0,white);border-radius:17px;border:1px solid var(--line)}.shield-orb{width:130px;height:130px;margin:15px auto 30px;position:relative;display:grid;place-items:center}.shield-orb:before,.shield-orb:after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid #aed4ba;animation:shieldOrbit 9s linear infinite;border-top-color:var(--emerald);border-right-color:transparent}.shield-orb:after{inset:12px;animation-direction:reverse;border-color:#cee5d4}.shield-orb>span{width:82px;height:82px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(140deg,#169b65,#064a34);box-shadow:inset 0 1px 1px #bdfed4,0 10px 30px #087a5525;color:white;transform:rotate(-7deg)}.shield-orb svg{width:38px;height:38px;transform:rotate(7deg)}@keyframes shieldOrbit{to{transform:rotate(360deg)}}.shield-hero h2{font-weight:500;font-size:24px;letter-spacing:-.8px}.shield-hero p{font-size:11px;color:var(--muted);line-height:1.8}.beneficiary-avatar{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:#e8f1eb;color:#567a62;font-size:14px;flex:none}.empty{padding:45px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty svg{width:35px;height:35px;margin-bottom:15px;color:#88ab94}.faq{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:12px;font-weight:500;cursor:pointer}.faq p{font-size:11px;color:var(--muted);line-height:1.9}.kyc-steps{display:flex;gap:5px;margin:0 0 30px}.kyc-steps span{height:3px;background:#e2ece5;flex:1;border-radius:3px}.kyc-steps span.done{background:var(--emerald)}.capture-box{height:180px;border:1px dashed #88bca0;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#f0f9f3;color:#4c8a66;margin:22px 0}.capture-box svg{width:45px;height:45px}.capture-box p{font-size:11px}.qr{width:160px;height:160px;display:grid;grid-template-columns:repeat(13,1fr);padding:15px;background:white;border:1px solid var(--line);margin:25px auto;gap:2px}.qr i{background:#0a573d}.qr i.empty-cell{background:white}.center{text-align:center}.receipt-amount{font-size:40px;letter-spacing:-1.8px;font-weight:450;margin:15px 0}.summary-list{padding:15px 20px;border:1px solid var(--line);border-radius:12px;background:#f9fbf9;margin:23px 0}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;font-size:11px;line-height:1.7}.summary-row span{color:var(--muted)}.summary-row b{text-align:right;font-weight:550;overflow-wrap:anywhere}.summary-row.total{border-top:1px solid var(--line);margin-top:10px;padding-top:17px;font-size:13px}.timeline{border-left:1px solid #d5e4d9;margin:25px 0 25px 7px;padding-left:24px}.timeline p{font-size:11px;position:relative;margin:0 0 22px}.timeline p:before{content:'';position:absolute;left:-29px;top:2px;width:8px;height:8px;background:#3a9765;border:2px solid white;border-radius:50%}.timeline small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:white;padding:10px 12px;border-radius:8px;font-size:10px;min-height:38px}.chip.active{background:var(--soft);color:var(--emerald);border-color:#a8ceb7}.notification-row.unread{background:#f2f8f3}.screen-caption{font-size:10px;color:var(--muted);margin-top:14px;line-height:1.7}
dialog{border:1px solid #e3eae4;border-radius:22px;background:white;color:var(--ink);width:min(520px,calc(100vw - 28px));padding:0;box-shadow:0 35px 130px #001a2440;max-height:calc(100svh - 36px);overflow:auto}dialog::backdrop{background:#06231e65;backdrop-filter:blur(7px)}dialog[open]{animation:modalIn .28s ease both}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}.modal-content{padding:29px}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:6px}.modal-header h2{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0}.modal-header .icon-btn{margin:-10px -10px -10px 0}.modal-content .eyebrow{font-size:8px;margin-bottom:13px;color:#5f9a73}.modal-content h3{font-weight:500}.modal-content .page-note{font-size:11px}.modal-content .amount-input{font-size:35px;font-weight:450;letter-spacing:-1px;padding:18px}.modal-content .route-panel{margin-top:18px;padding:16px}.modal-content .route-panel svg{height:100px}.success-icon{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;color:#e4ffe9;background:linear-gradient(135deg,#23b277,#064e37);margin:18px auto 28px;box-shadow:0 0 0 12px #e5f4e9,0 0 0 25px #f4faf5;animation:successPop .65s cubic-bezier(.2,1.6,.4,1) both}.success-icon svg{width:31px;height:31px}@keyframes successPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.success-wrap{position:relative;text-align:center;padding:22px 0}.success-wrap .spark{position:absolute;width:4px;height:4px;background:#32b984;border-radius:50%;top:75px;left:50%;animation:successSpark 1.2s ease-out both;--x:0px;--y:0px}@keyframes successSpark{from{translate:0 0;opacity:1}to{translate:var(--x) var(--y);opacity:0}}.processing{text-align:center;padding:30px 0}.processing-track{height:3px;width:130px;margin:30px auto;background:#e1eee5;overflow:hidden;border-radius:10px}.processing-track:after{content:'';display:block;width:50%;height:100%;background:var(--emerald);animation:progressMove 1s ease-in-out infinite}@keyframes progressMove{from{translate:-100% 0}to{translate:200% 0}}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;z-index:1000;max-width:calc(100vw - 30px);padding:14px 21px;background:#073c2e;color:#e4f8ea;border:1px solid #91baa570;border-radius:12px;box-shadow:0 8px 30px #00351d22;font-size:12px;transition:.25s}#toast.visible{opacity:1;transform:translate(-50%,0)}
.opening{position:fixed;inset:0;z-index:200;background:#031e17;display:grid;place-items:center;overflow:hidden;transition:opacity .8s,visibility .8s}.opening.leaving{opacity:0;visibility:hidden}.intro-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#5dbb8738 1px,transparent 1px),linear-gradient(90deg,#5dbb8738 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse,black,transparent 65%);transform:perspective(700px) rotateX(25deg) scale(1.4)}.intro-aura{position:absolute;width:min(700px,100vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#31c58f30,transparent 65%);animation:auraReveal 3s ease both}.intro-brand{text-align:center;position:relative}.intro-brand img{display:block;width:105px;height:105px;margin:0 auto 38px;box-shadow:0 0 70px #45e99521;border:1px solid #67dfb14d;border-radius:31px;animation:markReveal 1.8s cubic-bezier(.2,.8,.2,1) both}.intro-brand>span{display:block;color:#d6fbe7;font-size:28px;letter-spacing:8px;font-weight:400;animation:wordReveal 2s ease both}.intro-brand p{color:#7eaf96;font-size:11px;letter-spacing:2.8px;margin-top:19px;animation:wordReveal 2.5s ease both}.skip-intro{position:absolute;bottom:40px;right:48px;display:flex;align-items:center;gap:30px;color:#b2d9c0;font-size:11px;padding:15px;border-bottom:1px solid #80b29940}.particle-field{position:absolute;inset:0;pointer-events:none}.intro-particle{position:absolute;width:3px;height:3px;background:#94ffd1;border-radius:50%;left:50%;top:44%;box-shadow:0 0 8px #32e6a1;animation:particleGather 2s ease-in-out both;animation-delay:var(--d)}@keyframes particleGather{0%{transform:translate(var(--x),var(--y));opacity:0}30%{opacity:.8}100%{transform:translate(0,0);opacity:0}}@keyframes markReveal{0%,20%{opacity:0;transform:scale(.6) rotateY(30deg);filter:blur(15px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes wordReveal{0%,50%{opacity:0;transform:translateY(10px);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes auraReveal{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.welcome{position:fixed;inset:0;z-index:150;background:#f6f9f7;display:grid;grid-template-columns:1fr 1fr;overflow:auto}.welcome-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#398c6540,transparent 65%),#053d2d;isolation:isolate}.welcome-art:after{content:'';position:absolute;inset:-100%;background:conic-gradient(from 30deg,transparent,#b7fbd520,transparent 55%);animation:ambientRotate 28s linear infinite;z-index:-1}.welcome-art img{width:150px;height:150px;border:1px solid #a5ebc254;border-radius:44px;box-shadow:0 30px 100px #001c1955;transform:rotate(-9deg);animation:cardFloat 8s ease-in-out infinite}.welcome-orbit{position:absolute;width:420px;height:420px;border:1px solid #76a98d36;border-radius:50%;box-shadow:0 0 0 55px #96e8b906,0 0 0 110px #96e8b905}.welcome-copy{padding:10vh 10%;display:flex;flex-direction:column;justify-content:center}.welcome-copy h1{font-size:clamp(40px,4vw,67px);font-weight:440;letter-spacing:-2.7px;line-height:1.06;margin:26px 0}.welcome-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--emerald)}.welcome-copy p{font-size:13px;line-height:1.9;color:var(--muted);max-width:310px;margin:0 0 35px}.welcome-copy .btn{justify-content:space-between;max-width:300px}.welcome-copy .text-btn{padding:18px 0;max-width:300px;justify-content:space-between;font-size:12px}.welcome-copy small{font-size:7px;letter-spacing:1.2px;color:#a4aea8;margin-top:25px}
@media(min-width:1600px){main{padding-top:50px}.balance-panel{padding:40px}.quick-actions{margin-top:48px}.card-preview{padding:25px 35px}.wallet-tile{padding:24px}.wallet-amount{font-size:23px}.transaction-row{padding:21px}}
@media(max-width:1150px){.sidebar{width:207px;padding-inline:13px}.workspace{margin-left:207px;width:calc(100% - 207px)}main{padding:28px}.topbar{padding-inline:28px}.hero-grid{gap:18px;grid-template-columns:1.1fr 1fr}.balance-panel{padding:25px 20px}.quick-action{padding:10px 8px;font-size:9px;gap:4px}.quick-actions{gap:5px}.card-preview{padding:15px}.wallet-grid{gap:10px}.wallet-tile{padding:15px}.wallet-amount{font-size:16px}.lower-grid{gap:18px}.app-footer{padding-inline:28px}.cards-showcase{padding:50px 25px;min-height:330px}.two-column{grid-template-columns:1fr 1fr}.card-actions{grid-template-columns:1fr}.account-hero{flex-wrap:wrap}.account-hero .button-row{margin-left:0;width:100%}}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.card-preview{display:none}.hero-grid .balance-panel{min-height:245px}.balance-number{font-size:46px}.quick-actions{margin-top:28px}.wallet-grid{grid-template-columns:repeat(2,1fr)}.wallet-amount{font-size:21px}.lower-grid{grid-template-columns:1fr}.remit-banner{min-height:220px}.remit-globe{right:15px;top:-10px;width:270px}.remit-banner h2{font-size:29px}.three-column{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.card-actions{grid-template-columns:repeat(3,1fr)}.cards-showcase{min-height:400px}.date-chip{display:none}.welcome-copy h1{font-size:47px}.app-footer{flex-direction:column}.card-brand{font-size:22px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:240px;box-shadow:15px 0 70px #002c2022}.sidebar.open{transform:translateX(0)}.workspace{margin:0;width:100%}.topbar{height:67px;padding:0 20px}.mobile-menu{display:grid;margin-left:-10px}.breadcrumb{margin-right:auto;margin-left:8px;font-size:10px;gap:9px}.breadcrumb>span,.breadcrumb>b{display:none}.topbar-right{gap:8px}.topbar-right>.avatar{display:none}.topbar-right .icon-btn{width:33px;height:33px}.demo-badge{font-size:7px;padding:6px 8px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:27px}main{padding:28px 20px 20px}.eyebrow{font-size:8px}.balance-panel{padding:23px 20px}.balance-number{font-size:44px}.balance-line{gap:8px}.balance-top{font-size:10px}.quick-actions{gap:7px}.quick-action{flex-direction:column;gap:9px;padding:13px 8px;font-size:9px}.quick-action svg{width:17px;height:17px}.wallet-grid{gap:11px}.wallet-tile{padding:16px}.wallet-amount{font-size:18px}.section-heading{margin-top:27px}.lower-grid{gap:2px}.transaction-row{padding:17px 15px}.transaction-name{font-size:11px}.transaction-amount{font-size:10px}.transaction-meta{font-size:8px}.transaction-icon{width:31px;height:31px}.remit-globe{right:-45px}.app-footer{padding:20px;line-height:1.8;font-size:8px}.three-column{grid-template-columns:1fr}.cards-showcase{min-height:285px;padding:42px 22px}.cards-showcase .card-brand{font-size:20px}.cards-showcase .card-number{font-size:14px}.cards-showcase .card-holder{font-size:7px}.cards-showcase .card-chip{width:29px;height:23px}.cards-showcase .card-tier{font-size:6px}.card-actions .btn{padding:10px 8px;gap:6px;font-size:10px}.page-heading .button-row .btn{font-size:10px;padding:10px;gap:5px}.page-heading .button-row .btn svg{display:none}.modal-content{padding:24px 21px}.input-row{gap:10px}.panel-pad{padding:20px}.account-hero{padding:25px 20px;gap:15px}.balance-large{font-size:36px}.account-hero .currency-emblem{width:50px;height:50px;font-size:20px}.account-hero .button-row{gap:6px}.account-hero .btn{font-size:10px;padding:10px;gap:5px}.welcome{display:flex;flex-direction:column}.welcome-art{min-height:28svh;flex:none}.welcome-art img{width:85px;height:85px;border-radius:26px}.welcome-orbit{width:220px;height:220px}.welcome-copy{padding:35px 30px;flex:1}.welcome-copy h1{font-size:45px;margin:20px 0}.welcome-copy h1 br:nth-child(2){display:none}.welcome-copy p{font-size:12px;margin-bottom:24px}.welcome-copy small{margin-top:14px}.welcome-copy .btn,.welcome-copy .text-btn{max-width:none}.skip-intro{bottom:25px;right:20px}.intro-brand>span{font-size:23px}.intro-brand img{width:90px;height:90px;border-radius:27px}.card-preview{display:flex;margin-top:0;padding:22px 25px}.hero-grid{gap:15px}.card-preview .card-stage{max-width:350px}.card-caption{margin-top:12px}.card-brand{font-size:20px}.card-number{font-size:14px}.card-tier{font-size:7px}.hero-grid .balance-panel{min-height:0}.search{max-width:none}.tabs{margin-bottom:15px}.tab{padding:13px 11px}.control-row{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.route-line{stroke-dashoffset:0!important}.liquid-card,.cards-showcase .card-stage,.welcome-art img{transform:none!important}.opening{display:none}.card-face:before{opacity:.65}main.page-enter{opacity:1}}
.wallet-amount,.wallet-label{display:block}.wallet-amount{overflow-wrap:anywhere}.card-caption-bottom{font-size:9px;color:#6d8d7c;text-align:center;margin-top:14px;letter-spacing:.1px}.card-network{font-size:24px;font-weight:750;font-style:italic;letter-spacing:-2px}.card-network span{font-size:11px;font-weight:500;letter-spacing:-.5px;margin-left:2px}.card-back .magnetic-strip{height:25px;background:#08251d;margin:0 -10%}.card-back small{font-size:7px;line-height:1.4}.feature-tile h2{font-size:17px;font-weight:550;letter-spacing:-.4px}.notification-row{display:flex;width:100%;gap:15px;align-items:center;text-align:left;padding:20px;border-bottom:1px solid var(--line);border-radius:9px}.notification-row h3{font-size:14px;font-weight:550;margin:0 0 8px}.notification-row p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.notification-row .status-pill{margin-left:auto}.notification-dot{position:absolute;top:8px;right:10px;width:5px;height:5px;border-radius:50%;background:var(--emerald)}#notification-button{position:relative}.positive{color:#558c70}.greeting-dot{color:#598d70}.section-heading h2>span{font-size:10px;margin-left:8px;color:#90a499;font-weight:400}.lower-grid{margin-top:25px}.balance-sub{flex-wrap:wrap}.sidebar{overflow-y:auto}.nav-link small{font-size:9px;margin-left:auto;color:#8ea99a}.nav-link.active small{display:none}.button-row{flex-wrap:wrap}.control-row>div:first-of-type{min-width:0}.control-row h3,.transaction-name{overflow-wrap:anywhere}.receipt-amount{overflow-wrap:anywhere}.summary-row strong{max-width:65%;overflow-wrap:anywhere;text-align:right}.center h2{overflow-wrap:anywhere}.feature-icon{display:grid;place-items:center}.card-stage:focus-visible{outline:3px solid #19b67b;outline-offset:6px;border-radius:20px}.card-preview .card-stage{flex:none}.page-heading>.btn{flex-shrink:0}.app-footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}.success-icon{position:relative}.success-icon:after{content:'';position:absolute;inset:-16px;border:1px solid #7dddb1;border-radius:50%;animation:successRing 1s ease-out both}@keyframes successRing{from{transform:scale(.5);opacity:1}to{transform:scale(1.4);opacity:0}}@media(max-width:400px){main{padding-inline:14px}.topbar{padding-inline:14px}.balance-number{font-size:37px}.wallet-tile{padding:13px}.wallet-amount{font-size:16px}.balance-top .status-pill{font-size:8px}.page-heading{flex-wrap:wrap}.control-row{flex-wrap:wrap}.input-row{grid-template-columns:1fr}.card-caption-bottom{font-size:8px}.card-number{font-size:12px}.card-face{border-radius:15px}}@media(prefers-reduced-motion:reduce){.success-icon:after{animation:none;opacity:0}}
.cards-showcase{flex-direction:column;justify-content:center;gap:24px;min-height:360px}.cards-showcase .card-stage{width:100%;flex:none;max-width:430px}.cards-showcase .screen-caption{position:absolute;bottom:13px;left:20px;right:20px;text-align:center;color:#a7d3be;font-size:9px}.card-number{white-space:nowrap}.card-preview .card-caption{width:100%;justify-content:space-between}.cards-showcase .showcase-label{top:20px;bottom:auto}.card-back .card-holder{line-height:1.5}@media(max-width:700px){.cards-showcase{min-height:300px}.cards-showcase .card-stage{max-width:350px}.cards-showcase .screen-caption{font-size:8px}}@media(max-width:360px){.cards-showcase .card-number{font-size:11px}.cards-showcase .card-brand{font-size:17px}}
.card-bottom{gap:12px}.card-network{flex-shrink:0}.card-number{letter-spacing:2px}.greeting-dot{white-space:nowrap}@media(max-width:700px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.card-preview .card-number{font-size:10px;letter-spacing:1.5px}.card-preview .card-network{font-size:19px}.greeting-dot{display:none}.card-caption{font-size:8px}.card-preview .card-bottom{gap:8px}}
@media(max-width:400px){.quick-action{min-width:0;font-size:8px;padding:12px 3px}.quick-actions{gap:5px}}