*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#172033}
body{background:#f2f5f9}
.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}
.card{width:784px;min-height:518px;background:#fff;border-radius:15px;box-shadow:0 13px 30px rgba(22,35,51,.13);padding:32px;display:grid;grid-template-columns:344px 344px;gap:32px}
.left h1{font-size:21px;line-height:25px;margin:16px 0 12px;font-weight:700}
.subtitle{font-size:11.5px;line-height:15px;color:#4e5b70;margin:0 0 17px}
.alert{width:344px;height:71px;border:1px solid #f3b319;border-radius:7px;background:#fff9e8;padding:12px;font-size:11px;line-height:15px;color:#526075}
.alert b{color:#a84e10}
.price{width:344px;height:77px;border:1px solid #08bb7b;border-radius:8px;background:#effcf7;text-align:center;padding-top:19px;margin-top:16px;color:#506075;font-size:12px}
.price strong{display:block;color:#007c59;font-size:18px;line-height:22px;margin-top:1px}
.refund{width:344px;height:118px;border:1px solid #dfe4ea;border-radius:8px;background:#fafbfd;margin-top:16px;padding:21px 16px}
.refund h2{font-size:14px;margin:10px 0 12px}
.refund p{font-size:11px;line-height:15px;color:#526075;margin:0}
.security{text-align:center;font-size:10.5px;color:#526075;margin-top:14px}
.right{padding-top:0}
.securebox{height:98px;border:1px solid #dfe4ea;border-radius:8px;background:#fbfcfe;text-align:center;padding-top:28px}
.securetitle{font-size:12px;margin-bottom:10px}
.securetext{font-size:10px;color:#59667a}
#pix{width:344px;height:38px;border:0;border-radius:7px;background:#11b981;color:white;font-size:13px;font-weight:600;margin-top:12px;cursor:pointer;transition:.15s}
#pix:hover{filter:brightness(.97)}
#pix:disabled{opacity:.9;cursor:wait}
.after{text-align:center;color:#687488;font-size:9.5px;line-height:14px;margin-top:17px}
.pix-result{display:none;margin-top:14px;padding:12px;border:1px solid #b8dfd2;border-radius:8px;background:#f0fbf7;text-align:center}
.pix-label{font-size:10px;color:#526075;margin-bottom:5px}
.pix-key{font-size:12px;font-weight:700;color:#007c59;word-break:break-all}
.copied{display:none;color:#007c59;font-size:10px;margin-top:8px;font-weight:600}
@media(max-width:760px){.page{padding:16px}.card{width:100%;height:auto;grid-template-columns:1fr;gap:20px}.alert,.price,.refund,#pix{width:100%}}