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}.form-container{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:2rem;font-family:Inter,sans-serif;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.form-container h2{color:#1f2937;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.form-group{flex-direction:column;margin-bottom:1.25rem;display:flex}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}input[type=text],input[type=file],textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s}input[type=text]:focus,textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}textarea{resize:vertical}input[type=file]{background-color:#f9fafb;padding:.5rem}.radio-group{align-items:center;gap:1.5rem;margin-top:.25rem;display:flex}.radio-label{cursor:pointer;color:#1f2937;align-items:center;gap:.5rem;margin-bottom:0;font-size:.95rem;font-weight:500;display:flex}.radio-label input[type=radio]{cursor:pointer;accent-color:#3b82f6;width:1.1rem;height:1.1rem;margin:0}.parent-nid-row{align-items:stretch;gap:.75rem;display:flex}.parent-nid-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;min-width:110px;padding:.75rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s}.parent-nid-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.parent-nid-input{flex:1}.parent-nid-group{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.id-card-wrapper{background:#f1f5f9;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:3rem;display:flex}.id-card{color:#1d2d50;box-sizing:border-box;background-color:#fff;border-radius:15px;width:320px;height:500px;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000001f}.card-bg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.wave-top{background-color:#1d2d50;border-bottom-right-radius:50% 20px;border-bottom-left-radius:50% 20px;width:100%;height:180px;position:absolute;top:0;left:0}.wave-bottom{background-color:#1d2d50;border-top-left-radius:50% 15px;border-top-right-radius:50% 15px;width:100%;height:60px;position:absolute;bottom:0;left:0}.wave-top-back{background-color:#1d2d50;border-bottom-right-radius:50% 30px;border-bottom-left-radius:50% 30px;width:100%;height:80px;position:absolute;top:0;left:0}.wave-bottom-back-right{background-color:#1d2d50;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-40px;right:-40px}.card-content{z-index:10;text-align:center;flex-direction:column;align-items:center;height:100%;padding:20px;display:flex;position:relative}.header{color:#fff;margin-top:10px}.company-name{letter-spacing:1px;margin:0;font-size:24px;font-weight:800}.tagline{letter-spacing:2px;opacity:.8;margin:2px 0 0;font-size:10px;font-weight:400}.photo-container{background-color:#f1f5f9;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-top:25px;display:flex;overflow:hidden;box-shadow:0 0 0 4px #1d2d50}.representative-photo{object-fit:cover;width:100%;height:100%}.photo-placeholder{color:#1d2d50;font-size:12px;font-weight:700}.info-section{flex-grow:1;margin-top:20px}.name{text-transform:uppercase;color:#1d2d50;margin:0;font-size:22px;font-weight:800}.role{color:#64748b;letter-spacing:1px;margin:5px 0 15px;font-size:13px;font-weight:600}.id-no{gap:8px;font-size:16px;font-weight:700;display:inline-flex}.id-no .label{color:#64748b}.barcode-section{width:100%;margin-bottom:45px}.barcode-visual{justify-content:center;align-items:flex-end;gap:2px;height:35px;margin-bottom:15px;display:flex}.barcode-line{background-color:#1d2d50;height:100%}.website{color:#fff;margin:0;font-size:10px;font-weight:700}.back .card-content{text-align:left;align-items:flex-start;padding-top:90px}.back-section{width:100%;margin-bottom:20px}.terms h4{margin:0 0 8px;font-size:14px;font-weight:700}.terms p{color:#475569;margin:0;font-size:10px;line-height:1.5}.dates{flex-direction:column;gap:8px;padding-top:10px;display:flex;position:relative}.date-group{font-size:13px;font-weight:700}.date-group .label{color:#475569;width:70px;display:inline-block}.date-line{background-color:#1d2d50;width:100px;height:2px;margin-top:15px}.nid-info{flex-direction:column;gap:12px;display:flex}.info-row{flex-direction:column;gap:2px;display:flex}.info-row .label{color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:700}.info-row .value{color:#1d2d50;text-transform:uppercase;font-size:14px;font-weight:700}.signature-section{text-align:left;position:absolute;bottom:50px;left:20px}.signature-img{object-fit:contain;height:40px;margin-bottom:5px}.sig-label{color:#94a3b8;margin:0;font-size:10px;font-style:italic;font-weight:400}.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}