:root{--blue:#0759b7;--blue-dark:#063a84;--ink:#0e1d2f;--muted:#6f8091;--pale:#eef4f8;--line:#dce6ec;--green:#99c9bc;--lime:#b8e64a;--amber:#f5b43d;--shadow:0 20px 50px rgba(5,39,78,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dce7ed;color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{position:relative;min-height:100vh;max-width:1440px;margin:auto;background:#f4f8fa;overflow:hidden}.screen{display:none;min-height:100vh;position:relative}.screen.active{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button,input{font:inherit}.auth-screen{background:var(--blue);color:white}.hero-image{height:45vh;min-height:310px;background:linear-gradient(180deg,transparent 35%,rgba(0,37,93,.2)),url('/assets/hero-trading.jpeg') center/cover}.auth-panel{padding:28px clamp(24px,6vw,88px) 64px;background:var(--blue);text-align:center}.brand-lockup{font-family:'Space Grotesk',sans-serif;font-size:clamp(50px,8vw,88px);font-weight:700;line-height:.95;color:#f6b617;letter-spacing:-5px}.brand-at{font-size:1.1em}.brand-subtitle{margin:16px 0 28px;letter-spacing:2px;font-size:clamp(14px,2vw,22px)}.auth-form{max-width:460px;margin:auto;display:grid;gap:18px}.field{height:62px;border:2px solid rgba(255,255,255,.95);border-radius:40px;display:flex;align-items:center;padding:0 21px;color:#b8cdea}.field input,.stack-form input{border:0;outline:0;background:transparent;color:inherit;width:100%;font-size:18px;padding-left:14px}.field input::placeholder,.stack-form input::placeholder{color:#aec5e5}.field-icon{font-size:17px}.primary-button{border:0;cursor:pointer;background:#fff;color:var(--blue);min-height:62px;border-radius:34px;font-weight:600;font-size:18px;padding:0 24px;box-shadow:0 8px 18px rgba(2,34,79,.17);transition:.2s transform,.2s box-shadow}.primary-button:hover,.plan-button:hover,.outline-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(2,34,79,.22)}.auth-form .primary-button{background:#0759b7;color:#fff;border:1px solid #fff}.text-link{border:0;background:none;color:#fff;cursor:pointer;font-size:14px;padding:0}.or{display:flex;align-items:center;gap:12px;color:#c9d9ec}.or:before,.or:after{content:'';height:1px;background:rgba(255,255,255,.3);flex:1}.signup-panel{min-height:100vh;padding-top:12vh;background:linear-gradient(160deg,#063e89,#0780c7)}.screen-kicker,.eyebrow{font-size:11px;letter-spacing:2.5px;opacity:.72}.signup-panel h1{font-family:'Space Grotesk';font-size:clamp(52px,10vw,96px);line-height:.87;margin:22px auto 44px;max-width:500px;text-align:left}.signup-panel h1 em{font-weight:400;font-style:normal;color:#bce366}.signup-panel .field{background:rgba(255,255,255,.11)}.check-row{font-size:13px;text-align:left;color:#cfe0ee}.check-row input{accent-color:#bce366}.simple-screen{background:linear-gradient(135deg,#eaf2f6,#fff);display:none;align-items:center;justify-content:center;padding:24px}.simple-screen.active{display:flex}.simple-card{width:min(100%,520px);background:#fff;border-radius:30px;padding:48px clamp(28px,7vw,72px);box-shadow:var(--shadow);text-align:center}.mini-logo{font-family:'Space Grotesk';font-size:28px;font-weight:700;color:var(--blue);letter-spacing:-2px}.simple-card h1{font-family:'Space Grotesk';font-size:64px;line-height:1;margin:36px 0 14px}.simple-card p{color:var(--muted);line-height:1.6;margin-bottom:30px}.stack-form{display:grid;gap:16px;margin-bottom:28px}.stack-form input{border:1px solid var(--line);height:58px;border-radius:18px;padding:0 18px;color:var(--ink)}.stack-form input::placeholder{color:#a8b6c1}.simple-card .text-link{color:var(--blue)}.dashboard-screen,.plans-screen{background:var(--pale);padding-bottom:100px}.app-header{background:var(--blue);color:#fff;padding:40px clamp(22px,7vw,100px) 34px;border-radius:0 0 38px 38px;display:flex;justify-content:space-between;align-items:flex-start}.app-header h1{font-family:'Space Grotesk';font-size:clamp(44px,7vw,76px);line-height:.85;margin:12px 0 0;letter-spacing:-3px}.app-header h1 strong{font-weight:700}.menu-button,.close-button,.drawer-close{border:0;background:none;color:white;font-size:27px;letter-spacing:3px;cursor:pointer;padding:4px}.status-dot{width:13px;height:13px;background:#b9e84f;border-radius:50%;margin-top:10px;box-shadow:0 0 0 7px rgba(185,232,79,.15)}.content-wrap{max-width:930px;margin:-16px auto 0;padding:0 24px}.balance-card,.stat-card{background:#fff;border:1px solid #dce6ec;border-radius:22px;box-shadow:0 12px 25px rgba(19,54,87,.06)}.balance-card{padding:26px;display:flex;gap:18px;align-items:center}.balance-card>div{display:grid;gap:7px}.balance-card span:not(.card-icon):not(.trend){color:var(--muted);font-size:16px}.balance-card strong{font-family:'Space Grotesk';font-size:36px}.card-icon,.stat-icon{font-size:28px;color:#20c932}.trend{margin-left:auto;align-self:flex-start;color:#45b653;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.stat-card{padding:24px;display:flex;align-items:center;gap:16px;min-height:135px}.stat-card div{display:grid;gap:12px}.stat-card small{color:var(--muted);font-size:15px}.stat-card strong{font-size:26px}.stat-icon.amber{color:var(--amber)}.dashboard-note{color:var(--muted);margin:30px 0;text-align:center;font-size:14px}.dashboard-note span{color:#47bd54}.plans-screen{background:#f8fafb}.plans-screen .app-header{border-radius:0 0 42px 42px}.plans-list{max-width:980px;margin:28px auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 12px 30px rgba(20,53,83,.06)}.plan-card.featured{border:2px solid var(--blue);box-shadow:0 18px 40px rgba(5,89,183,.14)}.plan-top{display:flex;justify-content:space-between;color:var(--blue);font-size:12px;font-weight:700}.plan-tag{background:#ebf4fd;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:1px}.plan-card h2{font-family:'Space Grotesk';font-size:28px;margin:34px 0 10px}.plan-rate{display:flex;align-items:start;color:var(--blue)}.plan-rate strong{font-family:'Space Grotesk';font-size:86px;line-height:.9;letter-spacing:-7px}.plan-rate span{font-size:30px;font-weight:700;display:grid;margin:6px 0 0 5px}.plan-rate small{font-size:13px;color:var(--muted);font-weight:400}.plan-card p{color:var(--muted);margin:24px 0}.plan-card ul{padding:0;margin:0 0 24px;list-style:none;color:#4e5d6b}.plan-card li{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between}.plan-card li b{color:var(--ink)}.plan-button{width:100%;border:0;background:var(--blue);color:#fff;border-radius:15px;padding:17px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1px}.blue-header{background:linear-gradient(135deg,#0d85c9,#0759b7);border-radius:0;padding-bottom:40px}.deposit-body{max-width:620px;margin:0 auto;padding:28px 24px 110px;text-align:center}.network-pill{display:flex;justify-content:center;align-items:center;gap:10px;color:white;background:#162537;border-radius:12px 12px 0 0;padding:13px;font-weight:700}.network-pill small{opacity:.7;font-weight:400}.network-pill>span:last-child{margin-left:auto}.coin{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#21aaa6;color:#fff}.qr{display:block;width:100%;max-width:430px;margin:auto;border:12px solid white;box-shadow:0 8px 20px rgba(0,0,0,.16)}.wallet-label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.6px;margin:25px 0 8px}.wallet-row{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-align:left;font-size:14px;overflow:hidden}.wallet-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-row button{border:0;color:var(--blue);background:#e7f2fd;font-weight:700;padding:9px 10px;border-radius:8px;cursor:pointer}.helper{color:var(--muted);font-size:14px;margin:24px}.outline-button{border:2px solid var(--blue);background:transparent;color:var(--blue);border-radius:18px;padding:16px 22px;cursor:pointer;font-size:16px;font-weight:700}.outline-button span{padding-left:25px}.form-screen{background:#f2f7fa;padding-bottom:100px}.transaction-form{max-width:640px;margin:-5px auto 0;background:#fff;border-radius:30px;padding:30px;box-shadow:var(--shadow);display:grid;gap:16px}.transaction-form label{font-size:12px;font-weight:700;color:#456176;display:grid;gap:7px}.transaction-form input{height:56px;border:1px solid var(--line);border-radius:15px;padding:0 17px;outline:none;color:var(--ink);font-size:15px}.transaction-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #d9ebfc}.transaction-form .primary-button{background:var(--blue);color:#fff;margin-top:10px}.transaction-form label:nth-child(-n+4):before{content:''}.available-balance{display:flex;justify-content:space-between;align-items:center;background:#eef7ee;border-radius:15px;padding:16px;color:#4f6b59;font-size:13px}.available-balance strong{font-family:'Space Grotesk';font-size:21px;color:#1d8431}.fine-print{text-align:center;color:var(--muted);font-size:13px}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:15px;transform:translateX(-50%);width:min(calc(100% - 30px),780px);display:flex;justify-content:space-around;background:#0b2340;color:white;border-radius:22px;padding:8px;box-shadow:0 15px 30px rgba(3,24,49,.3)}.bottom-nav button{border:0;background:transparent;color:#abc0d6;cursor:pointer;border-radius:16px;padding:10px 14px;font-size:12px}.bottom-nav button.active,.bottom-nav button:hover{background:#164e8d;color:white}.bottom-nav button span{display:block;color:#7b9dbe;font-size:9px;margin-bottom:3px}.toast{position:fixed;z-index:40;top:24px;left:50%;transform:translate(-50%,-150%);background:#132e4d;color:white;border-radius:14px;padding:13px 18px;box-shadow:var(--shadow);transition:.3s;opacity:0}.toast.show{transform:translate(-50%,0);opacity:1}.menu-overlay{display:none;position:fixed;z-index:30;inset:0;background:rgba(3,20,40,.45)}.menu-overlay.open{display:block}.menu-drawer{width:min(88vw,380px);height:100%;padding:36px 26px;background:#f7fbfd;box-shadow:20px 0 60px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px}.drawer-close{color:var(--ink);align-self:flex-end;font-size:30px}.drawer-drawer .mini-logo{margin-bottom:30px}.menu-drawer .mini-logo{margin:0 0 28px}.menu-drawer .eyebrow{color:var(--muted);margin-bottom:4px}.menu-drawer>button:not(.drawer-close){border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:15px 0;color:var(--ink);cursor:pointer;font-size:16px;display:flex;justify-content:space-between}.menu-drawer>button span{color:var(--blue);font-size:12px}.drawer-footer{margin-top:auto;color:var(--blue);font-weight:700}.drawer-footer span{color:var(--muted);font-weight:400;font-size:13px}@media(min-width:800px){.auth-screen{display:grid!important;grid-template-columns:1fr 1fr}.auth-screen .hero-image{height:100vh;min-height:100vh}.auth-panel{display:flex;flex-direction:column;justify-content:center}.signup-panel{padding-top:0}.bottom-nav{display:none}.app-header{padding-left:10%;padding-right:10%}}@media(max-width:640px){.app-header{padding:28px 22px 30px}.app-header h1{font-size:48px}.stats-grid,.plans-list{grid-template-columns:1fr}.stats-grid{gap:12px}.stat-card{min-height:112px}.bottom-nav button{padding:10px 7px;font-size:10px}.bottom-nav button span{font-size:8px}.transaction-form{margin-left:14px;margin-right:14px;padding:22px}.plan-rate strong{font-size:75px}.qr{max-width:calc(100vw - 48px)}.hero-image{min-height:270px}}
:root{--bottom-nav-hidden:initial}.bottom-nav.hidden{display:none}
:root{--bottom-nav-hidden:initial}.bottom-nav.hidden{display:none}.modal-screen{position:fixed;z-index:25;inset:0;display:none!important;align-items:center;justify-content:center;padding:20px;background:rgba(3,22,44,.62);backdrop-filter:blur(8px)}.modal-screen.open{display:flex!important}.modal-screen .signup-panel{width:min(100%,560px);min-height:0;max-height:calc(100vh - 40px);overflow:auto;border-radius:30px;padding:38px 32px;background:linear-gradient(160deg,#063e89,#0780c7);box-shadow:0 24px 70px rgba(0,0,0,.3)}.modal-screen .signup-panel h1{font-size:clamp(44px,8vw,72px);margin:16px auto 28px}
.selected-plan{max-width:640px;margin:24px auto -8px;padding:16px 22px;background:#eaf2fb;border:1px solid #cfe2f4;border-radius:18px;color:#587087;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px}.selected-plan strong{color:var(--blue);font-size:15px}.selected-plan.ready{background:#eff9e8;border-color:#cae7ad}.selected-plan.ready strong{color:#3c7d27}
:root{--forgot-link-visible:1}.forgot-link{justify-self:center;color:#fff;text-decoration:underline;text-underline-offset:4px;font-size:15px;font-weight:600;opacity:.96}.forgot-link:hover{opacity:1;color:#d9f078}
:root{--password-toggle:visible}.toggle-password{border:0;background:transparent;color:#b8cdea;cursor:pointer;font-size:18px;padding:4px 0 4px 8px;line-height:1}.toggle-password:hover{color:#d9f078}
@media(min-width:800px){.auth-screen:not(.active){display:none!important}.auth-screen.active{display:grid!important}}
.payment-popup{width:min(100%,520px);padding:42px clamp(28px,7vw,64px)}.payment-popup .eyebrow{color:var(--muted);margin:28px 0 0}.payment-popup h1{font-family:'Space Grotesk';font-size:clamp(42px,8vw,68px);line-height:.95;margin:18px 0}.payment-popup p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:0 0 28px}.payment-popup .stack-form{margin-bottom:20px}.payment-popup .primary-button{background:var(--blue);color:#fff}
.upload-field{display:grid;gap:8px;text-align:left;color:#456176;font-size:12px;font-weight:700}.upload-field input[type=file]{width:100%;height:auto;border:1px dashed #b7cad8;border-radius:16px;padding:14px;background:#f7fafc;color:#456176;font-size:13px}.upload-field input[type=file]::file-selector-button{border:0;border-radius:10px;padding:9px 12px;margin-right:10px;background:#e6f1fb;color:var(--blue);font-weight:700;cursor:pointer}
.confirmation-email{display:grid;gap:8px;text-align:left;color:#456176;font-size:12px;font-weight:700}.confirmation-email input{height:58px;border:1px solid var(--line);border-radius:16px;padding:0 18px;background:#f7fafc;color:var(--ink);font-size:16px}
.menu-button{font-size:14px;font-weight:700;letter-spacing:1.5px}.logout-button{color:#b62f3c!important;border-bottom-color:#f0cfd3!important}
.menu-button.hidden{display:none}
.support-wrap{max-width:780px;margin:0 auto;padding:28px 24px 110px}.support-form{margin:0 auto 28px}.support-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-form select,.support-form textarea{border:1px solid var(--line);border-radius:15px;padding:14px 17px;outline:none;color:var(--ink);background:#fff;font:inherit}.support-form textarea{resize:vertical;min-height:130px}.ticket-history{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 25px rgba(19,54,87,.06)}.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.activity-heading h2{font-family:'Space Grotesk';margin:0}.activity-heading span{color:var(--muted);font-size:13px}.ticket-row{border-top:1px solid var(--line);padding:18px 0}.ticket-row:first-child{border-top:0}.ticket-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ticket-row small{display:block;color:var(--muted);margin-top:7px}.ticket-row p{white-space:pre-wrap;line-height:1.5;margin:12px 0 0;color:#40586e}.ticket-status{border-radius:20px;padding:5px 9px;background:#eaf2fb;color:var(--blue);font-size:11px;text-transform:capitalize;white-space:nowrap}.ticket-status.resolved,.ticket-status.closed{background:#eaf7ea;color:#26743b}.ticket-status.in_progress{background:#fff5df;color:#976500}.ticket-thread{display:grid;gap:8px;margin-top:14px}.ticket-message{padding:11px 13px;border-radius:12px;line-height:1.45}.ticket-message small{display:inline;margin-left:8px}.ticket-message p{margin-top:6px}.user-message{background:#f5f7f9}.admin-message{background:#eaf2fb;border-left:3px solid var(--blue)}@media(max-width:640px){.support-fields{grid-template-columns:1fr}.bottom-nav button{padding-left:5px;padding-right:5px}}
.activity-card{margin-top:22px;background:#fff;border:1px solid #dce6ec;border-radius:22px;padding:22px;box-shadow:0 12px 25px rgba(19,54,87,.06)}.activity-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-heading h2{font-family:'Space Grotesk';font-size:22px;margin:0}.activity-heading span{color:var(--muted);font-size:12px}.transactions{display:grid}.transaction-row{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.transaction-row>div{display:grid;gap:5px}.transaction-row small{color:var(--muted);font-size:12px}.transaction-amount{text-align:right}.transaction-amount strong{color:#319c3e;font-size:16px}.empty-activity{color:var(--muted);font-size:14px;margin:12px 0}