@font-face{font-family:Vazirmatn;src:url(static/fonts/vazirmatn/Vazirmatn-VariableFont_wght.ttf)}*{font-family:'Vazirmatn',sans-serif;user-select:none}.card{width:760px;height:400px;background:linear-gradient(82deg,#0d7fbc,#72aba0);border-radius:1.5em;padding:2.5em;position:relative;overflow:hidden;margin:0 auto;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgb(255 255 255 / .1);box-shadow:0 8px 32px rgba(0,0,.2);transform-style:preserve-3d;transition:all 0.3s ease;perspective:1000px}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,.3)}@media (max-width:768px){.card{width:95%;height:auto;aspect-ratio:1.9;padding:1.5em}.card:hover{transform:none;box-shadow:0 8px 32px rgb(0 0 0 / .2)}.bank-name{font-size:2.5em}.card-number{font-size:3.5em}.card-holder{font-size:2.5em}.shaba-number{font-size:2em}.card-promotion{font-size:1.8em}input[type="text"]{font-size:2.5em;padding:.7em}input#cardHolderInput{font-size:2.5em}.card-number-input{font-size:2.5em}input#cardHolderInput{font-size:2.5em}input.shaba-check-digits,input.shaba-input{font-size:2em;padding:.7em}.shaba-prefix-fixed{font-size:2em;padding:.7em}a#change-background-button{font-size:1.8em;padding:1.2em 2.5em}button#downloadButton{font-size:2em;padding:1.2em 2.5em;width:auto;white-space:nowrap}.bottom-content{width:95%}.bottom-content h1{font-size:2.5em}.bottom-content p{font-size:1.8em}.promo-details{padding:30px}.promo-header h3{font-size:2.2em}.promo-details p{font-size:1.8em}.promo-cta{font-size:1.8em;padding:20px 35px}.offer-badge{font-size:1.9em}.promo-header h3{font-size:2em}.promo-details p{font-size:1.6em}.promo-cta{font-size:2.1em}#qrcode img{max-width:150px;max-height:150px}.qr-toggle-label{font-size:1.4em}.qr-toggle-switch{width:70px;height:35px}.qr-toggle-slider{width:31px;height:31px}.qr-toggle-switch.active .qr-toggle-slider{transform:translateX(35px)}.button-row{flex-direction:column;gap:10px}.qr-toggle-label,.shaba-toggle-label{font-size:1.4em}.qr-toggle-switch,.shaba-toggle-switch{width:60px;height:30px}.qr-toggle-slider,.shaba-toggle-slider{width:26px;height:26px}.qr-toggle-switch.active .qr-toggle-slider{transform:translateX(30px)}.shaba-toggle-switch.active .shaba-toggle-slider{transform:translateX(30px)}.toggle-group{flex-direction:column;gap:15px}.shaba-prefix-fixed{font-size:2.2em}input.shaba-check-digits,input.shaba-input{font-size:2.2em}.shaba-toggle-label{font-size:1.4em}}.card::before{content:"";position:absolute;top:-50%;left:-50%;width:100%;height:100%;background:linear-gradient(120deg,#fff0 0%,rgb(255 255 255 / .1) 30%,rgb(255 255 255 / .4) 50%,rgb(255 255 255 / .1) 70%,#fff0 100%);transform:rotate(25deg);pointer-events:none;animation:shine 8s infinite linear;opacity:.6}@keyframes shine{0%{transform:rotate(25deg) translateX(-100%)}100%{transform:rotate(25deg) translateX(300%)}}.background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#222,#333);opacity:.8;z-index:-1}.card-content{position:relative;z-index:1;color:#fff;height:100%}.bank-logo{position:absolute;top:0;right:0}img#bankLogo{max-width:10em;max-height:10em;background:#fff;padding:1em;border-radius:1em;box-shadow:0 4px 20px rgba(0,.3)}a#change-background-button{text-decoration:none;font-size:1.2em;margin-bottom:1.5em;padding:.8em 1.5em;background:linear-gradient(45deg,#6a11cb,#2575fc);color:#fff;border-radius:30px;box-shadow:0 4px 15px rgba(0,0,.2);transition:all 0.3s ease;display:inline-block;font-weight:700}a#change-background-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,.3);background:linear-gradient(45deg,#2575fc,#6a11cb)}a#change-background-button:active{transform:translateY(0);box-shadow:0 2px 10px rgba(0,.2)}.button-row{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.toggle-group{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}.qr-toggle-container,.shaba-toggle-container{display:flex;align-items:center;margin:0;gap:8px}.qr-toggle-label,.shaba-toggle-label{font-size:1em;font-weight:700;white-space:nowrap}.qr-toggle-switch,.shaba-toggle-switch{width:50px;height:25px}.qr-toggle-slider,.shaba-toggle-slider{width:21px;height:21px}.qr-toggle-switch.active .qr-toggle-slider{transform:translateX(25px)}.shaba-toggle-switch.active .shaba-toggle-slider{transform:translateX(25px)}.bank-name{margin-bottom:.8em;font-size:2em;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.card-number{font-size:3em;font-weight:700;text-shadow:0 1px 2px rgba(0,.3);letter-spacing:2px;margin:.2em 0}.card-details{position:absolute;top:0;left:0;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;direction:ltr}.card-holder{font-size:2em;font-weight:700;margin-bottom:.5em;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.shaba-number{font-size:1.5em;font-weight:700;margin-bottom:.5em;direction:ltr;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.card-promotion{font-size:1.5em;color:#fff;position:absolute;bottom:.5em;left:50%;transform:translateX(-50%);text-align:center;direction:rtl;text-shadow:0 1px 2px rgb(0 0 0 / .3);width:100%}.input-section{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:20px;flex-wrap:nowrap;align-items:center}input{text-align:center}input#cardHolderInput{width:12em}input[type="text"]{width:4.5em;padding:.5em;margin-bottom:.5em;font-size:2em;font-weight:700;border:none;border-bottom:1px solid #000}button{margin-top:10px;cursor:pointer}button#downloadButton{border:none;padding:1em 2em;background:linear-gradient(45deg,#00b09b,#96c93d);color:#fff;border-radius:10px;width:auto;font-size:1.5em;font-weight:700;box-shadow:0 4px 15px rgb(0 0 0 / .2);transition:all 0.3s ease;cursor:pointer;white-space:nowrap}button#downloadButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .3);background:linear-gradient(45deg,#96c93d,#00b09b)}button#downloadButton:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px rgb(0 0 0 / .2)}#downloadButton[disabled]{opacity:.5;cursor:not-allowed}#qrcode{position:absolute;bottom:20px;right:10px}#qrcode img{max-width:120px;max-height:120px;padding:.3em;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .2)}.bottom-content{width:80%;margin:0 auto;text-align:right}p#disclamer{color:red}p,h1,h2,h3,button{direction:rtl}.shaba-section{margin:15px 0;width:100%;display:flex;flex-direction:column;align-items:center}.shaba-checkbox-container{display:flex;align-items:center;cursor:pointer;margin-bottom:10px}.shaba-checkbox-label{margin-right:8px;font-size:1.2em;font-weight:700}.shaba-toggle-container{display:flex;align-items:center;justify-content:center;margin-bottom:10px;gap:10px}.shaba-toggle-label{font-size:1.2em;font-weight:700}.shaba-toggle-switch{width:60px;height:30px;background-color:#ccc;border-radius:15px;position:relative;cursor:pointer;transition:background-color 0.3s}.shaba-toggle-switch.active{background-color:#4CAF50}.shaba-toggle-slider{position:absolute;top:2px;left:2px;width:26px;height:26px;background-color:#fff;border-radius:50%;transition:transform 0.3s}.shaba-toggle-switch.active .shaba-toggle-slider{transform:translateX(30px)}.qr-toggle-container{display:flex;align-items:center;justify-content:center;margin:10px 0;gap:10px}.qr-toggle-label{font-size:1.2em;font-weight:700}.qr-toggle-switch{width:60px;height:30px;background-color:#ccc;border-radius:15px;position:relative;cursor:pointer;transition:background-color 0.3s}.qr-toggle-switch.active{background-color:#4CAF50}.qr-toggle-slider{position:absolute;top:2px;left:2px;width:26px;height:26px;background-color:#fff;border-radius:50%;transition:transform 0.3s}.qr-toggle-switch.active .qr-toggle-slider{transform:translateX(30px)}.shaba-inputs{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:10px 0;width:100%}.shaba-prefix-container{display:flex;align-items:center;margin:0 2px}.shaba-prefix-fixed{font-size:1.5em;font-weight:700;padding:.5em;border-bottom:1px solid #000;background-color:#f0f0f0;width:3em;text-align:center;border-radius:5px}input.shaba-check-digits{width:3em;padding:.5em;margin:0 2px;font-size:1.5em;font-weight:700;border:none;border-bottom:1px solid #000;border-radius:5px}input.shaba-input{width:3em;padding:.5em;margin:0 2px;font-size:1.5em;font-weight:700;border:none;border-bottom:1px solid #000;border-radius:5px}.promo-widget{width:80%;margin:30px auto;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .15);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:all 0.3s ease;direction:rtl}.promo-widget:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,.25)}.promo-widget a{text-decoration:none;color:inherit;display:block}.promo-details{padding:25px;color:#fff;text-align:center}.promo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.offer-badge{background:rgb(255 255 255 / .2);padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:700}.promo-header h3{margin:0;font-size:1.4em;flex-grow:1;text-align:right;padding-right:15px}.promo-details p{margin:15px 0;font-size:1.1em;line-height:1.6;text-align:right}.promo-cta{margin-top:20px;padding:12px 25px;background:rgb(255 255 255 / .2);border-radius:30px;display:inline-block;font-weight:700;font-size:1.1em;transition:all 0.3s ease}.promo-widget:hover .promo-cta{background:rgb(255 255 255 / .3);transform:scale(1.05)}