.demo-shell{background:#0b1019;color:#f3f6fc;font-family:Montserrat,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.demo-shell *{box-sizing:border-box}.demo-header{align-items:center;background:#111925;border-bottom:1px solid #243044;display:flex;gap:32px;height:72px;padding:0 max(24px,calc(50vw - 650px))}.demo-header a{color:#c8d8f3;text-decoration:none}.demo-header a:hover{color:#fff}.demo-header .brand{flex:none;width:148px}.demo-header .brand img{display:block;height:auto;width:100%}.demo-header nav{flex:1;font-size:14px;font-weight:700}.demo-header .account{align-items:center;display:flex;gap:12px;white-space:nowrap}.mock-label{background:#372a54;border-radius:5px;color:#c6a8ff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 8px}.balance{color:#fff;font-variant-numeric:tabular-nums;font-weight:800}.balance small{color:#88a0c3;font-size:11px}.reset-button{background:#1b2738;border:1px solid #35425a;border-radius:7px;color:#d4e3ff;cursor:pointer;padding:7px 11px}.reset-button:hover{background:#2a3a52}.demo-main{margin:0 auto;max-width:1300px;padding:36px 24px 64px}.demo-shell footer{border-top:1px solid #243044;color:#7e91ae;font-size:12px;padding:26px 24px;text-align:center}@media (max-width:650px){.demo-header{flex-wrap:wrap;gap:10px;height:auto;min-height:64px;padding:10px 16px}.demo-header .brand{width:120px}.demo-header nav{flex-basis:100%;order:3;padding:0 0 4px}.demo-header .account{gap:7px;margin-left:auto}.mock-label{display:none}.balance{font-size:13px}.demo-main{padding:24px 16px 44px}}