*{box-sizing:border-box}body{color:#fff;background:#050b18;margin:0;font-family:Arial,sans-serif}.app{min-height:100vh;padding:25px}.header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex;position:relative}.logo{color:#fff;font-size:30px;font-weight:700}.menu-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #2f80ff;border-radius:50%;width:48px;height:48px;font-size:28px}.dropdown{opacity:0;pointer-events:none;z-index:10;background:#1a2332;border-radius:20px;width:300px;transition:all .2s;position:absolute;top:60px;right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 15px 40px #00000080}.dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown div{cursor:pointer;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;font-size:20px;display:flex}.dropdown div:last-child{border-bottom:none}.balance{text-align:center;margin-top:30px}.balance p{color:#8c98aa;margin:0;font-size:20px}.balance h1{margin:15px 0;font-size:72px}.balance span{color:#8c98aa;font-size:18px}.actions{grid-template-columns:1fr 1fr;gap:15px;margin-top:40px;display:grid}.action-card{color:#fff;cursor:pointer;background:#1a2332;border:none;border-radius:20px;height:150px}.action-card div{background:#2f80ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;font-size:40px;display:flex}.action-card span{color:#2f80ff;margin-top:15px;font-size:20px;display:block}.devices{background:#101927;border-radius:20px;margin-top:25px;padding:25px}.devices-header{justify-content:space-between;align-items:center;display:flex}.devices h2{margin:0}.devices p{color:#8c98aa}.devices button{color:#fff;background:#1a2332;border:none;border-radius:15px;padding:15px 25px;font-size:18px}