/* CHECKOUT.CSS */

/* CHECKOUT */
.checkout-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#333,#000 55%);padding:40px 20px}
.checkout{width:min(620px,94vw);background:#eee9c9;color:#09080d;padding:clamp(28px,5vw,55px);box-shadow:0 30px 100px rgba(0,0,0,.80)}
.checkout h1,.participants-wrap h1{font-family:PriceDown;font-weight:400;font-size:clamp(70px,13vw,125px);line-height:.72;margin:0 0 25px}
.checkout .dark{color:#333}
.checkout-intro{line-height:1.55;color:#333}
.checkout-summary{display:flex;justify-content:space-between;border-top:1px dashed #777;border-bottom:1px dashed #888;padding:18px 0;margin:25px 0;font-weight:700}
.checkout form{display:grid;gap:15px}
.checkout label{display:grid;gap:7px;text-transform:uppercase}
.checkout input{width:100%;height:50px;border:1px solid rgba(0,0,0,.50);background:rgba(255,255,255,.50);padding:0 13px;font:16px Arial;color:#09080d;outline:0}
.checkout input:focus{border-color:#09080d;box-shadow:0 0 0 2px rgba(0,0,0,.08)}
.checkout-button{width:100%;border:0;background:#09090f;color:#fff;padding:18px;cursor:pointer;letter-spacing:.16em;font-size:10px;margin-top:7px}
.link-button{display:flex;text-align:center}
.checkout-status{min-height:24px;margin-top:16px;font-size:12px;color:#7d1010}
.security{font-size:15px;color:#ec3b62;line-height:1.5;margin-top:18px}
.back{display:inline-block;font-size:10px;letter-spacing:.15em;margin-bottom:25px}
.success{text-align:center}
.success .back{margin-top:20px}