@font-face{font-family:Local;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f9;color:#192e38;font:14px Local,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{border:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:12px;padding:14px 22px;font-weight:650;transition:background .15s}button:disabled{opacity:.5;cursor:wait}.primary{background:#b8ec66;color:#183c29}.primary:hover{background:#a7dc54}.secondary{background:#edf1f3;color:#28424c}.secondary:hover{background:#dfe6e9}.text-button{padding:10px 0;background:transparent;color:#58726c;font-size:12px}.wide{width:100%;margin-top:12px}.pill{display:inline-block;font-size:10px;font-weight:750;letter-spacing:1px;border-radius:6px;padding:7px 10px;background:#e9eef1;color:#546d76}.pill.positive{background:#e4f4d8;color:#346638}.overline{display:block;font-size:10px;letter-spacing:2px;font-weight:750;color:#7e918d}h1,h2,h3,p{margin-top:0}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px}p{color:#7a898f;line-height:1.7}small{color:#86949b;font-size:11px}label{display:grid;gap:9px;font-size:12px;font-weight:600;color:#4c636d;margin-bottom:20px}input,select{width:100%;min-width:0;background:white;color:#243d49;padding:14px;border:1px solid #dce4e6;border-radius:10px;outline:none}input:focus,select:focus{border-color:#709b5d;box-shadow:0 0 0 3px #b8ec6630}input[readonly]{color:#526a72;background:#f8faf9}form{margin:0}.hint{font-size:11px;line-height:1.8;color:#86959a;margin:16px 0}.brand{font-size:34px;font-weight:850;letter-spacing:-1.8px;display:flex;align-items:center}.brand>span{font-weight:350;color:#7f9494}.brand i{font-style:normal;color:#b8ec66;font-size:33px;margin-left:10px}.avatar{height:48px;width:48px;flex-shrink:0;border-radius:16px;background:#e8f1df;color:#486345;display:grid;place-items:center;font-size:20px;font-weight:650}.avatar.small{height:36px;width:36px;border-radius:12px;font-size:15px}.notice{background:#e9f4e3;color:#416b37;border:1px solid #d3e8c8;border-radius:10px;padding:16px 20px;margin:0 0 22px;line-height:1.6}.notice.error{background:#fff0e9;color:#9e5038;border-color:#f2d9ce}.person{display:flex;align-items:center;gap:14px}.person small{display:block;margin-top:5px}.person .pill{margin-left:auto}.onboarding{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.intro{background:#173e3c;color:white;padding:38px 9%;display:flex;flex-direction:column;overflow:hidden}.intro .brand span{color:#b2cbc6}.intro-copy{margin:auto 0;padding-top:70px}.intro-copy h1{font-size:58px;letter-spacing:-2.4px;margin:22px 0}.intro .overline{color:#a7d594}.intro p{color:#a4c0bd;font-size:15px}.intro footer{font-size:10px;letter-spacing:1px;color:#96b5b0;margin:40px 0 0}.illustration{height:240px;position:relative;margin-top:30px;isolation:isolate}.orbit{position:absolute;border:1px solid #528378;border-radius:50%;width:300px;height:220px;left:50px;top:0;transform:rotate(-23deg);z-index:-1}.mini-card{position:relative;width:300px;padding:25px 28px;border-radius:20px;background:linear-gradient(130deg,#b5e979,#d5f5a3);color:#244737;transform:rotate(-7deg);box-shadow:0 30px 40px #0c25254d;top:24px;left:15px}.mini-card>span{font-size:19px;font-weight:750}.mini-card .right{float:right}.mini-card small{display:block;color:#688255;font-size:8px;letter-spacing:1.2px;margin-top:25px}.mini-card strong{display:block;font-size:27px;margin:7px 0 25px}.mini-card em{font-size:13px;font-style:normal}.mini-card>div{display:flex;justify-content:space-between;font-size:10px}.float-label{position:absolute;top:192px;right:-4px;border:1px solid #8caa92;background:#f2f7eb;color:#45634a;padding:15px 20px;border-radius:12px;font-size:11px;box-shadow:0 10px 30px #0c252533}.intro p.illustration-caption{font-size:9px;color:#87a7a1;margin-top:16px}.auth{padding:36px 10%;background:#fff;display:flex;flex-direction:column}.auth-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.auth-content{margin:auto 0;padding:55px 0;max-width:410px}.auth h2{font-size:31px;letter-spacing:-1px;line-height:1.25;margin:15px 0}.auth p{font-size:13px}.generated{padding:18px;background:#f7f9f6;border:1px solid #e5ece0;border-radius:14px;margin:26px 0 0}.generated label{margin:18px 0 0}.generated input{font-size:11px}.sidebar{width:226px;height:100vh;position:fixed;left:0;top:0;background:white;border-right:1px solid #e7ecee;padding:30px 24px;display:flex;flex-direction:column}.sidebar .brand{font-size:29px}.sidebar nav{margin-top:65px;display:grid;gap:10px}.sidebar nav a{display:flex;gap:15px;align-items:center;padding:14px 15px;border-radius:11px;color:#8d9a9f;font-size:13px;font-weight:600}.sidebar nav a>span{font-size:23px;font-weight:400}.sidebar nav a.active{background:#ecf3e8;color:#426245}.sidebar-bottom{margin-top:auto}.demo-note{border-radius:12px;background:#f8faf6;padding:15px}.demo-note p{font-size:10px;margin:12px 0 0}.demo-note .pill{background:#e8efdf;font-size:8px}main{margin-left:226px;padding:0 4.5vw;max-width:1560px}header{height:100px;border-bottom:1px solid #e6ebed;display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.breadcrumb{font-size:11px;font-weight:600;color:#5b727a}.breadcrumb span{color:#a1adb2;margin-left:10px}.profile-link{display:flex;align-items:center;gap:12px;font-size:12px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 30px}.heading .overline{margin-bottom:15px}.heading p{margin:0;font-size:13px}.wave{color:#8cb97d;font-size:32px;margin-left:14px}.verification{display:flex;gap:15px;align-items:center;border:1px solid #e5e5d9;background:#fafaf2;border-radius:13px;padding:16px 20px;margin-bottom:22px}.verification>span{font-size:30px;color:#9aab78}.verification b{font-size:12px}.verification p{font-size:11px;margin:5px 0 0}.verification a{margin-left:auto;white-space:nowrap;font-size:11px;color:#7c885c}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.balance-card{padding:27px 32px;background:#1d4743;color:white;border-radius:20px;position:relative;overflow:hidden}.balance-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #507266;border-radius:50%;right:-100px;top:-60px}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.card-top>span:last-child{font-size:9px;letter-spacing:1.6px;color:#a0bcb1}.currency-dot{color:#b8ec66;margin-left:10px}.balance-card>p{margin:32px 0 6px;font-size:12px;color:#94b3a9}.balance{font-size:38px;letter-spacing:-1px;line-height:1.4}.balance-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;color:#b1c7bd}.card-symbol{color:#b8ec66;font-size:38px;line-height:1}.quick-actions{background:white;border:1px solid #e4eaed;border-radius:20px;padding:27px}.quick-actions h3{font-size:14px;margin-bottom:24px}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action-grid a{display:grid;justify-items:center;gap:13px;font-size:11px}.action-grid a>span{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:#edf4e6;font-size:27px;color:#557947}.action-grid a:hover>span{background:#d9edc9}.wallet-section{margin:32px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading>a{font-size:11px;font-weight:600;color:#68885a}.wallet-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.currency-card{display:flex;align-items:center;gap:12px;background:white;padding:20px 16px;border:1px solid #e2e8eb;border-radius:14px}.currency-icon{width:39px;height:39px;flex-shrink:0;background:#f0f3f4;border-radius:50%;display:grid;place-items:center;font-size:18px}.currency-card small{display:block;margin-top:6px;font-size:9px}.currency-card b{font-size:12px}.currency-card strong{margin-left:auto;font-size:14px;white-space:nowrap}.panel{background:white;border:1px solid #e3e9ec;border-radius:18px;padding:28px;margin-bottom:24px}.transaction{display:flex;gap:15px;align-items:center;border-top:1px solid #edf0f2;padding:18px 0}.transaction-icon{height:40px;width:40px;border-radius:13px;background:#edf2f3;display:grid;place-items:center;font-size:22px;flex-shrink:0;color:#6e8c8a}.transaction b{font-size:12px}.transaction small{display:block;margin-top:6px;font-size:10px}.transaction strong{margin-left:auto;font-size:13px}.empty{text-align:center;padding:28px;grid-column:1/-1}.empty>span{display:block;font-size:45px;color:#a8c794}.empty.compact{padding:25px}.empty.compact p{margin-bottom:5px}.main-footer{display:flex;justify-content:space-between;padding:22px 0 30px;font-size:10px;color:#a9b4b9}.main-footer>span:first-child{font-weight:700;color:#748c86}.back{font-size:12px;color:#8d9e9f;display:inline-block;margin-bottom:24px}.flow-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:32px}.flow-form{padding:35px}.amount-input{font-size:25px;font-weight:600;padding:20px}.flow-note{padding:35px 15px;background:transparent;position:static;width:auto;height:auto;border:0;display:block}.flow-note p{font-size:13px;max-width:280px}.note-symbol{font-size:38px;color:#96b58b;margin-bottom:28px}.flow-note ol{padding-left:20px;color:#8c9f99;font-size:12px;line-height:3;margin:22px 0 30px}.flow-note .pill{background:#eaf1e4;color:#698455}.order-title{display:flex;gap:14px;align-items:center}.order-title h2{font-size:17px;margin-bottom:5px}.quote{display:flex;align-items:center;gap:30px;background:#f7f9f8;border-radius:12px;padding:23px;margin:24px 0}.quote small{display:block;margin-bottom:9px}.quote strong{font-size:25px;font-weight:650;letter-spacing:-.6px}.quote>span{color:#91aa96;font-size:23px}.details{font-size:12px;margin:24px 0}.details>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f2}.details dt{color:#8a9ba0}.details dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:70%}.sca{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;background:#f2f7ec;border:1px solid #e0ead5;border-radius:12px;padding:24px;margin:25px 0 10px}.sca h3{margin:12px 0}.sca p{font-size:12px}.sca label{margin-bottom:12px}.sca input{letter-spacing:7px}.order>form{margin:15px 0}.order>.button{margin:12px 0}.inline{display:flex;align-items:end;gap:14px}.inline label{flex:1;margin-bottom:0}.profile-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.share-card{background:#eaf2e2;border-radius:18px;padding:28px;margin-bottom:24px}.share-card h2{margin:15px 0 25px;font-size:25px}.share-card input{letter-spacing:3px;font-size:18px;background:#f5f9ef;margin-bottom:12px;border:0}.share-card p{font-size:11px}.profile-grid .person h2{font-size:18px;margin-bottom:10px}.mobile-nav{display:none}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#23463d;color:white;padding:13px 24px;border-radius:12px;box-shadow:0 8px 25px #1233;font-size:12px;z-index:10}[hidden]{display:none!important}@media(min-width:1450px){main{margin-left:226px;margin-right:auto;max-width:1400px}}@media(max-width:1150px){.sidebar{width:190px;padding:28px 18px}main{margin-left:190px;padding:0 30px}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:16px}.quick-actions{padding:24px 18px}.action-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}.action-grid a{gap:7px}.action-grid a>span{width:42px;height:42px;border-radius:13px}.balance{font-size:32px}.auth{padding:30px 8%}.intro{padding:35px 8%}.intro-copy h1{font-size:48px}.float-label{right:-20px}.profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.sidebar{width:165px;padding:25px 14px}.sidebar .brand{font-size:25px}.sidebar .brand i{font-size:24px}.sidebar nav a{gap:10px;padding:12px 8px;font-size:12px}main{margin-left:165px;padding:0 22px}.dashboard-grid,.flow-layout,.profile-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(4,1fr)}.heading h1{font-size:29px}.intro-copy h1{font-size:40px}.mini-card{width:240px;left:0}.mini-card strong{font-size:22px}.orbit{left:0;width:260px}.float-label{padding:12px;font-size:9px}.auth h2{font-size:26px}.flow-note{padding:0 15px 25px}.flow-note ol{margin:10px 0}.verification{flex-wrap:wrap}.verification a{margin-left:45px}.sca{grid-template-columns:1fr}.quote strong{font-size:22px}}@media(max-width:620px){.onboarding{display:block}.intro{min-height:auto;padding:26px 25px}.intro-copy{padding:30px 0 0}.intro-copy h1{font-size:34px;margin:15px 0}.intro-copy h1 br{display:none}.intro-copy p{font-size:12px;margin-bottom:0}.illustration,.illustration-caption,.intro footer{display:none}.intro .brand{font-size:28px}.auth{padding:22px 25px}.auth-content{padding:35px 0;max-width:none}.auth h2{font-size:28px}.sidebar{display:none}main{margin:0;padding:0 18px 70px}header{height:76px;margin-bottom:28px}.breadcrumb span{display:none}.heading{gap:12px;margin-bottom:22px}.heading h1{font-size:29px}.heading p{font-size:11px}.heading .overline{font-size:8px;letter-spacing:1.5px}.heading button{padding:10px 13px;font-size:11px}.balance-card{padding:25px}.balance{font-size:34px}.quick-actions{padding:22px}.action-grid a>span{width:49px;height:49px}.wallet-list{grid-template-columns:1fr}.panel{padding:22px 18px}.panel h2{font-size:18px}.section-heading>a{font-size:10px}.main-footer{font-size:9px}.quote{gap:16px;padding:18px 14px}.quote strong{font-size:20px}.quote small{font-size:9px}.order-title h2{font-size:14px}.order .section-heading{align-items:start}.order .pill{font-size:8px;letter-spacing:0;white-space:nowrap}.order-title{gap:9px}.transaction-icon{width:34px;height:34px}.inline{flex-wrap:wrap}.inline label{min-width:100%}.inline button{width:100%}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#fffffff5;border-top:1px solid #e1e7e9;display:flex;justify-content:space-around;backdrop-filter:blur(10px);z-index:5}.mobile-nav a{display:grid;align-content:center;justify-items:center;gap:3px;font-size:23px;color:#688779}.mobile-nav span{font-size:9px}.share-card{padding:24px}.details>div{gap:12px}.details dd{font-size:11px}.sca{padding:18px}.main-footer{gap:12px}#toast{bottom:85px}.generated .person{gap:10px}}
