:root{--red:#e32619;--yellow:#ffc928;--dark:#100d0b;--panel:#1a1411;--muted:#a79a91}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#4b160d 0,transparent 35%),linear-gradient(160deg,#100d0b,#080706);color:#fff;font-family:Inter,Arial,sans-serif;min-height:100vh}.glow{position:fixed;inset:auto 0 0;height:35vh;background:radial-gradient(ellipse at bottom,rgba(227,38,25,.18),transparent 65%);pointer-events:none}.wrap{width:min(1040px,92%);margin:auto;position:relative}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0}.logo{font-weight:1000;font-size:28px;letter-spacing:1px}.logo span{color:var(--yellow)}.server{color:#fff;text-decoration:none;background:#211916;border:1px solid #473026;padding:10px 15px;border-radius:12px}.hero{display:flex;align-items:center;justify-content:space-between;padding:50px 0 28px}.tag{color:var(--yellow);text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:1.5px}h1{font-size:clamp(42px,7vw,78px);line-height:.95;margin:14px 0}h1 em{font-style:normal;color:var(--yellow)}.hero p{color:#c7bbb4;font-size:18px}.coin{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe36a,#f4a400);color:#6c2500;font-size:54px;font-weight:1000;border:10px solid #ffcb27;box-shadow:0 0 60px rgba(255,183,0,.22),inset 0 0 0 5px #b96300;transform:rotate(8deg)}.card{background:rgba(26,20,17,.94);border:1px solid #3a2922;border-radius:24px;padding:28px;box-shadow:0 25px 70px #0008;margin-bottom:32px}label{display:block;font-weight:800;margin:12px 0 10px}.row{display:flex;gap:10px}input,button{font:inherit}.row input,.amount input{background:#0f0c0a;border:1px solid #49362e;color:#fff;border-radius:13px;padding:15px;width:100%;outline:none}.row button,.presets button{background:#2a201c;color:#fff;border:1px solid #4b372f;border-radius:12px;padding:0 18px;cursor:pointer}.status{min-height:24px;margin:7px 0 12px;color:#8fe19c}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.presets button{padding:14px}.presets button.active{background:var(--yellow);color:#3d1700;border-color:var(--yellow);font-weight:900}.amount{display:flex;align-items:center;background:#0f0c0a;border:1px solid #49362e;border-radius:15px;margin:12px 0}.amount input{border:0;font-size:25px;font-weight:900}.amount span{font-size:24px;padding-right:18px;color:var(--yellow)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.summary>div{background:#100d0b;border:1px solid #3d2d26;border-radius:15px;padding:16px}.summary small{display:block;color:var(--muted);margin-bottom:8px}.summary strong{font-size:22px}.summary .total{border-color:#77510d;background:#211b0d}.total strong{color:var(--yellow)}.pay{width:100%;border:0;border-radius:14px;padding:17px;background:linear-gradient(90deg,var(--red),#f04d14);color:white;font-weight:1000;font-size:18px;cursor:pointer;box-shadow:0 10px 30px rgba(227,38,25,.24)}.fine{text-align:center;color:#887d76;font-size:12px}.error{color:#ff837b;text-align:center}.status.bad{color:#ff837b}footer{text-align:center;color:#71675f;padding:20px 0 35px}@media(max-width:700px){.coin{display:none}.presets{grid-template-columns:1fr 1fr}.summary{grid-template-columns:1fr}.hero{padding-top:25px}.row{flex-direction:column}.row button{padding:14px}}