.extra-credits-layout{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.extra-credits-nav{background:rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:1rem 0}.extra-credits-nav .navbar-brand{color:white !important;font-weight:600;text-decoration:none;transition:all 0.3s ease}.extra-credits-nav .navbar-brand:hover{color:rgba(255,255,255,0.8) !important;transform:translateX(-2px)}.extra-credits-nav .nav-link{color:white !important;font-weight:500}.extra-credits-nav .dropdown-menu{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.1)}.extra-credits-nav .dropdown-item{color:#333 !important;font-weight:500;transition:all 0.3s ease}.extra-credits-nav .dropdown-item:hover{background:rgba(102,126,234,0.1);color:#667eea !important}.extra-credits-main{flex:1;padding:2rem 0}.extra-credits-card{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.3s ease}.extra-credits-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,0.15)}.extra-credits-card .card-header{background:transparent;border-bottom:1px solid rgba(0,0,0,0.05);padding:1.5rem}.extra-credits-card .card-body{padding:1.5rem}.package-card{cursor:pointer;transition:all 0.3s ease;border:2px solid rgba(102,126,234,0.2);border-radius:12px;background:white;height:100%;position:relative;overflow:hidden}.package-card:hover{border-color:rgba(255,255,255,0.3);background:linear-gradient(135deg, rgba(102,126,234,0.15) 0%, rgba(118,75,162,0.15) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-3px);box-shadow:0 12px 30px rgba(102,126,234,0.25)}.package-card:hover .fa-coins{color:#667eea !important;transform:scale(1.1)}.package-card:hover .card-title{color:#667eea !important}.package-card:hover .price-display span{color:#667eea !important}.package-card:hover .price-breakdown{background:rgba(102,126,234,0.1);border-color:rgba(102,126,234,0.2)}.package-card.selected{border-color:#667eea;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;transform:translateY(-6px);box-shadow:0 12px 30px rgba(102,126,234,0.3)}.package-card .card-body{padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;justify-content:space-between;height:100%}.package-card .card-body>div:last-child{margin-top:auto}.package-card .fa-coins{transition:all 0.3s ease}.package-card .package-description{margin-bottom:1rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.package-card:hover .fa-coins{transform:scale(1.1)}.package-card.selected .fa-coins{transform:scale(1.1);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(1.2)}100%{transform:scale(1.1)}}.price-display{margin:1rem 0}.price-display .h3,.price-display .h4{font-weight:700;margin:0}.price-breakdown{font-size:0.85rem;margin-top:0.5rem;padding:0.5rem;background:rgba(248,249,250,0.8);border-radius:6px;border:1px solid rgba(0,0,0,0.05);min-height:2.5rem;display:flex;flex-direction:column;justify-content:center}.price-breakdown .base-price{color:#6c757d}.price-breakdown .discount-info{font-weight:600}.stats-card{text-align:center;padding:2rem 1rem;border-radius:12px;background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;height:100%}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}.stats-card .fa-3x{margin-bottom:1rem;opacity:0.8}.stats-card h3{font-weight:700;margin:0.5rem 0}.stats-card p{margin:0;font-size:0.9rem;opacity:0.7}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.buy-now-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(102,126,234,0.95) 0%, rgba(118,75,162,0.95) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.package-card:hover .buy-now-overlay{opacity:1}.buy-now-overlay .btn{transform:scale(0.9);transition:all 0.3s ease;background:white;color:#667eea;border:2px solid white;font-weight:600;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.buy-now-overlay .btn:hover{transform:scale(1);background:#667eea;color:white;border-color:#667eea}.form-control-extra-credits{border:2px solid rgba(0,0,0,0.1);border-radius:8px;padding:0.75rem 1rem;font-size:1rem;transition:all 0.3s ease;text-align:center;font-weight:600}.form-control-extra-credits:focus{border-color:#667eea;box-shadow:0 0 0 0.2rem rgba(102,126,234,0.25)}.custom-package-card{background:linear-gradient(135deg, rgba(102,126,234,0.05) 0%, rgba(118,75,162,0.05) 100%);border:2px solid rgba(102,126,234,0.2);border-radius:12px;padding:2rem;transition:all 0.3s ease}.custom-package-card:hover{border-color:#667eea;background:linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,0.15)}.custom-amount-controls .input-group .form-control{border:2px solid rgba(102,126,234,0.3);font-weight:600;font-size:1.1rem}.custom-amount-controls .input-group .btn{border:2px solid rgba(102,126,234,0.3);color:#667eea;font-weight:600}.custom-amount-controls .input-group .btn:hover{background:#667eea;color:white;border-color:#667eea}.custom-amount-controls .btn-sm{margin:0 2px;border:1px solid rgba(102,126,234,0.3);color:#667eea;font-weight:600}.custom-amount-controls .btn-sm:hover{background:#667eea;color:white;border-color:#667eea}.custom-pricing-info .price-breakdown{font-size:0.85rem;padding:0.5rem;background:rgba(248,249,250,0.8);border-radius:6px;border:1px solid rgba(0,0,0,0.05);min-height:2.5rem;display:flex;flex-direction:column;justify-content:center}.table-extra-credits{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.table-extra-credits thead th{background:#f8f9fa;border:none;font-weight:600;color:#495057;padding:1rem}.table-extra-credits tbody td{border:none;padding:1rem;vertical-align:middle}.table-extra-credits tbody tr:hover{background:rgba(102,126,234,0.05)}.badge-extra-credits{padding:0.5rem 1rem;border-radius:20px;font-weight:600;font-size:0.8rem}.pricing-comparison-item{padding:1rem;border-radius:8px;margin-bottom:0.5rem;transition:all 0.3s ease;background:rgba(248,249,250,0.8);border:1px solid rgba(0,0,0,0.05)}.pricing-comparison-item:hover{background:rgba(102,126,234,0.05);border-color:rgba(102,126,234,0.2)}.pricing-comparison-item.current-tier{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-color:#667eea}.pricing-comparison-item.unavailable-tier{background:rgba(220,220,220,0.3);border-color:rgba(200,200,200,0.5);opacity:0.6}.pricing-comparison-item.unavailable-tier:hover{background:rgba(220,220,220,0.4);border-color:rgba(200,200,200,0.6);transform:none}.extra-credits-footer{background:rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,0.1);padding:1.5rem 0;margin-top:3rem}.extra-credits-footer p{margin:0;font-size:0.9rem}@media (max-width: 768px){.extra-credits-main{padding:1rem 0}.package-card .card-body{padding:1.5rem 1rem}.stats-card{padding:1.5rem 1rem}.extra-credits-card .card-header,.extra-credits-card .card-body{padding:1rem}}.text-primary-extra-credits{color:#667eea !important}.text-success-extra-credits{color:#28a745 !important}.text-warning-extra-credits{color:#ffc107 !important}.text-info-extra-credits{color:#17a2b8 !important}.text-dark-extra-credits{color:#343a40 !important}.text-muted-extra-credits{color:#6c757d !important}.extra-credits-card h1,.extra-credits-card h2,.extra-credits-card h3,.extra-credits-card h4,.extra-credits-card h5,.extra-credits-card h6{color:#343a40 !important}.extra-credits-card p,.extra-credits-card span,.extra-credits-card div{color:#495057 !important}.extra-credits-card .text-muted{color:#6c757d !important}.package-card:not(.selected) h5,.package-card:not(.selected) .card-title{color:#343a40 !important}.package-card:not(.selected) .text-muted{color:#6c757d !important}.package-card.selected h5,.package-card.selected .card-title{color:white !important}.package-card.selected .text-light{color:rgba(255,255,255,0.8) !important}