*{box-sizing:border-box}body{margin:0;background:#080808;color:#f4f0df;font-family:Arial,sans-serif}main{max-width:760px;margin:auto;padding:18px}.logo{width:42px;height:42px;border:1px solid #d4af37;border-radius:10px;display:grid;place-items:center;color:#d4af37;font-weight:800;font-size:24px}header{display:flex;gap:12px;align-items:center}header b{display:block;letter-spacing:2px}header small{display:block;color:#aaa;font-size:10px;margin-top:3px}.hero{margin-top:20px;padding:24px;border:1px solid #332b12;border-radius:18px;background:linear-gradient(135deg,#111,#090909)}.hero small{color:#d4af37}.hero h1{margin:8px 0;font-size:30px}.hero p,.muted{color:#aaa}.balance{margin-top:18px;display:flex;justify-content:space-between;padding:15px;border-radius:12px;background:#111}.balance strong{color:#d4af37}nav{display:flex;gap:7px;overflow:auto;margin:14px 0}button{font:inherit;cursor:pointer}nav button,.grid button,.back{background:#111;color:#f4f0df;border:1px solid #30270f;border-radius:12px;padding:12px}.nav{}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid button{min-height:90px;text-align:left}.grid b,.grid small{display:block;margin-top:5px}.grid small{color:#999}.screen{display:none;margin-top:16px}.screen.active{display:block}h2{color:#d4af37}.plan{padding:16px;margin:10px 0;background:#111;border:1px solid #30270f;border-radius:14px}.plan strong{color:#d4af37}.plan button{margin-top:12px;width:100%;padding:12px;border:0;border-radius:10px;background:#d4af37;color:#080808;font-weight:800}.detail{padding:20px;background:#111;border:1px solid #30270f;border-radius:15px}.detail .amount{font-size:30px;color:#d4af37;font-weight:800}.detail button{width:100%;padding:14px;margin-top:18px;border:0;border-radius:10px;background:#d4af37;color:#080808;font-weight:800}.wallet{padding:15px;margin:8px 0;background:#111;border:1px solid #30270f;border-radius:12px;width:100%;text-align:left;color:#fff}.wallet b{color:#d4af37}.empty,.message{padding:18px;background:#111;border:1px solid #30270f;border-radius:14px;color:#bbb}label{display:block;margin:14px 0 6px;color:#d4af37;font-size:13px}input,select{width:100%;padding:13px;border-radius:10px;border:1px solid #403516;background:#111;color:#fff}.primary{width:100%;padding:14px;border:0;border-radius:10px;background:#d4af37;color:#080808;font-weight:800;margin-top:18px}.message{margin-top:12px}footer{text-align:center;color:#777;padding:30px 0}a{color:#d4af37}