*{box-sizing:border-box}body{color:#eef4ff;background:#07101d;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.app{background:radial-gradient(circle at 80% 10%,#16355b 0,#0000 35%),#07101d;min-height:100vh}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#091525e8;border-bottom:1px solid #203149;align-items:center;height:72px;padding:0 5%;display:flex;position:sticky;top:0}.brand{letter-spacing:2px;margin-right:5%;font-size:20px}.brand b{color:#5ed6ff}nav{flex:1;gap:6px;display:flex}nav button{color:#9eacc2;border-radius:9px;padding:10px 14px}nav button.on,nav button:hover{color:#fff;background:#13263d}.right{align-items:center;gap:10px;display:flex}.right select,.right button{background:#122239;border-radius:9px;padding:9px 12px}.login,.primary{color:#fff!important;background:linear-gradient(90deg,#2bb6ff,#6c74ff)!important}.hero{justify-content:space-between;align-items:center;max-width:1200px;min-height:510px;margin:auto;padding:90px 5%;display:flex}.tag{letter-spacing:3px;color:#54cfff;font-size:12px}.hero h1{margin:15px 0;font-size:52px;line-height:1.12}.hero h1 span{color:#61d6ff}.hero p{color:#9eacc2}.primary{border-radius:10px;margin-top:15px;padding:13px 22px}.orb{text-align:center;background:radial-gradient(circle,#173e5b,#0b1828 65%);border:1px solid #2f638c;border-radius:50%;place-content:center;width:290px;height:290px;font-size:58px;font-weight:800;display:grid;box-shadow:0 0 80px #12608a55}.orb small{letter-spacing:4px;color:#71d8ff;font-size:11px}.cards{grid-template-columns:repeat(4,1fr);gap:15px;max-width:1200px;margin:auto;padding:0 5% 70px;display:grid}.card,.panel{background:#0c1929dd;border:1px solid #20344c;border-radius:16px}.card{padding:20px}.card small{color:#8191a9}.card h2{margin:12px 0}.up{color:#3be39b}.down{color:#ff6f86}.panel{max-width:1100px;margin:50px auto;padding:28px}.market{border-top:1px solid #23374e}.row{border-bottom:1px solid #1c2d42;grid-template-columns:1fr 2fr 2fr 1fr;padding:17px 4px;display:grid}.row span{color:#8494ab}.row strong{text-align:right}.row i{text-align:right;font-style:normal}.chart{color:#51657e;background:repeating-linear-gradient(0deg,#102035 0 1px,#0000 1px 50px),repeating-linear-gradient(90deg,#102035 0 1px,#0000 1px 80px);border-radius:12px;place-items:center;height:300px;margin-top:25px;display:grid}.chat{flex-direction:column;gap:12px;height:430px;padding:10px;display:flex;overflow:auto}.chat div{background:#13263d;border-radius:12px;max-width:75%;padding:12px 15px}.chat .user{background:#245a7b;align-self:flex-end}.welcome{color:#7f91aa;margin:auto;background:0 0!important}.composer{gap:10px;display:flex}.composer input,.form input,.form select,.box input,.order input{color:#fff;background:#091525;border:1px solid #29405a;border-radius:10px;flex:1;padding:13px}.composer button,.order button{background:#1f7db2;border-radius:10px;padding:12px 20px}.feature{background:#101f32;border-radius:14px;padding:35px}.balance{grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0;display:grid}.balance div{background:#101f32;border-radius:12px;padding:22px}.balance small,.balance b{display:block}.balance b{margin-top:10px;font-size:25px}.form{flex-direction:column;gap:12px;max-width:500px;display:flex}.order{background:#101f32;border-radius:12px;padding:20px}.modal{z-index:10;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.box{background:#0c1929;border:1px solid #29405a;border-radius:16px;flex-direction:column;gap:12px;width:min(420px,92%);padding:28px;display:flex;position:relative}.box .x{font-size:28px;position:absolute;top:10px;right:15px}.full{width:100%}.link{color:#67d3ff}.err{color:#ff8796;min-height:20px}footer{text-align:center;color:#65778f;padding:40px}@media (width<=900px){nav{overflow:auto}.hero{padding-top:55px}.hero h1{font-size:38px}.orb{width:210px;height:210px;font-size:42px}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){header{flex-wrap:wrap;gap:8px;height:auto;padding:12px 4%}.brand{width:100%}nav{order:3;width:100%}.right{position:absolute;top:12px;right:4%}.hero{min-height:auto;padding:45px 5%;display:block}.orb{margin:40px auto}.cards{grid-template-columns:1fr 1fr}.panel{margin:25px 4%;padding:18px}.row{grid-template-columns:1fr 1fr}.row span{display:none}.row strong,.row i{text-align:right}.balance{grid-template-columns:1fr}.hero h1{font-size:34px}}