:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f4f4f5;background:#202126}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ff3361;outline-offset:3px}.demo-strip{height:32px;background:#573d09;color:#ffe3a0;text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;gap:12px;position:fixed;inset:0 0 auto;z-index:50}.demo-strip strong,.badge{letter-spacing:1px}header{height:68px;background:#191a1e;border-bottom:1px solid #303137;display:flex;align-items:center;gap:18px;padding:0 20px;position:fixed;top:32px;left:0;right:0;z-index:30}.menu-toggle,.secondary{background:#292a30;color:white;border:0;border-radius:10px;padding:12px 17px}.menu-toggle{font-size:22px;padding:8px 12px}.switches{display:flex;gap:24px;background:#26272d;padding:14px 25px;border-radius:12px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:205px;height:auto}.brand b{color:#ffc65c;font-size:11px}.account{margin-left:auto;display:flex;align-items:center;gap:18px}.primary{display:inline-block;background:#ff0046;border:0;border-radius:9px;color:white;padding:13px 20px;font-weight:bold;text-align:center}.balance{font-weight:bold;font-size:14px}.balance small{display:block;font-weight:normal;color:#a4a5b1;font-size:10px;margin-top:3px}aside{position:fixed;top:100px;bottom:0;width:280px;padding:18px 14px;background:#191a1e;overflow:auto;transition:transform .18s}aside>.primary{width:100%}aside h2{font-size:11px;letter-spacing:1px;color:#858893;margin:26px 10px 12px}nav{display:grid;gap:4px}nav a{padding:14px 12px;border-radius:8px;color:#d2d3da;font-size:15px}nav a:hover{background:#292a30;color:white}.profile{display:grid;gap:12px;padding:15px;background:#24252a;border-radius:12px}.profile span{color:#92949f;font-size:12px}.logout{width:100%;margin-top:24px}.sidebar-bottom{border-top:1px solid #34353b;margin-top:30px;padding:20px 4px;font-size:13px}.sidebar-bottom span{float:right;color:#ffcf76}main{margin:100px 0 0 280px;padding:24px;transition:margin-left .18s}.sidebar-closed aside{transform:translateX(-100%)}.sidebar-closed main{margin-left:0}.banners{display:grid;grid-template-columns:1fr 1fr;gap:16px}.banners img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#191a1e}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.cards img{display:block;width:100%;border-radius:14px}.breadcrumb{font-size:13px;color:#92949f;margin-bottom:24px}.deposit-panel{max-width:950px;background:#24252a;padding:32px;border-radius:16px}.badge{font-size:11px;color:#ffd177;background:#4a381d;padding:7px 10px;border-radius:6px;display:inline-block}h1{font-size:26px;margin:20px 0 12px}p{color:#adb0ba;line-height:1.6}.balance-panel{margin:25px 0;padding:22px;background:#191a1e;border-radius:10px;display:flex;justify-content:space-between}.empty{padding:35px 20px;text-align:center;border:1px dashed #494b56;border-radius:12px;margin-bottom:25px}.empty>span{font-size:40px;color:#ff3361}.empty h2{font-size:20px}footer{text-align:center;color:#888b95;font-size:12px;padding:35px 0}.modal-backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(6px);z-index:40;display:grid;place-items:center;padding:24px;overflow:auto}.login-modal{position:relative;display:flex;background:#1b1c20;border:1px solid #32343b;border-radius:18px;width:100%;max-width:860px;overflow:hidden}.login-promo{flex:0 0 340px;align-self:stretch}.login-promo img{display:block;width:100%;height:100%;object-fit:cover}.login-panel{flex:1;min-width:0;padding:36px}.close{position:absolute;top:15px;right:18px;font-size:28px;z-index:1}.credentials{background:#292a30;padding:14px;border-radius:8px;font-size:13px;color:#ffcf76;margin-bottom:20px}label{display:grid;gap:8px;font-size:13px;margin:18px 0;text-align:left}input{width:100%;padding:14px;border:1px solid #41434d;border-radius:8px;background:#25262c;color:white}.login-modal .field{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #41434d;border-radius:10px;background:#25262c;transition:border-color .15s}.login-modal .field:focus-within{border-color:#ff3361}.login-modal .field .ui-icon{flex-shrink:0;width:18px;height:18px;opacity:.6}.login-modal .field input{flex:1;min-width:0;padding:14px 0;border:0;background:transparent}.login-modal .field input:focus-visible{outline:0}.field-toggle{flex-shrink:0;display:grid;place-items:center;padding:6px;background:none;border:0;color:#9499a4}.field-toggle .ui-icon{width:18px;height:18px}.login-panel button.primary{width:100%;margin-top:8px}.error{color:#ff8da5}#submission-status.error{color:#ff8da5;background:#ff003a12;border-color:#ff336140}#copy-status.error{color:#ff8da5}#login-form button.primary:disabled{opacity:.6;cursor:default}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:12px}.remember{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0!important;color:#9499a4}.remember input{width:auto;padding:0;accent-color:#ff3361}.login-panel .demo-action{background:none;border:0;padding:0;color:#9499a4;font:inherit;font-size:12px;cursor:pointer}.signup-hint{display:flex;justify-content:center;gap:5px;margin:14px 0 0;font-size:13px;color:#9499a4}.signup-hint .demo-action{color:#ff3361;font-weight:700;font-size:13px}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:18px;font-size:12px;color:#9499a4}.trust-badges span{display:flex;align-items:center;gap:6px}.trust-badges .ui-icon{width:14px;height:14px;opacity:.8}.username{font-weight:bold}@media(max-width:1000px){.switches{display:none}.brand img{width:170px}.account{gap:8px}.account .balance{display:none}}@media(max-width:767px){header{padding:0 10px;gap:10px}.brand img{width:120px}.brand b{display:none}.account .username{font-size:12px}.primary,.secondary{padding:11px 12px;font-size:12px}aside{width:270px;z-index:35;box-shadow:15px 0 30px #0005}main{margin-left:0;padding:16px}.banners{grid-template-columns:1fr}.banners img:nth-child(2){display:none}.cards{gap:10px}.demo-strip{font-size:10px;gap:6px}.deposit-panel{padding:20px}.login-promo{display:none}.login-panel{padding:24px}.modal-backdrop{padding:12px}.balance-panel{gap:20px}h1{font-size:23px}}
