*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#fff8ef,#f7efe5);padding:28px;color:#3b2d1f}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at top right,rgba(210,120,35,.12),transparent 35%),
radial-gradient(circle at bottom left,rgba(140,90,30,.08),transparent 30%);z-index:-1}
.card{max-width:560px;margin:auto;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:24px;padding:34px;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.leaf{text-align:center;font-size:44px}
h1{text-align:center;margin:8px 0 4px;color:#8d4f11}
.subtitle{text-align:center;color:#777;margin-bottom:22px}
.price{background:linear-gradient(135deg,#fff4e7,#ffe5bf);border-radius:18px;padding:18px;text-align:center}
.caption{font-size:13px;text-transform:uppercase;color:#8d4f11;letter-spacing:.08em}
.sum{font-size:34px;font-weight:bold;margin-top:6px}
.qr{display:block;width:220px;margin:26px auto;border-radius:16px;border:8px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.tip{background:#fff8e8;border-left:4px solid #d4882d;padding:14px 16px;border-radius:10px;margin-bottom:22px;font-size:14px;line-height:1.5}
.field{margin-bottom:16px}
label{display:block;font-size:13px;color:#777;margin-bottom:6px}
.row{display:flex;gap:10px}
input{flex:1;padding:13px;border:1px solid #ddd;border-radius:12px;background:#fafafa}
button{width:52px;border:none;border-radius:12px;background:#c7771d;color:#fff;font-size:18px;cursor:pointer;transition:.2s}
button:hover{background:#ad6414;transform:translateY(-1px)}
#msg{text-align:center;color:#2f8a3d;font-weight:bold;height:22px;margin-top:18px}