body{margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:#fb923c transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#fb923c;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#f97316}body{font-family:Inter,sans-serif;background:#fdfaf6;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}50%{opacity:1;transform:translate(-50%,10px) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-slide-up-fade{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.preview-serif{font-family:Cormorant Garamond,serif}#preview-wrapper{width:794px;height:1121px;position:relative;margin:0 auto;background:#fff;box-shadow:0 20px 50px #0000001a;overflow:hidden}.template-container{width:794px;height:1121px!important;display:none;box-sizing:border-box;overflow:hidden!important;background:#fff;position:relative;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceRight{0%,to{transform:translate(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translate(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce-right{animation:bounceRight 1s infinite}.template-active{display:block!important}.field-row{display:flex;align-items:flex-start;margin-bottom:6px;line-height:1.5;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.label-col{width:185px;flex-shrink:0;font-weight:700;color:#374151;font-size:.95rem}.colon-col{width:25px;flex-shrink:0;text-align:center;font-weight:700;color:#4b5563}.value-col{flex:1;color:#111827;font-weight:500;font-size:.95rem;word-break:break-word}.section-title-standard{font-size:1.2rem;font-weight:800;margin:1.5rem 0 .8rem;text-transform:uppercase;font-family:Cormorant Garamond,serif;display:block;letter-spacing:.05em}.template1-bg{background-image:var(--tpl-bg-image, url(/background-image/template1.jpg));background-size:100% 100%}.template1-content{padding:var(--tpl-padding, 155px 80px 60px 80px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, inherit)}.t1-section-title{font-size:1.2rem;font-weight:800;color:var(--tpl-accent, #8c5e2a);text-transform:uppercase;margin:1.5rem 0 .8rem;font-family:var(--tpl-font, "Cormorant Garamond", serif);border-bottom:1.5px solid #fde68a;display:block}.template2-bg{background-image:var(--tpl-bg-image, url(/background-image/template2.jpg));background-size:100% 100%}.template2-content{padding:var(--tpl-padding, 248px 80px 60px 80px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, inherit)}.template3-bg{background-image:var(--tpl-bg-image, url(/background-image/temapte3.png));background-size:100% 100%}.template3-content{padding:var(--tpl-padding, 170px 80px 60px 80px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, inherit)}.custom-img-bg{background-image:var(--tpl-bg-image, url(/background-image/temapte5.png));background-size:100% 100%}.custom-img-content{padding:var(--tpl-padding, 80px 80px 60px 80px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, inherit)}.muslim-bg{background-image:var(--tpl-bg-image, url(/background-image/muslimbiodata.png));background-size:100% 100%}.muslim-content{padding:var(--tpl-padding, 160px 70px 60px 70px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, inherit)}.muslim-section-title{font-size:1.2rem;font-weight:800;color:var(--tpl-accent, #2d5a27);text-transform:uppercase;margin:1.5rem 0 .8rem;font-family:var(--tpl-font, "Cormorant Garamond", serif);border-bottom:2px solid var(--tpl-accent, #2d5a27);display:block}.template7-bg{background-image:var(--tpl-bg-image, url(/background-image/template8.jpg));background-size:100% 100%}.template7-content{padding:var(--tpl-padding, 130px 155px 80px 92px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, inherit)}.t7-section-title{font-size:1.3rem;font-weight:800;color:var(--tpl-accent, #e5b54f);text-transform:capitalize;margin:.8rem 0 .5rem;font-family:var(--tpl-font, "Cormorant Garamond", serif);display:block;text-align:center}.template7-bg .field-row{color:var(--tpl-accent, #e5b54f)!important;margin-bottom:2px}.template7-bg .label-col{color:var(--tpl-accent, #e5b54f)!important;font-size:.9rem;width:160px}.template7-bg .value-col{color:var(--tpl-accent, #e5b54f)!important;font-size:.9rem}.template7-bg .colon-col{color:var(--tpl-accent, #e5b54f)!important;width:20px}.classic-padding{padding:var(--tpl-padding, 80px 70px 40px 70px);font-family:var(--tpl-font, inherit)}.mandala-bg{background-image:var(--tpl-bg-image, none);background-size:100% 100%}.section-title-biodata{font-size:1.25rem;font-weight:800;color:var(--tpl-accent, #444);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid #e7e5e4;padding-bottom:4px;margin-bottom:1.2rem}.photo-box-standard{position:absolute;right:80px;width:130px;height:165px;background:#fff;border:4px solid white;box-shadow:0 4px 20px #0000001f;z-index:50;overflow:hidden;transition:all .3s ease}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:3.5rem;font-weight:900;color:#00000005;pointer-events:none;z-index:1}.brand-watermark{position:absolute;bottom:25px;right:35px;font-size:9px;font-weight:800;color:#0003!important;pointer-events:none;z-index:9999;letter-spacing:.5px;text-transform:uppercase}.template7-bg .brand-watermark{color:#e5b54f33!important}.template8-bg{background-image:var(--tpl-bg-image, url(/background-image/template9.webp));background-size:100% 100%}.template8-content{padding:var(--tpl-padding, 95px 70px 60px 70px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, "Georgia", serif)}.t8-section-title{font-size:1.15rem;font-weight:800;color:#000;background-color:var(--tpl-accent, #f7a840);padding:3px 12px;margin:1.5rem 0 .8rem;text-transform:capitalize;font-family:var(--tpl-font, "Georgia", serif);display:inline-block;border-radius:4px;letter-spacing:.5px}.template8-bg .field-row{margin-bottom:5px}.template8-bg .label-col{color:var(--tpl-accent, #c27d38)!important;width:175px;font-family:var(--tpl-font, "Georgia", serif);font-size:.95rem}.template8-bg .value-col{color:#1a1a1a!important;font-family:var(--tpl-font, "Georgia", serif);font-size:.95rem}.template8-bg .colon-col{color:#1a1a1a!important}.template8-bg .brand-watermark{color:#c27d384d!important}.template10-bg{background-image:var(--tpl-bg-image, url(/background-image/Template10.webp));background-size:100% 100%}.template10-content{padding:var(--tpl-padding, 155px 80px 60px 80px);height:100%;box-sizing:border-box;font-family:var(--tpl-font, "Playfair Display", serif)}.t10-section-title{font-size:1.15rem;font-weight:800;color:var(--tpl-accent, #b45309);text-transform:uppercase;margin:1.3rem 0 .6rem;font-family:var(--tpl-font, "Playfair Display", serif);border-bottom:2.2px solid #fcd34d;display:inline-block;padding-bottom:2px;letter-spacing:.05em}.template10-bg .field-row{margin-bottom:4px}.template10-bg .label-col{color:var(--tpl-accent, #78350f)!important;width:175px;font-family:var(--tpl-font, "Playfair Display", serif);font-weight:700;font-size:.95rem}.template10-bg .value-col{color:#1a1a1a!important;font-family:var(--tpl-font, "Playfair Display", serif);font-size:.95rem;font-weight:500}.template10-bg .colon-col{color:var(--tpl-accent, #78350f)!important}.template10-bg .brand-watermark{color:#b4530959!important}