.checkout-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.checkout-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;max-width:500px;width:100%;text-align:center}.checkout-card h1{font-size:32px;color:#1f2937;margin-bottom:10px}.subtitle{color:#6b7280;font-size:16px;margin-bottom:30px}.pricing-box{background:#f3f4f6;border-radius:8px;padding:30px;margin:30px 0;border:2px solid #e5e7eb}.price{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-bottom:10px}.currency{font-size:20px;color:#667eea;font-weight:600}.amount{font-size:48px;color:#1f2937;font-weight:700}.period{font-size:14px;color:#6b7280;margin-left:10px}.price-note{color:#9ca3af;font-size:14px;margin:0}.features{list-style:none;padding:0;margin:30px 0;text-align:left}.features li{padding:12px 0;color:#374151;border-bottom:1px solid #f3f4f6;font-size:15px}.features li:last-child{border-bottom:none}.error-message{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.success-message{background:#dcfce7;color:#166534;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.pay-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.pay-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.pay-button:disabled{opacity:.6;cursor:not-allowed}.secure-note{color:#9ca3af;font-size:13px;margin-top:20px}@media (max-width: 640px){.checkout-card{padding:24px}.checkout-card h1{font-size:24px}.amount{font-size:36px}.pricing-box{padding:20px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0c14;--bg-secondary: #0f1220;--bg-card: #131929;--bg-card-hover: #171f33;--bg-input: #0d1221;--border: #1e2a42;--border-light: #253348;--text-primary: #e8ecf4;--text-secondary: #7a8aaa;--text-muted: #4a5870;--accent: #6c63ff;--accent-light: #8b84ff;--accent-dim: rgba(108, 99, 255, .15);--risk-green: #10b981;--risk-green-bg: rgba(16, 185, 129, .1);--risk-yellow: #f59e0b;--risk-yellow-bg: rgba(245, 158, 11, .1);--risk-red: #ef4444;--risk-red-bg: rgba(239, 68, 68, .1);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 48px rgba(0,0,0,.6)}html,body{height:100%;font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}#root{min-height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-body);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}.animate-fadeIn{animation:fadeIn .3s ease forwards}.page{min-height:100vh;display:flex;flex-direction:column}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge-green{background:var(--risk-green-bg);color:var(--risk-green)}.badge-yellow{background:var(--risk-yellow-bg);color:var(--risk-yellow)}.badge-red{background:var(--risk-red-bg);color:var(--risk-red)}.badge-purple{background:var(--accent-dim);color:var(--accent-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-light)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 14px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.input-field{width:100%;padding:11px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--text-muted)}.form-label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.form-error{font-size:12px;color:var(--risk-red);margin-top:5px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.divider{height:1px;background:var(--border);margin:20px 0}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.react-hot-toast{font-family:var(--font-body)!important}