body{color:#1f2937;background-color:#f3f4f6;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}#root{min-height:100vh}.id-card-wrapper{background:#f1f5f9;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.id-card{color:#eee;box-sizing:border-box;border-radius:15px;width:539px;height:340px;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.card-bg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bg-gradient{background:linear-gradient(135deg,#182534 0%,#1c2c3e 50%,#15202e 100%);width:100%;height:100%;position:absolute;top:0;left:0}.watermark-logo{opacity:.03;object-fit:contain;pointer-events:none;width:380px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-content{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.front-content{gap:2px}.bengali-text{font-size:34px;font-weight:500}.phone-number{letter-spacing:2px;font-size:56px;font-weight:700}.back-content{gap:2px}.customer-title{text-transform:uppercase;font-size:32px;font-weight:600}.customer-number-box{font-size:58px;font-weight:700}.app-container{max-width:1400px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:3rem}.app-header h1{color:#1e3a8a;margin-bottom:.5rem;font-size:2.5rem}.app-header p{color:#6b7280;font-size:1.1rem}.app-main{flex-direction:column;align-items:flex-start;gap:3rem;display:flex}@media (width>=1024px){.app-main{flex-direction:row}.form-section{flex:0 0 450px;position:sticky;top:2rem}.preview-section{flex:1;min-width:0}}.form-section{width:100%}.download-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;width:100%;margin-top:1.5rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:background-color .2s}.download-btn:hover:not(:disabled){background-color:#1d4ed8}.download-btn:disabled{cursor:not-allowed;background-color:#93c5fd}.preview-section h2{color:#374151;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.preview-container{padding-bottom:1rem;overflow-x:auto}