.checkout-page{min-height:100vh;background:linear-gradient(180deg,#f8f9fa,#e8ecf1);padding-bottom:48px}.checkout-header{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:32px 24px;text-align:center;margin-bottom:32px}.checkout-header-logo{font-size:1.5rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.checkout-header-tagline{opacity:.9;font-size:.875rem}.checkout-header-timer{margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border-radius:20px;font-size:.875rem}.checkout-header-timer.warning{background:#ffc1074d}.checkout-header-timer.danger{background:#f443364d}.payment-provider-card{cursor:pointer;transition:all .3s ease;border:2px solid transparent}.payment-provider-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.payment-provider-card.selected{border-color:#1976d2;background:#d6e8fa}.payment-provider-card .provider-logo{height:40px;object-fit:contain}.payment-provider-card .provider-name{font-weight:600;margin-top:8px}.address-form .address-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.address-form .address-grid{grid-template-columns:1fr}}.address-form .address-grid .full-width{grid-column:1/-1}.order-items .order-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #e0e0e0}.order-items .order-item:last-child{border-bottom:none}.order-items .order-item-image{width:80px;height:80px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center}.order-items .order-item-image img{max-width:100%;max-height:100%;object-fit:contain}.order-items .order-item-image .placeholder-icon{color:#999;font-size:32px}.order-items .order-item-details{flex:1}.order-items .order-item-details h4{font-weight:600;margin-bottom:4px}.order-items .order-item-details .item-type{color:#666;font-size:.75rem;text-transform:uppercase;margin-bottom:4px}.order-items .order-item-details .item-quantity{color:#666;font-size:.875rem}.order-items .order-item-price{text-align:right;font-weight:600;font-size:1.125rem}.dummy-payment-form .card-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.dummy-payment-form .card-preview:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%)}.dummy-payment-form .card-preview .card-chip{width:50px;height:40px;background:linear-gradient(135deg,gold,#ffb700);border-radius:8px;margin-bottom:24px}.dummy-payment-form .card-preview .card-number{font-size:1.5rem;letter-spacing:4px;margin-bottom:24px;font-family:monospace}.dummy-payment-form .card-preview .card-info{display:flex;justify-content:space-between}.dummy-payment-form .card-preview .card-info .card-holder label,.dummy-payment-form .card-preview .card-info .card-expiry label{font-size:.625rem;text-transform:uppercase;opacity:.8;display:block;margin-bottom:4px}.dummy-payment-form .card-preview .card-info .card-holder span,.dummy-payment-form .card-preview .card-info .card-expiry span{font-size:.875rem}.dummy-payment-form .test-cards-info{background:#bae6fe;border:1px solid rgb(110.3838862559,203.1042654028,253.6161137441);border-radius:8px;padding:16px;margin-top:24px}.dummy-payment-form .test-cards-info h4{color:#0288d1;font-size:.875rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}.dummy-payment-form .test-cards-info .test-card{font-family:monospace;font-size:.875rem;padding:4px 0;color:#1a1a2e}.confirmation-page{max-width:600px;margin:0 auto;padding:48px 24px}.confirmation-page .confirmation-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;padding:48px 32px}.confirmation-page .confirmation-card .checkmark{width:100px;height:100px;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.confirmation-page .confirmation-card .checkmark svg{font-size:48px;color:#fff}.confirmation-page .confirmation-card h1{font-size:1.75rem;margin-bottom:8px}.confirmation-page .confirmation-card .transaction-id{color:#666;margin-bottom:32px}.confirmation-page .order-details{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;margin-top:24px}.checkout-stepper{margin-bottom:32px}.checkout-stepper .step{display:flex;align-items:center;gap:12px}.checkout-stepper .step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:#e0e0e0;color:#666;transition:all .3s ease}.checkout-stepper .step-number.active{background:#1976d2;color:#fff}.checkout-stepper .step-number.completed{background:#2e7d32;color:#fff}.checkout-stepper .step-label{font-weight:500}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a2e;background-color:#f8f9fa;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#1976d2;transition:color .15s ease}a:hover{color:#145ca4}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}@media(max-width:768px){.main-content{padding:16px}}.page-header{margin-bottom:32px;text-align:center}.page-header h1{font-size:2rem;font-weight:700;color:#1a1a2e;margin-bottom:8px}.page-header p{color:#666;font-size:1rem}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;margin-bottom:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.card-header h2{font-size:1.25rem;font-weight:600}.card-body{padding:0}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge--pending{background:#fecca3;color:#ed6c02}.status-badge--processing{background:#a1ddfe;color:#0288d1}.status-badge--completed{background:#c2e8c4;color:#2e7d32}.status-badge--failed{background:#f2c2c2;color:#d32f2f}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:16px}.loading-text{color:#666;font-size:.875rem}.error-state{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-direction:column;gap:16px;text-align:center;padding:48px;min-height:300px}.error-state .error-icon{font-size:64px;color:#d32f2f}.error-state h3{font-size:1.5rem;color:#1a1a2e}.error-state p{color:#666;max-width:400px}.success-state{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-direction:column;gap:16px;text-align:center;padding:48px}.success-state .success-icon{font-size:80px;color:#2e7d32}.success-state h2{font-size:1.75rem;color:#1a1a2e}.success-state p{color:#666;max-width:400px}.form-section{margin-bottom:32px}.form-section-title{font-size:1.125rem;font-weight:600;margin-bottom:16px;color:#1a1a2e}.price-summary{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;background:#f8f9fa}.price-summary-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0}.price-summary-row:last-child{border-bottom:none}.price-summary-row.total{font-size:1.25rem;font-weight:700;padding-top:16px;margin-top:8px;border-top:2px solid #e0e0e0}.price-summary-label{color:#666}.price-summary-value{font-weight:600}.payment-methods .payment-tab{display:flex;align-items:center;gap:8px}.payment-methods .payment-tab img{height:24px}.checkout-url{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;padding:32px;background:linear-gradient(135deg,#f8f9fa,#e8f4fd)}.checkout-url-label{color:#666;font-size:.875rem;margin-bottom:12px}.checkout-url-value{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:2px dashed #1976d2;word-break:break-all;font-family:monospace;font-size:.875rem;color:#1976d2}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:24px}@media(max-width:968px){.checkout-grid{grid-template-columns:1fr}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}