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