*{box-sizing:border-box}body{margin:0;background:#07080c;color:#fff;font-family:Arial,sans-serif}header{height:65px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#0b0d12;border-bottom:1px solid #292e39}header a{font-size:28px;font-weight:900}header b,h1 b{color:#ff5a1f}header small{color:#999;font-size:10px}.hero{padding:60px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(circle at 80%,#57200d,transparent 35%),#0b0d13}.hero label{color:#ffb000;font-size:11px;font-weight:bold;letter-spacing:2px}.hero h1{font-size:clamp(50px,9vw,90px);margin:12px 0}.hero p{max-width:600px;color:#aab0bc;line-height:1.6}.art{width:220px;height:220px;flex:none;background:#151923;border:1px solid #59301f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:75px;box-shadow:0 20px 60px #000}.art strong{text-align:center;font-size:23px}main{padding:55px 7%}h2{font-size:38px;margin:0 0 8px}.sub{color:#8d95a2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.pack{background:#12161e;border:1px solid #2c323e;color:#fff;padding:22px 14px;text-align:left;cursor:pointer;transition:.2s}.pack:hover{border-color:#ff5a1f;transform:translateY(-3px)}.diamond{font-size:30px}.amount{font-size:28px;font-weight:900;margin:10px 0}.free{color:#49e18a;font-weight:bold}.paid{color:#ffb000;font-weight:bold}.history{margin-top:60px;padding-top:35px;border-top:1px solid #252a34}.row{padding:13px;background:#11151d;border:1px solid #252b36;margin:7px 0;font-size:12px}.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.hide{display:none}.box{width:min(420px,100%);background:#12161e;border:1px solid #444b58;padding:28px;position:relative}.box>button:first-child{position:absolute;right:10px;top:5px;background:none;border:0;color:#aaa;font-size:28px}.box label{color:#ffb000;font-size:11px;font-weight:bold}.box h2{margin:8px 0}.box input{width:100%;padding:14px;margin-top:22px;background:#080a0e;border:1px solid #3a404c;color:#fff}.box #send{width:100%;padding:14px;margin-top:12px;background:#ff5a1f;border:0;color:#fff;font-weight:bold}.box p{color:#999;font-size:11px;line-height:1.5}#toast{position:fixed;right:15px;bottom:15px;background:#fff;color:#111;padding:14px;font-weight:bold;display:none;z-index:9}footer{text-align:center;padding:30px;color:#777;border-top:1px solid #252a34;font-size:10px}@media(max-width:750px){.hero{flex-direction:column;align-items:flex-start}.art{align-self:center;width:180px;height:180px}.grid{grid-template-columns:1fr 1fr}}