.rtl{direction:rtl!important;text-align:right!important;unicode-bidi:isolate;display:inline-block}.ltr{direction:ltr!important;text-align:left!important;unicode-bidi:isolate;display:inline-block}.visa-card{border:none;border-radius:20px;box-shadow:0 10px 30px #0003;transition:all .3s ease;position:relative;overflow:hidden;min-height:280px}.visa-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.card-pattern{position:absolute;top:0;right:0;width:100%;height:100%;opacity:.1;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}.visa-text{font-family:Arial Black,Arial,sans-serif;font-size:24px;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card-chip{width:45px;height:35px}.chip{width:100%;height:100%;background:linear-gradient(135deg,gold,#ffed4e,gold);border-radius:6px;position:relative;box-shadow:inset 0 2px 4px #0003}.chip:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,#e6c200,gold);border-radius:3px}.chip:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:15px;background:repeating-linear-gradient(0deg,#d4af37,#d4af37 1px,gold 1px,gold 2px);border-radius:2px}.mastercard-circles{display:flex;align-items:center}.mastercard-circles .circle{width:24px;height:24px;border-radius:50%;margin-right:-8px}.mastercard-circles .circle.red{background-color:#eb001b;z-index:1}.mastercard-circles .circle.yellow{background-color:#ff5f00;z-index:2}.gradient-1{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-4{background:linear-gradient(135deg,#2c3e50,#34495e)}.card-number h4{letter-spacing:3px;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.visa-card .btn-outline-light{border-color:#ffffff4d;color:#ffffffe6;font-size:.8rem;padding:.25rem .5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visa-card .btn-outline-light:hover{background-color:#fff3;border-color:#ffffff80;color:#fff;transform:translateY(-1px)}.add-card{border:2px dashed #dee2e6;background-color:#f8f9fa;transition:all .3s ease}.add-card:hover{border-color:#007bff;background-color:#e3f2fd;transform:translateY(-5px);box-shadow:0 10px 25px #007bff1a}.border-dashed{border-style:dashed!important}.visa-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0}.visa-card:hover:before{animation:shine .6s ease-in-out}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}@media (max-width: 768px){.visa-card{margin-bottom:1rem;min-height:250px}.card-number h4{font-size:1.1rem;letter-spacing:2px}.btn-group .btn{font-size:.7rem;padding:.2rem .4rem}.visa-text{font-size:20px}}@media (max-width: 576px){.visa-card .card-body{padding:1.5rem!important}.card-number h4{font-size:1rem;letter-spacing:1px}.visa-text{font-size:18px}}[dir=rtl] .card-number h4{direction:ltr;text-align:right}.badge{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #007bffb3}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 #007bff00}}.visa-card:hover{box-shadow:0 20px 40px #0000004d,0 0 20px #ffffff1a}