.checkout-wrapper{min-height:100vh;padding:140px 20px 80px;background:var(--gradient-hero-mesh),linear-gradient(180deg,#f8fafc 0,#e2e8f0 100%);transition:background .5s ease}[data-theme=dark] .checkout-wrapper{background:var(--gradient-hero-mesh),linear-gradient(180deg,#020617 0,#0a0e1a 100%)}.checkout-container{max-width:1000px;margin:0 auto}.checkout-header{text-align:center;margin-bottom:45px}.checkout-header h1{font-size:2.6rem;font-weight:900;color:var(--gray-800);margin-bottom:12px;font-family:var(--font-tajawal),Tajawal,sans-serif}.checkout-header p{color:var(--gray-500);font-size:1.1rem;font-weight:600}.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}@media (max-width:900px){.checkout-grid{grid-template-columns:1fr;gap:25px}.checkout-header h1{font-size:2.1rem}}.order-card,.payment-card{background:var(--white);border-radius:32px;padding:35px;box-shadow:var(--shadow-neo-card);border:var(--border-neo-thick);transition:all .2s ease;color:var(--gray-900)}[data-theme=dark] .order-card,[data-theme=dark] .payment-card{background:#1e293b;color:#ffffff}.order-card h2,.payment-card h2{font-size:1.5rem;color:var(--primary);margin-bottom:25px;display:flex;align-items:center;gap:10px;font-family:var(--font-tajawal),Tajawal,sans-serif;font-weight:900}.plan-select{margin-bottom:25px}.plan-option{padding:20px;border:var(--border-neo-regular);background:var(--white);border-radius:18px;margin-bottom:14px;cursor:pointer;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .plan-option{background:#0f172a}.plan-option:hover{box-shadow:var(--shadow-neo-pill)}.plan-option.selected,.plan-option:hover{border-color:var(--primary);transform:translateY(-2px)}.plan-option.selected{background:#eff6ff;box-shadow:var(--shadow-neo-btn)}[data-theme=dark] .plan-option.selected{background:#1e3a8a}.plan-option input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.plan-info h3{font-size:1.15rem;color:var(--gray-900);margin-bottom:5px;font-weight:900;font-family:var(--font-tajawal),Tajawal,sans-serif}[data-theme=dark] .plan-info h3{color:#ffffff}.plan-info span{font-size:.92rem;color:var(--gray-600);font-weight:700}[data-theme=dark] .plan-info span{color:#cbd5e1}.plan-price{text-align:left}.plan-price .old-price{font-size:.92rem;color:var(--gray-500);text-decoration:line-through;margin-bottom:2px;font-weight:700}.plan-price .new-price{font-size:1.55rem;font-weight:900;color:var(--primary);font-family:var(--font-tajawal),Tajawal,sans-serif}.plan-price .currency{font-size:.92rem;color:var(--gray-600);font-weight:800}.coupon-section{margin-top:25px;padding-top:25px;border-top:2px dashed var(--border-neo)}.coupon-section h3{font-size:1.05rem;color:var(--gray-900);margin-bottom:15px;display:flex;align-items:center;gap:8px;font-weight:900}[data-theme=dark] .coupon-section h3{color:#ffffff}.coupon-input-group{display:flex;gap:10px}.coupon-input-group input{flex:1;padding:14px 18px;border:var(--border-neo-regular);border-radius:16px;font-size:1rem;font-family:inherit;background:var(--white);color:var(--gray-900);outline:none;transition:all .15s ease;text-align:center;text-transform:uppercase;font-weight:800;letter-spacing:1.5px;box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .coupon-input-group input{background:#0f172a;color:#ffffff}.coupon-input-group input:focus{border-color:var(--primary);box-shadow:var(--shadow-neo-btn);transform:translateY(-2px)}.coupon-btn{padding:14px 24px;background:#16a34a;color:white;border:var(--border-neo-regular);border-radius:16px;font-weight:900;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-neo-btn)}.coupon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-neo-card)}.coupon-btn:active{transform:translateY(4px);box-shadow:none!important}.coupon-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.coupon-remove-btn{padding:14px 20px;background:#ef4444;color:white;border:var(--border-neo-regular);border-radius:16px;font-weight:900;cursor:pointer;transition:all .15s ease;display:none;box-shadow:var(--shadow-neo-btn)}.coupon-remove-btn.show{display:block}.coupon-remove-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-neo-card)}.coupon-message{margin-top:12px;padding:12px 15px;border-radius:14px;font-size:.95rem;font-weight:800;display:none;border:var(--border-neo-regular)}.coupon-message.success{display:block;background:#dcfce7;color:#166534}[data-theme=dark] .coupon-message.success{background:#064e3b;color:#86efac}.coupon-message.error{display:block;background:#fee2e2;color:#991b1b}[data-theme=dark] .coupon-message.error{background:#7f1d1d;color:#fca5a5}.price-summary{margin-top:25px;padding:20px;background:#f8fafc;border-radius:20px;border:var(--border-neo-regular);box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .price-summary{background:#0f172a}.price-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1rem;color:var(--gray-700);font-weight:700}[data-theme=dark] .price-row{color:#cbd5e1}.price-row.discount{color:#16a34a}.price-row.total{padding-top:15px;border-top:2px solid var(--border-neo);font-size:1.35rem;font-weight:900;color:var(--primary);font-family:var(--font-tajawal),Tajawal,sans-serif}.checkout-form-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:10px}.checkout-form-grid-full{grid-column:span 1}@media (max-width:768px){.checkout-form-grid{grid-template-columns:1fr;gap:15px}.checkout-form-grid-full{grid-column:span 1}}.gender-selector{display:flex;gap:12px;width:100%}.gender-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:var(--border-neo-regular);border-radius:16px;cursor:pointer;font-weight:900;transition:all .15s ease;background:var(--white);color:var(--gray-800);user-select:none;font-size:.95rem;box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .gender-option{background:#0f172a;color:#ffffff}.gender-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-neo-pill)}.gender-option.active{border-color:var(--primary);background:#eff6ff;color:var(--primary);box-shadow:var(--shadow-neo-btn);transform:translateY(-2px)}[data-theme=dark] .gender-option.active{background:#1e3a8a;color:#93c5fd}.birthdate-select-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.birthdate-select-wrapper{position:relative;width:100%}.birthdate-select{width:100%;padding:14px 18px;border:var(--border-neo-regular);border-radius:16px;font-size:1rem;transition:all .15s ease;font-family:inherit;background:var(--white);color:var(--gray-900);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-inline-end:35px;text-align:right;direction:rtl;font-weight:700;box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .birthdate-select{background:#0f172a;color:#ffffff}.birthdate-select:focus{border-color:var(--primary);box-shadow:var(--shadow-neo-btn);transform:translateY(-2px)}.birthdate-select-wrapper:after{content:"▼";font-size:.65rem;position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-600)}.form-group{margin-bottom:24px;text-align:right}.form-group label{display:block;margin-bottom:8px;font-weight:800;color:var(--gray-900);font-size:.95rem}[data-theme=dark] .form-group label{color:#ffffff}.form-group input{width:100%;padding:14px 18px;border:var(--border-neo-regular);border-radius:16px;font-size:1rem;transition:all .15s ease;font-family:inherit;background:var(--white);color:var(--gray-900);font-weight:700;outline:none;box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .form-group input{background:#0f172a;color:#ffffff}.form-group input:focus{border-color:var(--primary);box-shadow:var(--shadow-neo-btn);transform:translateY(-2px)}.payment-methods{margin:25px 0}.payment-methods h3{font-size:1.05rem;color:var(--gray-900);margin-bottom:15px;font-weight:900}[data-theme=dark] .payment-methods h3{color:#ffffff}.payment-icons{display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:#f8fafc;border-radius:18px;border:var(--border-neo-regular);box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .payment-icons{background:#0f172a}.payment-icon{padding:8px 16px;background:var(--white);border-radius:12px;font-size:.88rem;color:var(--gray-800);border:var(--border-neo-regular);font-weight:800;transition:all .15s ease;cursor:default;box-shadow:var(--shadow-neo-sm)}[data-theme=dark] .payment-icon{background:#1e293b;color:#ffffff}.payment-icon:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-neo-pill)}.pay-btn{width:100%;padding:18px;background:var(--primary-gradient);color:white;border:var(--border-neo-thick);border-radius:20px;font-size:1.25rem;font-weight:900;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;box-shadow:var(--shadow-neo-btn);font-family:var(--font-tajawal),Tajawal,sans-serif}.pay-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-neo-card)}.pay-btn:active{transform:translateY(6px);box-shadow:none!important}.pay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.trust-badges{display:flex;justify-content:space-between;gap:10px;margin-top:25px;padding-top:20px;border-top:2px solid var(--border-neo)}.trust-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--gray-600);font-size:.85rem;font-weight:800;flex:1;text-align:center}[data-theme=dark] .trust-item{color:#cbd5e1}.trust-icon{font-size:1.4rem}.back-link{text-align:center;margin-top:30px}.back-link a{color:var(--gray-600);text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}[data-theme=dark] .back-link a{color:#cbd5e1}.back-link a:hover{color:var(--primary);transform:translateX(4px)}.checkout-toast{position:fixed;top:100px;left:50%;transform:translateX(-50%) translateY(-20px);z-index:99999;min-width:340px;max-width:520px;width:90%;padding:20px 28px;border-radius:24px;font-size:1rem;font-weight:800;line-height:1.7;text-align:center;box-shadow:var(--shadow-neo-card);border:var(--border-neo-thick);animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.checkout-toast.error{background:linear-gradient(135deg,rgba(239,68,68,.9),rgba(185,28,28,.9));color:white}.checkout-toast.success{background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(5,150,105,.9));color:white}.checkout-toast .toast-close{position:absolute;top:12px;left:14px;background:rgba(255,255,255,.2);border:none;color:white;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:background .2s;font-weight:700}.checkout-toast .toast-close:hover{background:rgba(255,255,255,.35)}.checkout-toast .toast-whatsapp{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 20px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:50px;color:white;text-decoration:none;font-size:.88rem;font-weight:800;transition:all .3s ease}.checkout-toast .toast-whatsapp:hover{background:rgba(255,255,255,.35);transform:translateY(-2px)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-40px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.loading-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;align-items:center;justify-content:center;flex-direction:column}.loading-overlay.active{display:flex}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.15);border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{margin-top:20px;font-size:1.25rem;color:white;font-weight:800;font-family:var(--font-tajawal),Tajawal,sans-serif}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.8);z-index:9998;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.login-overlay-content{background:var(--white);padding:50px 40px;border-radius:28px;text-align:center;max-width:460px;width:90%;box-shadow:var(--shadow-2xl);animation:popIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--glass-border);color:var(--gray-800)}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-overlay-icon{font-size:3.5rem;margin-bottom:20px}.login-overlay h2{font-size:1.8rem;color:var(--primary);margin-bottom:15px;font-weight:800;font-family:var(--font-tajawal),Tajawal,sans-serif}.login-overlay p{color:var(--gray-500);font-size:1.05rem;margin-bottom:30px;line-height:1.7;font-weight:600}.login-overlay .btn-login{display:inline-block;width:100%;padding:16px 30px;background:var(--primary-gradient);color:white;text-decoration:none;border-radius:16px;font-size:1.05rem;font-weight:800;transition:all .3s ease;box-shadow:var(--shadow-primary);border:2px solid rgba(255,255,255,.15)}.login-overlay .btn-login:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.checkout-social-buttons{width:100%;display:flex;flex-direction:column;gap:12px;margin:20px 0 16px}.btn-checkout-social{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:16px;font-size:1rem;font-weight:800;cursor:pointer;border:2px solid #000000;box-shadow:0 4px 0 #000000;transition:all .2s cubic-bezier(.2,.8,.2,1);text-decoration:none;user-select:none;box-sizing:border-box}.btn-checkout-social:hover{transform:translateY(-2px);box-shadow:0 6px 0 #000000}.btn-checkout-social:active{transform:translateY(2px);box-shadow:0 1px 0 #000000}.btn-checkout-google{background:#ffffff;color:#0f172a}.btn-checkout-facebook{background:#1877F2;color:#ffffff;border-color:#0c63d4}.btn-checkout-discord{background:#5865F2;color:#ffffff;border-color:#4752c4}.btn-checkout-github{background:#24292e;color:#ffffff;border-color:rgba(255,255,255,.2)}.login-overlay .login-note{margin-top:15px;font-size:.88rem;color:var(--gray-400);font-weight:600}.manual-payment-box{margin-top:18px;margin-bottom:22px;padding:16px 18px;border-radius:16px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);direction:rtl}.manual-pay-header{margin-bottom:10px}.manual-pay-badge{display:inline-block;font-size:.8rem;font-weight:800;color:#16a34a;background:rgba(34,197,94,.15);padding:3px 10px;border-radius:6px;margin-bottom:4px}.manual-pay-header p{font-size:.84rem;color:var(--gray-600);margin:0;font-weight:600}[data-theme=dark] .manual-pay-header p{color:#94a3b8}.manual-pay-wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:12px;background:#22c55e;color:#ffffff;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .2s;box-shadow:0 4px 15px rgba(34,197,94,.3)}.manual-pay-wa-btn:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 6px 20px rgba(34,197,94,.4)}