@tailwind base;@tailwind components;@tailwind utilities;@layer components{.bg-bg-card{background-color:transparent;background-image:linear-gradient(180deg,#ffffff26,#ffffff0d);@apply backdrop-blur-xl border border-white/20 shadow-2xl;}.gradient-text{background:linear-gradient(135deg,#f5009b,#7a00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.white-card,.form-card,.balance-card,.order-summary,.payment-methods-card,.transactions-card{background-color:#fff!important;border-radius:24px;padding:24px;box-shadow:0 8px 32px #00000026}@media (max-width: 768px){.white-card,.form-card,.balance-card,.order-summary,.payment-methods-card,.transactions-card{padding:20px!important;border-radius:16px!important}}.package-card{background-color:#fff!important;border-radius:20px;padding:28px;box-shadow:0 8px 32px #0000001f;transition:all .3s ease}.package-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #7a00ff33}@media (max-width: 768px){.package-card{padding:20px}}.form-input,.input-light,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],select,textarea{background-color:#f5f5f7!important;border:2px solid #e0e0e0!important;border-radius:12px!important;padding:16px!important;color:#1a1a2e!important;font-size:16px!important;width:100%;opacity:1!important;transition:all .2s ease-in-out}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7a00ff;width:20px;height:20px;z-index:10;pointer-events:none}.input-with-icon input{padding-left:48px!important}input[type=checkbox]{width:auto!important;height:auto!important;background-color:transparent!important;border:none!important;padding:0!important}input.toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.5rem!important;height:1.5rem!important}.form-input::placeholder,input::placeholder,textarea::placeholder{color:#888!important;opacity:1!important}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:#7a00ff!important;background-color:#fff!important;box-shadow:0 0 0 4px #7a00ff26!important;outline:none!important}.form-label,label,.label-light{color:#333!important;font-weight:600;font-size:14px;margin-bottom:8px;display:block}.category-tab{background:#fff;border:2px solid #e0e0e0;border-radius:24px;padding:10px 20px;color:#333;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab:hover{border-color:#d1d5db;background:#f9fafb}.category-tab.active{border-color:#7a00ff;background:#faf5ff;color:#7a00ff}.secure-checkout-badge{background:#d1fae5!important;color:#059669!important;padding:14px 20px;border-radius:12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0}.btn-primary,.make-payment-btn,.proceed-btn,.submit-btn{background:linear-gradient(135deg,#f5009b,#7a00ff)!important;color:#fff!important;border:none!important;border-radius:12px;padding:16px 32px;font-weight:700!important;font-size:16px;cursor:pointer;opacity:1!important;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #7a00ff33}.btn-primary:hover,.make-payment-btn:hover,.proceed-btn:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7a00ff66;filter:brightness(1.1)}.btn-primary:disabled{opacity:.6!important;filter:grayscale(.5);cursor:not-allowed;transform:none}.btn-secondary,.history-btn{background-color:#fff!important;border:2px solid #e0e0e0!important;color:#333!important;border-radius:12px;padding:14px 28px;font-weight:600!important;opacity:1!important;transition:all .2s ease}.btn-secondary:hover,.history-btn:hover{border-color:#7a00ff!important;color:#7a00ff!important;background-color:#faf5ff!important}.nav-card-active{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f5009b,#7a00ff) border-box}@media (max-width: 768px){.responsive-table thead{display:none}.responsive-table tbody{display:flex;flex-direction:column;gap:12px}.responsive-table tr{display:flex;flex-wrap:wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.responsive-table td{border:none!important;padding:4px 0!important;display:block}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}}body{background-color:#0a0a0a;color:#f3f3f3;font-family:Unbounded,sans-serif}