*{box-sizing:border-box}.payment-page{color:#f5f5f5;background:radial-gradient(circle at 50% 20%,#7e3bc42e,#0000 32%),#090711;min-height:100vh;padding:32px 20px 70px;font-family:Arial,sans-serif}.payment-top{justify-content:space-between;align-items:center;width:min(1100px,100%);margin:0 auto 55px;display:flex}.payment-logo img{width:55px;height:auto;display:block}.back-home{color:#b7b3c3;letter-spacing:.12em;font-size:12px;font-weight:800;text-decoration:none}.payment-progress{justify-content:center;align-items:center;width:min(650px,100%);margin:0 auto 45px;display:flex}.progress-item{color:#615d6b;letter-spacing:.1em;white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.progress-item span{border:1px solid #615d6b;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.progress-item.active{color:#ffe51b}.progress-item.active span{color:#0b0912;background:#ffe51b;border-color:#ffe51b}.progress-line{background:#332f3d;width:90px;height:1px;margin:0 15px}.progress-line.active{background:#ffe51b}.checkout-card{background:#120e1ce6;border:1px solid #914de659;border-radius:24px;width:min(580px,100%);margin:0 auto;padding:45px;box-shadow:0 25px 80px #0006}.checkout-label{color:#ffe51b;letter-spacing:.16em;margin-bottom:14px;font-size:11px;font-weight:900}.checkout-card h1{margin:0;font-size:clamp(34px,6vw,58px);font-weight:900;line-height:.95}.checkout-subtitle{color:#aaa5b6;margin:18px 0 30px;font-size:16px}.delivery-form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.delivery-form input,.delivery-form textarea{color:#fff;background:#100d19;border:1px solid #30283e;border-radius:10px;outline:none;width:100%;padding:16px;font-size:14px}.delivery-form textarea{resize:vertical;min-height:100px}.delivery-form input:focus,.delivery-form textarea:focus{border-color:#9657e7}.order-summary{border-top:1px solid #30283e;border-bottom:1px solid #30283e;justify-content:space-between;align-items:center;margin-top:10px;padding:18px;font-weight:900;display:flex}.order-summary strong{color:#ffe51b;font-size:24px}.payment-main-btn{color:#0b0912;letter-spacing:.08em;cursor:pointer;background:#ffe51b;border:none;border-radius:999px;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:12px;padding:18px 25px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.payment-main-btn:hover{transform:translateY(-2px)}.payment-main-btn span{font-size:20px}.payment-step{text-align:center}.payment-amount{color:#ffe51b;margin:10px 0 25px;font-size:64px;font-weight:900}.qr-box{background:#fff;border-radius:22px;width:min(330px,100%);margin:0 auto 22px;padding:12px}.qr-image{border-radius:14px;width:100%;display:block}.qr-note{color:#9f98ad;letter-spacing:.12em;margin-bottom:25px;font-size:10px;font-weight:900}.payment-back-btn{color:#aaa5b6;cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:12px;font-weight:800}.confirmation-step{text-align:center}.success-circle{color:#0b0912;background:#ffe51b;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 25px;font-size:40px;font-weight:900;display:grid}.confirmation-box{background:#100d19;border:1px solid #30283e;border-radius:16px;margin:30px 0 20px;padding:20px}.confirmation-box p{color:#aaa5b6;letter-spacing:.1em;margin:0 0 8px;font-size:12px;font-weight:900}.confirmation-box strong{color:#ffe51b;font-size:30px}.confirmation-text{color:#aaa5b6;line-height:1.6}.home-confirm-btn{margin-top:28px}@media (max-width:600px){.payment-page{padding:20px 14px 50px}.payment-top{margin-bottom:35px}.payment-progress{gap:5px}.progress-item{gap:5px;font-size:8px}.progress-item span{width:24px;height:24px}.progress-line{width:25px;margin:0 5px}.checkout-card{border-radius:20px;padding:30px 20px}.form-row{grid-template-columns:1fr}.payment-amount{font-size:54px}}
