body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout-wrapper{background:#fff;color:#111827;display:flex;flex-direction:column;min-height:100vh}.navbar{background:#fafcff;box-shadow:0 1px 3px #00000014;justify-content:space-between;padding:18px 60px}.nav-left,.navbar{align-items:center;display:flex}.nav-left{flex-wrap:wrap;gap:18px;max-width:75%}.logo{font-family:Montserrat,sans-serif;font-weight:700}.home-logo{cursor:pointer;height:28px;transition:.2s;width:auto}.home-logo:hover{transform:scale(1.08)}.link-btn{background:none;border:none;color:#374151;cursor:pointer;font-family:Montserrat,sans-serif;font-size:17px;font-weight:550;letter-spacing:.5px;padding:4px 2px;position:relative;transition:all .25s ease}.link-btn:hover{color:#dc2626}.link-btn:active{transform:translateY(1px)}.link-btn:after{background:#ef4444;border-radius:10px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .35s ease;width:0}.nav-right{align-items:center;display:flex;gap:14px}.login-text{background:none;border:none;color:#111827;cursor:pointer;font-size:17px}.signup-btn{border-radius:6px;font-size:17px;line-height:1.75;padding:6px 14px;transition:.2s}.main-content{background:#fff;flex:1 1;padding-bottom:40px}.footer{background:#020617;color:#cbd5e1;font-size:14px;padding:10px 40px}.footer-inner{justify-content:space-between;margin:auto;max-width:1200px}.footer-inner,.footer-left{align-items:center;display:flex}.footer-left{gap:20px}.footer-right{display:flex;gap:22px}.footer-link{background:none;border:none;color:#e5e7eb;cursor:pointer}.footer-right a{color:#e5e7eb;text-decoration:none}.footer-link:hover,.footer-right a:hover{text-decoration:underline}.apps-menu-wrapper{margin-left:6px;position:relative}.apps-menu-wrapper:after{content:"";height:20px;position:absolute;right:0;top:26px;width:100%}.apps-icon{grid-gap:3px;border-radius:6px;cursor:pointer;display:grid;gap:3px;grid-template-columns:repeat(3,1fr);height:26px;padding:4px;transition:.2s;width:26px}.apps-icon span{background:#374151;border-radius:50%;height:4px;width:4px}.apps-icon:hover{background:#f3f4f6}.apps-dropdown{background:#fff;border-radius:14px;box-shadow:0 25px 60px #00000026;display:flex;gap:60px;padding:22px 26px;position:absolute;right:0;top:34px;width:320px;z-index:999}.apps-col{display:flex;flex-direction:column;gap:10px}.apps-title{color:#9ca3af;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.apps-col a{color:#111827;font-weight:600;text-decoration:none;transition:.2s}.apps-col a:hover{color:#2563eb}.feedback-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;padding:26px 30px;width:520px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.feedback-header span{cursor:pointer;font-size:20px}.feedback-sub{color:#6b7280;margin-bottom:18px}.feedback-input,.feedback-textarea{border:1px solid #d1d5db;border-radius:6px;margin:6px 0 16px;padding:10px;width:100%}.feedback-textarea{height:120px}.radio-group{display:flex;gap:20px;margin-bottom:16px}.feedback-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:none}.cancel-btn,.submit-btn{border:none;cursor:pointer}.submit-btn{background:#f59e0b;border-radius:6px;color:#fff;padding:8px 16px}.nav-break{flex-basis:100%;height:0}.mega-btn{font-weight:700}.mega-wrapper:after{content:"";height:28px;left:0;position:absolute;top:26px;width:100%}.mega-dropdown{box-shadow:0 30px 70px #0000002e;display:flex;gap:70px;padding:24px 30px;top:34px;width:420px}.mega-col{gap:12px;min-width:180px}.mega-title{color:#9ca3af;font-size:13px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.mega-col button{color:#111827;font-size:16px;padding:2px 0;transition:color .2s}.mega-col button:hover{color:#ef4444}.mega-wrapper{position:relative}.mega-btn{align-items:center;display:flex;gap:6px}.mega-dropdown{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;left:0;min-width:240px;opacity:0;padding:20px 24px;position:absolute;top:42px;transform:translateY(10px);transition:all .25s ease;visibility:hidden;z-index:999}.mega-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.mega-col{display:flex;flex-direction:column;gap:10px}.mega-col button{background:none;border:none;cursor:pointer;font-weight:600;padding:4px 0;text-align:left;transition:all .2s ease}.mega-col button:hover{color:#dc2626;transform:translateX(4px)}.profile-wrapper{cursor:pointer;position:relative}.profile-name{align-items:center;display:flex;font-size:16px;font-weight:600;gap:6px}.arrow{transition:transform .25s ease}.arrow.rotate{transform:rotate(180deg)}.profile-wrapper:after{content:"";height:20px;position:absolute;right:0;top:28px;width:100%}.profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 25px 60px #00000026;opacity:0;padding:10px 0;position:absolute;right:0;top:42px;transform:translateY(10px);transition:all .25s ease;visibility:hidden;width:200px;z-index:999}.profile-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.profile-dropdown button{background:none;border:none;cursor:pointer;font-size:15px;font-weight:500;padding:10px 18px;text-align:left;transition:.2s ease;width:100%}.profile-dropdown button:hover{background:#f3f4f6}.profile-dropdown hr{border:none;border-top:1px solid #e5e7eb;margin:8px 0}.logout-btn{color:#dc2626;font-weight:600}.logout-btn:hover{background:#fee2e2}.login-page{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:70vh}.login-left{display:flex;flex-direction:column;justify-content:center;padding:60px 80px}.login-left h1{color:#111827;font-size:28px;margin-bottom:20px}.login-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px}.login-btn:hover{background:#dc2626}.login-right{align-items:center;background:#f5f7fb;display:flex;justify-content:center}.register-page{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:70vh}.register-left{display:flex;flex-direction:column;justify-content:center;padding:60px 80px}.brand{margin-bottom:20px}.logo{color:#111827;font-size:26px;font-weight:800}.register-left h1{color:#111827;font-size:28px;margin-bottom:20px}.social-row{display:flex;gap:12px;margin-bottom:16px}.social{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:10px}.social.fb{background:#1877f2;border:none;color:#fff}.social.google{border:1px solid #ea4335;color:#ea4335}.social.sso{background:#f3f4f6}.divider{color:#9ca3af;margin:12px 0;text-align:center}.form{display:flex;flex-direction:column;gap:14px}.form input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 14px}.form input:focus{border-color:#2563eb;outline:none}.signup-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px}.signup-btn:hover{background:#dc2626}.login-text{font-size:14px;margin-top:14px}.login-text a{color:#2563eb;text-decoration:none}.terms{color:#6b7280;font-size:12px;margin-top:10px}.terms a{color:#2563eb;text-decoration:none}.register-right{background:#f5f7fb}.ads-box,.register-right{align-items:center;display:flex;justify-content:center}.ads-box{background:#fff;border:2px dashed #c7d2fe;border-radius:16px;color:#6b7280;flex-direction:column;height:60%;width:70%}.tools-page{padding:50px 20px 80px;text-align:center}.tools-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,300px);justify-content:center;margin:0 auto;max-width:1100px}.tool-card{border-radius:18px;min-height:220px;padding:32px 26px;text-align:center;width:300px}.tool-card:hover{box-shadow:0 10px 26px #2563eb26;transform:translateY(-6px)}.tool-icon{height:70px;margin-bottom:16px;transition:transform .25s ease;width:70px}.tool-card:hover .tool-icon{transform:scale(1.1)}.tool-card h3{color:#111827;font-size:20px;font-weight:600;margin:6px 0}.tool-card p{color:#6b7280;font-size:14px}.new-badge{background:#ef4444;border-radius:6px;color:#fff;font-size:10px;margin-left:6px;padding:3px 6px;vertical-align:middle}.tool-card.highlight{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbeafe}.tool-card.highlight:hover{border-color:#2563eb}@media (max-width:768px){.tools-wrapper{gap:24px;grid-template-columns:1fr}.tool-card{margin:0 auto;max-width:350px;width:100%}}.tools-page{padding:20px 16px 70px}.tool-header{margin-bottom:50px}.title{font-size:28px;font-weight:600;margin-bottom:8px}.sub{color:#6b7280;font-size:15px}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;width:100%}.tool-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;height:130px;justify-content:center;padding:18px 12px;transition:all .25s ease}.tool-card:hover{border-color:#2563eb;box-shadow:0 8px 22px #2563eb1f;transform:translateY(-5px)}.tool-card:active{transform:translateY(-2px) scale(.98)}.tool-icon-circle{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;box-shadow:0 6px 16px #2563eb40;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:12px;transition:transform .25s ease;width:48px}.tool-card:hover .tool-icon-circle{transform:scale(1.08)}.tool-card h3{font-size:15px;font-weight:500;margin:0;transition:color .25s ease}.tool-card:hover h3{color:#2563eb}@media (max-width:900px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.tools-grid{grid-template-columns:1fr}}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.faq-question h3{font-size:17px;margin:0}.faq-question span{color:#2563eb;font-size:22px;font-weight:700}.faq-answer{animation:fadeIn .3s ease-in-out;margin-top:12px}.tools-page{margin:0 auto;max-width:1100px;padding:8px 16px 60px}.tool-header{margin-bottom:60px;text-align:center}.faq-section{margin-top:40px;max-width:800px}.faq-section h2{font-size:22px;font-weight:600;margin-bottom:25px}.faq-item{border-bottom:1px solid #e5e7eb;padding-bottom:18px}.faq-item h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.faq-item p{color:#374151;font-size:15px}.imagepdf-page{background:#fff;margin:auto;max-width:1000px;padding:50px 20px 80px;text-align:center}@media (max-width:768px){.tool-header button,.tool-header input{width:100%}}.image-page{margin:0 auto;max-width:1100px;padding:20px 16px 70px;text-align:center}.image-page .title{color:#111827;font-size:28px;font-weight:600;margin-bottom:8px}.image-page .sub{color:#6b7280;font-size:15px;margin-bottom:40px}.image-btn-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;width:100%}.image-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#111827;cursor:pointer;display:flex;font-size:15px;font-weight:500;height:130px;justify-content:center;padding:18px 12px;text-align:center;transition:all .25s ease}.image-btn:hover{border-color:#2563eb;box-shadow:0 8px 22px #2563eb1f;color:#2563eb;transform:translateY(-5px)}.image-btn:active{transform:translateY(-2px) scale(.98)}@media (max-width:900px){.image-btn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.image-btn-grid{grid-template-columns:1fr}}.compress-page{background:#fff;margin:auto;max-width:1000px;padding:50px 20px 80px;text-align:center}.range-wrap{margin:20px 0}.range-wrap label{display:block;font-weight:500;margin-bottom:10px}.range-wrap input[type=range]{width:300px}.success{color:green;margin-top:15px}@media (max-width:768px){.range-wrap input[type=range]{width:100%}}.convert-page{background:#fff;margin:auto;max-width:1000px;padding:50px 20px 80px;text-align:center}.tool-header h1{font-size:30px;margin-bottom:10px}.tool-header p{color:#555;margin-bottom:25px}.tool-header input[type=file]{margin:15px 0}.tool-header select{border:1px solid #ccc;border-radius:6px;display:block;font-size:14px;margin:15px auto;padding:10px;width:200px}.tool-header button{background:#1e66ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:20px;padding:12px 26px;transition:.3s ease}.tool-header button:hover{background:#1552cc}.status{color:green;margin-top:15px}.faq-section{margin-top:70px}.faq-section h2{margin-bottom:30px}.faq-item{margin-bottom:20px}@media (max-width:768px){.tool-header select{width:100%}}.resize-page{background:#fff;color:#111;margin:auto;max-width:1100px;padding:40px 20px 80px;text-align:center}.resize-page h1{font-size:32px;font-weight:600;margin-bottom:10px}.resize-page h2{font-size:22px;margin-bottom:20px}.resize-page label,.resize-page p,.resize-page span{color:#333}.drop-box{background:#f5f8ff;border:2px dashed #4c88ff;border-radius:14px;cursor:pointer;margin:35px auto;max-width:900px;padding:50px;transition:all .3s ease}.drop-box:hover{background:#eef4ff;border-color:#1e66ff}.drop-box .icon{color:#1e66ff;font-size:50px}.drop-box span{color:#1e66ff;font-weight:600}.drop-box p{font-size:16px;margin-top:10px}.drop-box button,.resize-btn,.small-btn{background:#1e66ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:15px;padding:12px 22px;transition:.2s ease}.drop-box button:hover,.resize-btn:hover,.small-btn:hover{background:#1552cc}.resize-btn{font-size:16px;margin-top:30px}.preview-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:25px}.thumb{position:relative}.thumb img{border:1px solid #ddd;border-radius:8px;height:auto;width:100px}.remove{background:#fdd;border-radius:50%;color:#c10000;cursor:pointer;height:22px;line-height:22px;position:absolute;right:-8px;text-align:center;top:-8px;width:22px}.meta,.remove{font-size:14px}.meta{color:#444;text-align:left}.controls{margin-top:50px}.options-row,.size-row{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;margin:25px 0}.field{text-align:left}.field label{display:block;font-weight:500;margin-bottom:6px}.field input,.field select{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 10px;width:130px}.resolution-row{justify-content:center;margin:20px 0}.bg,.resolution-row{align-items:center;display:flex;gap:10px}.dot{border:2px solid #1e66ff;border-radius:50%;cursor:pointer;height:20px;width:20px}.dot.black{background:#000}.dot.active{outline:3px solid #1e66ff}.faq-section{margin-left:auto;margin-right:auto;margin-top:80px;max-width:900px;text-align:left}.faq-section h2{font-size:24px;margin-bottom:35px;text-align:center}.faq-item{background:#fafafa;border:1px solid #eee;border-radius:10px;margin-bottom:25px;padding:20px;transition:.3s ease}.faq-item:hover{box-shadow:0 5px 18px #0000000d}.faq-item h3{color:#111;font-size:17px;margin-bottom:10px}.faq-item p{color:#555;font-size:14px;line-height:1.6}@media (max-width:768px){.options-row,.preview-wrap,.size-row{align-items:center;flex-direction:column}.field input,.field select{width:180px}}.success-wrapper{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center}.success-card{text-align:center}.check-circle{align-items:center;border:4px solid #4caf50;border-radius:50%;color:#4caf50;display:flex;font-size:40px;height:90px;justify-content:center;margin:20px auto;width:90px}.success-card button{background:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:20px;padding:12px 24px}.bp-container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 20px;padding:16px 40px}.bp-spaced{margin:auto;max-width:1100px}.bp-step{border-radius:12px;color:#9aa3ae;flex:1 1;gap:10px;padding:12px 18px;position:relative}.bp-step,.bp-step-index{align-items:center;display:flex;justify-content:center}.bp-step-index{background:#e6eef8;border-radius:50%;font-weight:600;height:32px;width:32px}.bp-step.active{color:#ff7a18}.bp-step.active .bp-step-index{background:#ffedd8;color:#ff7a18}.bp-step.completed{color:#1f7a3a}.bp-step.completed .bp-step-index{background:#dff3e2;color:#1f7a3a}.bp-connector{background:#e6eef8;border-radius:4px;flex:1 1;height:4px}.bp-connector.completed{background:#7ad08b}@media (max-width:768px){.bp-container{flex-wrap:wrap;gap:10px;margin:0;padding:10px 12px}.bp-step{flex:1 1 100%;justify-content:flex-start;padding:10px}.bp-step-label{font-size:13px}.bp-step-index{font-size:12px;height:28px;width:28px}.bp-connector{display:none}}.fr-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1.5fr 90px;padding:10px 0}.fr-label-view{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;font-weight:600;justify-content:space-between;padding:12px}.fr-value{border:1px solid #e5e7eb;border-radius:10px;font-size:15px;outline:none;padding:14px;width:100%}.fr-value-big{min-height:110px}.fr-actions{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:flex-end}.fr-delete{background:#fee2e2;border:none;border-radius:8px;color:#ef4444;cursor:pointer;height:34px;width:34px}.fr-move{display:flex;flex-direction:row;gap:4px}.fr-move button{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;height:28px;width:28px}@media (max-width:768px){.fr-row{gap:8px;grid-template-columns:1fr;padding:12px 0}.fr-label-view{font-size:14px;padding:10px}.fr-value{font-size:14px;padding:12px}.fr-actions{justify-content:space-between;width:100%}}.biodata-page{background:#f6f7fb;min-height:100vh;padding:20px}.biodata-container{margin:0 auto;max-width:1000px}.bb-form-card{background:#fff;border-radius:14px;box-shadow:0 8px 25px #0000000f;margin:0 auto;max-width:780px;padding:22px}.bb-nav{align-items:center;justify-content:space-between;margin-top:18px}.bb-nav,.bb-nav-left,.bb-nav-right{display:flex;flex-wrap:wrap;gap:10px}.bb-nav button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 14px}.btn-light{background:#f3f4f6;color:#111827}.bb-preview-full{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:1100px}.bb-template-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:10px 0}.tpl-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:12px;text-align:center;transition:.2s ease;width:140px}.tpl-card:hover{border-color:#ff7a18;transform:translateY(-3px)}.tpl-card.active{border-color:#ff7a18;box-shadow:0 8px 20px #ff7a1833}.bb-pdf-preview{display:flex;justify-content:center;margin:10px 0 20px}.pdf-frame{background:#fff;border:none;border-radius:14px;box-shadow:0 10px 30px #00000026;height:600px;width:420px}.pdf-frame-small{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;height:550px;overflow:hidden;width:420px}.tpl-preview-mini{height:120px;overflow:hidden;transform:scale(.35);transform-origin:top left;width:100%}.bb-preview-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-primary{background:#ff7a18;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px;transition:.2s}.btn-primary:hover{background:#e96a10}.btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#111827;cursor:pointer;font-weight:600;padding:10px 14px;transition:.2s}.btn-secondary:hover{background:#e5e7eb}.add-field-btn{background:#fafafa;border:2px dashed #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-weight:600;margin-top:12px;padding:12px;transition:.2s;width:100%}.add-field-btn:hover{background:#fff7ed;border-color:#ff7a18;color:#ff7a18}.bb-photo-card{background:#fffaf5;border:1px solid #ececec;border-radius:16px;margin-top:24px;padding:24px;text-align:center}.bb-photo-preview-wrap{display:flex;justify-content:center;margin-bottom:16px}.bb-photo-preview{border:3px solid #f3d7b8;border-radius:14px;box-shadow:0 8px 20px #00000014;object-fit:cover}.bb-photo-empty,.bb-photo-preview{background:#fff;height:190px;width:150px}.bb-photo-empty{align-items:center;border:2px dashed #d6b28d;border-radius:14px;color:#9a6b3f;font-weight:600}.bb-photo-buttons,.bb-photo-empty{display:flex;justify-content:center}.bb-photo-buttons{flex-wrap:wrap;gap:12px}.bb-upload-btn{background:#ff7a18;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:.2s}.bb-upload-btn:hover{background:#eb6a0c}.bb-remove-btn{background:#f3f4f6;border:none;border-radius:10px;color:#111827;cursor:pointer;font-weight:600;padding:10px 18px}.bb-remove-btn:hover{background:#e5e7eb}.bb-photo-note{color:#6b7280;font-size:14px;margin-top:14px}.bb-lang-card{background:#fdf5ee;border:1px dashed orange;border-radius:10px;margin-bottom:15px;padding:15px}.bb-lang-card h4{margin-bottom:10px}.bb-lang-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.bb-lang-btn{background:#fff;border:1px solid orange;border-radius:6px;cursor:pointer;padding:8px 14px}.bb-lang-btn.active{background:#d35400;color:#fff}.bb-lang-row{align-items:flex-start;display:flex;gap:40px;justify-content:center}.bb-input-box{display:flex;flex-direction:column;width:160px}.bb-input-box input{height:32px}.bb-god-box{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:18px;min-height:80px;width:150px}.bb-god-img{height:50px;margin:6px 0;object-fit:cover;width:50px}.bb-upload-text{color:#ff7a18;cursor:pointer;font-size:13px;margin-top:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bb-god-none{align-items:center;display:flex;gap:6px}.bb-god-none input{accent-color:#ff7a18;cursor:pointer}.bb-lang-label{color:#a16207;font-size:13px;font-weight:600;margin-bottom:5px}.bb-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.bb-popup{background:#fff;border-radius:12px;max-width:500px;padding:20px;text-align:center;width:90%}.bb-god-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:15px 0}.bb-god-grid img{border:2px solid #0000;border-radius:10px;cursor:pointer;height:80px;object-fit:cover;transition:.2s;width:80px}.bb-god-grid img:hover{border-color:#ff7a18;transform:scale(1.05)}.bb-close-btn{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;padding:8px 14px}.bb-loader{align-items:center;background:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.bb-loader-card{animation:fadeIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 15px 40px #00000026;padding:30px 40px;text-align:center}.bb-loader-card h3{color:#111827;margin-top:15px}.bb-loader-card p{color:#6b7280;font-size:14px;margin-top:6px}.bb-spinner{animation:spin 1s linear infinite;border:4px solid #eee;border-radius:50%;border-top-color:#ff7a18;height:50px;margin:0 auto;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){body,html{overflow-x:hidden!important}*{box-sizing:border-box}.bb-form-card,.biodata-container,.biodata-page{max-width:100%;overflow-x:hidden;width:100%}.bb-nav{align-items:stretch;flex-direction:column;gap:10px}.bb-nav-left,.bb-nav-right{justify-content:space-between;width:100%}.tpl-card{width:48%}.pdf-frame,.pdf-frame-small{height:450px;width:100%}.bb-lang-row{align-items:center;flex-direction:column;gap:18px}.bb-input-box{width:100%}.bb-god-box{margin-top:0;width:100%}.fr-row{gap:10px;grid-template-columns:1fr!important}.fr-actions{justify-content:flex-end}.fr-value{font-size:14px;padding:12px}.pp-paper{padding:14px}.pp-row{align-items:flex-start;flex-direction:column;gap:4px}}.gp-card{background:#fff;border:8px solid #0000;border-image:linear-gradient(45deg,#d4af37,#f8e7a1,#d4af37) 1;box-shadow:inset 0 0 0 2px #e6c878,inset 0 0 0 6px #fff,inset 0 0 0 8px #e6c878;font-family:Georgia,serif;padding:30px;position:relative}.gp-card:after,.gp-card:before{border:3px solid #d4af37;content:"";height:40px;position:absolute;width:40px}.gp-card:before{border-bottom:none;border-right:none;left:10px;top:10px}.gp-card:after{border-left:none;border-top:none;bottom:10px;right:10px}.gp-header{margin-bottom:30px;padding-bottom:40px;position:relative}.gp-center{text-align:center}.gp-god{width:110px}.gp-title{color:#b91c1c;font-size:26px;font-weight:700;margin-top:8px}.gp-photo{border:2px solid #ccc;border-radius:6px;height:150px;overflow:hidden;position:absolute;right:0;top:95px;width:120px}.gp-photo img{height:100%;object-fit:cover;width:100%}.gp-section{margin-top:25px}.gp-section h3{border-bottom:2px solid #d4af37;color:#b91c1c;padding-bottom:5px}.gp-row{border-bottom:1px solid #eee;display:flex;padding:6px 0}.gp-label{font-weight:700;width:40%}.gp-value{width:60%}.cs-page{align-items:center;background:#f6f7fb;display:flex;height:100vh;justify-content:center}.cs-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:400px;padding:40px;text-align:center}.cs-card h1{margin-bottom:10px}.cs-card p{color:#6b7280;margin-bottom:20px}.cs-card button{background:#ff7a18;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}