.payment-page{background:#f5f7fa;min-height:100vh;padding:20px}.payment-loading-container{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.payment-error-box{color:#991b1b;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-width:600px;margin:40px auto;padding:16px 20px;font-size:14px}.payment-main-content{width:100%;max-width:1100px;margin:0 auto}.payment-card{background:#fff;border:1px solid #ff914d14;border-radius:16px;animation:.4s slideUp;overflow:hidden;box-shadow:0 8px 32px #00000014}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-card-header{text-align:center;background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 100%);border-bottom:1px solid #ff914d1a;padding:2rem 3rem 1.25rem}.payment-card-header h1{color:#1a1a1a;letter-spacing:-.3px;margin:0;font-size:1.75rem;font-weight:700}.payment-content-wrapper{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 3rem;display:grid}.payment-info-section{flex-direction:column;gap:1.25rem;display:flex}.payment-info-section h2{color:#1a1a1a;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.payment-info-section>p{color:#555;margin:0;font-size:.95rem;line-height:1.7}.payment-account-details{background:#f8f9fa;border-left:3px solid #ff914d;border-radius:8px;flex-direction:column;gap:.375rem;padding:1rem 1.25rem;display:flex}.payment-detail-line{color:#333;font-size:.85rem;font-weight:500;line-height:1.5}.payment-features{flex-direction:column;gap:.875rem;display:flex}.payment-feature-item{align-items:flex-start;gap:.75rem;display:flex}.payment-feature-icon{color:#fff;background:linear-gradient(135deg,#ff914d 0%,#ff7a33 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.payment-feature-item h3{color:#1a1a1a;margin:0 0 .125rem;font-size:.9rem;font-weight:600}.payment-feature-item p{color:#666;margin:0;font-size:.8rem;line-height:1.4}.payment-instructions{background:#f8f9fa;border-left:3px solid #ff914d;border-radius:8px;padding:1rem 1.25rem}.payment-instructions h3{color:#1a1a1a;margin:0 0 .625rem;font-size:.9rem;font-weight:600}.payment-instructions ol{flex-direction:column;gap:.375rem;margin:0;padding-left:1.125rem;display:flex}.payment-instructions li{color:#555;font-size:.825rem;line-height:1.5}.payment-qr-section{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.payment-qr-container{background:#f8f9fa;border:2px dashed #ff914d4d;border-radius:12px;justify-content:center;align-items:center;padding:1.5rem;display:flex}.payment-qr-image-wrapper{aspect-ratio:1/1.5;width:100%;min-width:280px;max-width:350px;position:relative}.payment-qr-image-v2{object-fit:contain;border-radius:8px;transition:transform .3s}.payment-qr-image-v2:hover{transform:scale(1.02)}.payment-qr-label{color:#ff914d;text-align:center;margin:0;font-size:.9rem;font-weight:600}.payment-no-image{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.payment-no-image svg{opacity:.3;width:80px;height:80px}.payment-no-image p{color:#999;margin:0;font-size:.95rem;font-weight:500}@media (max-width:968px){.payment-content-wrapper{grid-template-columns:1fr;gap:2rem;padding:2rem}.payment-qr-section{order:-1}}@media (max-width:768px){.payment-page{padding:16px}.payment-card-header{padding:2rem 1.5rem 1.5rem}.payment-card-header h1{font-size:1.5rem}.payment-card-header p{font-size:.875rem}.payment-content-wrapper{padding:1.5rem}.payment-info-section h2{font-size:1.25rem}.payment-qr-container{padding:1.5rem}.payment-qr-image{max-width:280px}.payment-instructions{padding:1.25rem}}