.footer{color:#fff;background:#111827;justify-content:space-between;align-items:center;margin-top:60px;padding:30px;display:flex}.footer-links{gap:20px;display:flex}.footer-links span{cursor:pointer}.resume-gallery-page{box-sizing:border-box;background:#f5f7fb;width:100%;max-width:1800px;min-height:100vh;margin:auto;padding:24px}.resume-top-section{text-align:center;margin-bottom:20px}.resume-top-section h1{color:#13265c;margin-bottom:8px;font-size:46px;font-weight:600}.resume-description{color:#64748b;max-width:900px;margin:auto;font-size:18px;line-height:1.7}.resume-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:stretch;gap:28px;display:grid}.resume-card{cursor:pointer;flex-direction:column;width:100%;height:100%;transition:all .25s;display:flex}.resume-card:hover{transform:translateY(-6px)}.resume-paper{box-sizing:border-box;background:#fff;border:1px solid #dbe2ea;border-radius:16px;height:650px;transition:all .25s;overflow:hidden;box-shadow:0 8px 28px #00000014}.resume-card:hover .resume-paper{transform:translateY(-5px);box-shadow:0 18px 40px #00000024}.template-number{color:#334155;white-space:nowrap;font-size:18px;font-weight:700}.mc-resume{color:#1e293b;box-sizing:border-box;background:#fff;border-radius:16px;height:650px;padding:14px;font-family:Arial,sans-serif;overflow:hidden}.mc-name{color:#2d5da8;margin-bottom:5px;font-size:18px;font-weight:600}.mc-contact{background:#edf4fb;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:6px;padding:8px;font-size:10px;display:flex}.mc-section{margin-bottom:8px}.mc-section h3{color:#2d5da8;border-bottom:2px solid #2d5da8;margin-bottom:4px;padding-bottom:4px;font-size:12px;font-weight:600}.mc-section p{color:#334155;font-size:9px;line-height:1.6}.mc-skills{flex-wrap:wrap;gap:8px;display:flex}.mc-skills span{background:#fff;border:1px solid #b6c2d2;border-radius:5px;padding:3px 6px;font-size:7px}.mc-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mc-row h4{color:#111827;margin:0;font-size:12px}.mc-row p{margin:0;font-size:11px}.mc-row small{color:#5b6b83;font-size:10px;font-style:italic}.mc-date{color:#fff;white-space:nowrap;background:#2d5da8;border-radius:30px;padding:5px 10px;font-size:9px}.mc-points{color:#334155;margin-top:0;padding-left:18px;font-size:9px;line-height:1.6}.second{margin-top:6px}.standout-resume{box-sizing:border-box;background:#fff;border-radius:16px;height:650px;font-family:Arial,sans-serif;display:flex;overflow:hidden}.so-left{box-sizing:border-box;background:#f8fafc;border-right:1px solid #e2e8f0;width:37%;padding:18px}.so-profile-card{color:#fff;background:#3b67b1;border-radius:0 0 18px;margin-bottom:10px;padding:20px}.so-profile-card h1{margin-bottom:0;font-size:18px}.so-profile-card p{font-size:9px}.so-contact{color:#334155;margin-bottom:10px;font-size:9px;line-height:1.9}.so-side-section{margin-bottom:10px}.so-side-section h3{color:#3b67b1;border-bottom:2px solid #cbd5e1;margin-bottom:6px;padding-bottom:6px;font-size:11px}.so-side-section ul{margin:0;padding-left:10px}.so-side-section li{color:#334155;font-size:9px;line-height:1.7}.so-right{box-sizing:border-box;flex:1;padding:10px}.so-summary{color:#fff;background:#3b67b1;border-radius:10px;margin-bottom:15px;padding:10px}.so-summary h3{margin-bottom:8px;font-size:12px}.so-summary p{font-size:9px;line-height:1.7}.so-section{margin-bottom:10px}.so-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.so-title-row h3,.so-section h3{color:#3b67b1;margin:0;font-size:13px}.so-title-row span{color:#fff;background:#3b67b1;border-radius:999px;padding:4px 10px;font-size:9px}.so-section h4{color:#0f172a;margin-bottom:0;font-size:11px}.so-section p{color:#334155;margin-bottom:0;font-size:9px}.so-section small{color:#64748b;font-size:9px;font-style:italic}.so-points{margin-top:5px;padding-left:9px}.so-points li{color:#334155;font-size:9px;line-height:1.7}.so-second-job{margin-top:10px}.visionary-resume{color:#1e293b;box-sizing:border-box;background:#fff;border-radius:16px;height:650px;padding:14px;font-family:Arial,sans-serif;overflow:hidden}.vs-header{align-items:center;gap:16px;margin-bottom:4px;display:flex}.vs-image{object-fit:cover;border-radius:4px;width:78px;height:78px}.vs-header-info h1{color:#2d5da8;margin:0;font-size:18px;font-weight:600}.vs-header-info p{color:#334155;margin-top:0;font-size:9px}.vs-contact{color:#334155;background:#edf4fb;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:0;padding:8px;font-size:9px;display:flex}.vs-section{margin-bottom:0}.vs-section h3{color:#2d5da8;border-bottom:2px solid #2d5da8;margin:0;padding-bottom:3px;font-size:12px;font-weight:600}.vs-section h4{color:#111827;margin:0;font-size:11px}.vs-section p{color:#334155;margin:0;font-size:9px;line-height:1.6}.vs-section small{color:#64748b;font-size:9px;font-style:italic}.vs-title-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.vs-title-row span{color:#fff;white-space:nowrap;background:#2d5da8;border-radius:999px;margin-top:3px;padding:4px 10px;font-size:8px}.vs-points{margin-top:2px;padding-left:16px}.vs-points li{color:#334155;font-size:9px;line-height:1.7}.vs-second-job{margin-top:10px}.vs-skills{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.vs-skills span{background:#fff;border:1px solid #b6c2d2;border-radius:5px;padding:3px 7px;font-size:8px}.corporate-india-resume{color:#111827;background:#fff;padding:0;font-family:Arial,sans-serif}.ci-topbar{color:#111827;background:#d8e3ec;justify-content:center;gap:30px;padding:10px 16px;font-size:8px;font-weight:600;display:flex}.ci-name-section{text-align:center;padding:18px 20px 10px}.ci-name-section h1{letter-spacing:3px;color:#222;margin:0;font-size:20px;font-weight:500}.ci-row{border-top:1px solid #9db2c7;padding:10px 20px;display:flex}.ci-left-title{color:#111827;flex-shrink:0;width:120px;font-size:10px;font-weight:700;line-height:1.3}.ci-right-content{flex:1}.ci-right-content p{color:#1f2937;margin:0;font-size:9px;line-height:1.6}.ci-skills{gap:20px;display:flex}.ci-skills ul{margin:0;padding-left:14px}.ci-skills li{color:#1f2937;font-size:9px;line-height:1.6}.ci-job{margin-bottom:12px}.ci-job-title{color:#111827;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;display:flex}.ci-job-title span{color:#374151;font-weight:600}.ci-company{color:#1f2937;margin-top:2px;margin-bottom:4px;font-size:9px;font-weight:600}.ci-job ul{margin:0;padding-left:14px}.ci-job li{color:#1f2937;font-size:9px;line-height:1.6}.ci-education{color:#111827;margin-bottom:3px;font-size:9px;font-weight:700}.indian-two-resume{color:#111827;background:#fff;font-family:Arial,sans-serif;overflow:hidden}.it-top-bar{background:#d14c52;height:14px}.it-header{gap:18px;padding:16px 22px 10px;display:flex}.it-image{object-fit:cover;border:1px solid #d1d5db;width:74px;height:74px}.it-header-right{flex:1}.it-contact p{color:#111827;margin-bottom:0;font-size:8px}.it-row{padding:10px 22px;display:flex}.it-title-strip{display:none}.it-header-right h1{color:#d14c52;margin-bottom:0;font-size:18px;font-weight:700}.it-left-title{color:#111827;flex-shrink:0;width:120px;font-size:10px;font-weight:700;line-height:1.3}.it-right-content{flex:1}.it-right-content p{color:#111827;font-size:8px;line-height:1.6}.it-skills{gap:30px;display:flex}.it-skills ul{margin:0;padding-left:14px}.it-skills li{font-size:8px;line-height:1.6}.it-job{border-bottom:1px dashed #9ca3af;margin-bottom:8px;padding-bottom:8px}.it-job-title{color:#111827;font-size:8px;font-weight:700}.it-date{color:#374151;margin-bottom:3px;font-size:8px;font-style:italic}.it-job ul{margin:0;padding-left:14px}.it-job li{font-size:8px;line-height:1.6}.it-education{font-size:8px;font-style:italic;font-weight:700}.it-section{margin-top:0}.it-divider{background:#d14b52;width:100%;height:2px;margin-bottom:8px;position:relative}.it-divider:before{content:"";background:#d14b52;width:68px;height:4px;position:absolute;top:-3px;left:0}.indian-third-resume{background:#fff;border-radius:14px;font-family:Times New Roman,serif;overflow:hidden}.ind3-header{background:#4d4d4d;padding:18px 18px 20px}.ind3-header h1{color:#fff;letter-spacing:.5px;font-size:20px;font-weight:700}.ind3-body{height:592px;display:flex}.ind3-left{color:#fff;background:#163f87;width:39%;padding:18px 16px}.ind3-right{background:#fff;flex:1;padding:1px 16px}.ind3-section{margin-bottom:8px}.ind3-section h3{color:#fff;border-bottom:1px solid #ffffff73;margin-bottom:4px;padding-bottom:5px;font-size:11px;font-weight:700}.ind3-section ul{padding-left:14px}.ind3-section li{margin-bottom:2px;font-size:9px;line-height:1.5}.ind3-interest-note{margin-top:4px;font-size:9px;line-height:1.5}.ind3-right-section{margin-bottom:0}.ind3-right-section h2{color:#111827;border-bottom:1px solid #222;margin-bottom:0;padding-bottom:0;font-size:12px;font-weight:700}.ind3-right-section p{color:#111827;font-size:9px;line-height:1.5}.ind3-job{margin-bottom:0}.ind3-job-date{color:#111827;margin-bottom:0;font-size:9px}.ind3-job h4{color:#111827;margin-bottom:0;font-size:10px;font-weight:700}.ind3-job ul{padding-left:14px}.ind3-job li{color:#111827;margin-bottom:0;font-size:9px;line-height:1.5}.ind3-education{color:#111827;font-size:9px;line-height:1.5}.ind3-education strong{margin-top:0;display:block}.corporate-india-resume,.indian-two-resume,.indian-third-resume,.canada-one-resume{box-sizing:border-box;border-radius:16px;height:650px;overflow:hidden}.canada-one-resume{background:#0a7a69;height:100%;padding:14px;font-family:Arial,sans-serif}.ca1-inner{background:#fff;height:100%;padding:0 10px}.ca1-header{margin-bottom:18px}.ca1-name-box{color:#111827;background:#e7de49;border-radius:50%;width:150px;padding:12px 18px}.ca1-name-box h1{margin-bottom:6px;font-size:18px;font-weight:700;line-height:1.1}.ca1-name-box p{color:#111827;font-size:9px}.ca1-body{gap:18px;display:flex}.ca1-left{flex:1;padding-right:16px}.ca1-right{border-left:1px dashed #9ca3af;width:170px;padding-left:14px}.ca1-section{margin-bottom:18px}.ca1-section h3{color:#0a7a69;margin:4px 0;font-size:12px;font-weight:700}.ca1-section p{color:#374151;margin:2px 0;font-size:9px;line-height:1.7}.ca1-job{gap:12px;margin-bottom:18px;display:flex}.ca1-job-left{color:#374151;width:52px;font-size:9px;font-weight:700;line-height:1.4}.ca1-job-right{flex:1}.ca1-job-right h4{color:#111827;margin:0 0 2px;font-size:11px;font-weight:700}.ca1-job-right small{color:#374151;margin-bottom:0;font-size:9px;display:block}.ca1-job-right ul{padding-left:14px}.ca1-job-right li{color:#374151;margin-bottom:0;font-size:9px;line-height:1.6}.ca1-education{gap:12px;display:flex}.ca1-edu-year{width:52px;font-size:9px;font-weight:700}.ca1-education h4{color:#111827;margin-bottom:0;font-size:11px}.ca1-education small{color:#374151;font-size:9px}.ca1-detail{align-items:flex-start;gap:8px;margin-bottom:2px;display:flex}.ca1-detail span{color:#d6cc2c;margin-top:2px;font-size:10px}.ca1-detail p{font-size:9px;line-height:1.5}.ca1-skills{flex-direction:column;gap:10px;display:flex}.ca1-skills span{color:#fff;background:#0a7a69;border-radius:999px;width:fit-content;padding:7px 12px;font-size:9px;font-weight:600}.minimal-layout{box-sizing:border-box;background:#fff;border-radius:16px;height:650px;padding:18px}.section{margin-bottom:15px}.section h4{color:#2563eb;margin-bottom:4px;font-size:14px}.section p{color:#475569;font-size:10px;line-height:1.6}@media (width<=1200px){.resume-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (width<=768px){.resume-gallery-page{padding:16px}.resume-gallery-grid{grid-template-columns:1fr}.resume-top-section h1{font-size:34px}.resume-description{font-size:15px}.resume-paper,.mc-resume,.standout-resume,.visionary-resume,.corporate-india-resume,.indian-two-resume,.indian-third-resume,.minimal-layout{height:auto}.resume-card-footer{flex-direction:column}}.template-preview{border-radius:16px;position:relative;overflow:hidden}.template-preview .resume-paper{pointer-events:none}.template-preview:hover .template-overlay{opacity:1;visibility:visible}.template-preview:hover .template-overlay{opacity:1}.resume-builder-page{background:#f5f7fb;height:100vh;display:flex;overflow:hidden}.resume-form-section{box-sizing:border-box;background:#fff;border-right:1px solid #dbe2ea;width:65%;padding:20px;overflow-y:auto}.resume-preview{box-sizing:border-box;justify-content:center;align-items:flex-start;width:50%;padding:20px;display:flex;overflow-y:auto}.resume-preview-paper{transform-origin:top;background:#fff;border-radius:12px;width:794px;overflow:hidden;transform:scale(.88);box-shadow:0 12px 40px #00000014}.resume-form-section input,.resume-form-section textarea{box-sizing:border-box;border:1px solid #dbe2ea;border-radius:8px;outline:none;width:100%;margin-bottom:8px;padding:10px 12px;font-size:13px}.resume-form-section textarea{resize:vertical;min-height:90px}.resume-form-section h2{color:#111827;margin-bottom:18px;font-size:24px}.resume-form-section h3{color:#1f2937;margin-top:16px;margin-bottom:8px;font-size:16px}.resume-form-section h4{margin-top:8px;margin-bottom:6px;font-size:13px}.dynamic-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:12px}.dynamic-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dynamic-row input{margin-bottom:0}.resume-form-section button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;width:fit-content;margin-top:4px;margin-right:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s}.resume-form-section button:hover{opacity:.9}.download-btn{background:#111827!important;margin-top:20px!important;padding:10px 16px!important;font-size:13px!important}@media (width<=1100px){.resume-builder-page{flex-direction:column}.resume-form-section,.resume-preview{width:100%}.resume-preview-paper{transform:scale(.7)}}.quotation-gallery-page{box-sizing:border-box;background:#f5f7fb;width:100%;max-width:1800px;min-height:100vh;margin:auto;padding:24px}.quotation-top-section{text-align:center;margin-bottom:24px}.quotation-top-section h1{color:#13265c;margin-bottom:8px;font-size:16px;font-weight:700}.title-underline{background:#f4b400;border-radius:30px;width:80px;height:4px;margin:14px auto 24px}.template-filters{scrollbar-width:thin;justify-content:center;gap:10px;margin-top:28px;padding-bottom:10px;display:flex;overflow-x:auto}.template-filters::-webkit-scrollbar{height:6px}.template-filters::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.template-filters button{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;flex:none;padding:10px 20px;font-size:13px;font-weight:700;transition:all .25s;width:auto!important}.template-filters button:hover{background:#dbeafe}.template-filters button.active{color:#fff;background:#2563eb}.quotation-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:stretch;gap:28px;display:grid}.quotation-card{cursor:pointer;flex-direction:column;width:100%;height:100%;transition:all .25s;display:flex}.quotation-card:hover{transform:translateY(-6px)}.quotation-preview{border-radius:16px;position:relative;overflow:hidden}.quotation-paper{box-sizing:border-box;background:#fff;border:1px solid #dbe2ea;border-radius:16px;height:650px;transition:all .25s;overflow:hidden;box-shadow:0 8px 28px #00000014}.quotation-one,.quotation-two-paper,.quotation-three{transform-origin:top;border-radius:18px;flex-shrink:0;overflow:hidden;box-shadow:0 10px 30px #0000001a,0 2px 10px #0000000d}.quotation-card:hover .resume-paper{transform:translateY(-5px);box-shadow:0 18px 40px #00000024}.quotation-paper,.quotation-one,.quotation-two-paper,.quotation-three{height:auto}.resume-card-footer{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 6px 0;display:flex}.resume-card-footer span{color:#334155;font-size:20px;font-weight:700}.template-tag{color:#64748b;margin-top:8px;font-size:13px;line-height:1.6}.template-overlay{opacity:0;z-index:5;pointer-events:none;background:#0f172a8c;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;inset:0}.quotation-preview .quotation-paper{pointer-events:none}.quotation-preview:hover .template-overlay{opacity:1}.choose-template-btn{color:#0f172a;cursor:pointer;z-index:10;pointer-events:auto;background:#fff;border:none;border-radius:999px;width:40%;padding:14px 24px;font-size:14px;font-weight:700;transition:all .25s;position:relative}.choose-template-btn:hover{color:#fff;background:#2563eb;transform:scale(1.05)}.quotation-one{color:#111827;background:#f4f4f4;border:2px solid bisque;padding:10px;font-family:Arial,sans-serif}.q1-header{border-bottom:2px solid #2563eb;justify-content:space-between;padding-bottom:8px;display:flex}.q1-company{gap:4px;display:flex}.q1-logo{object-fit:contain;width:40px;height:40px}.q1-company h2{margin-bottom:2px;font-size:12px;font-weight:700}.q1-company p{margin:2px 0;font-size:11px}.q1-right{text-align:right}.q1-right h1{color:#2563eb;letter-spacing:4px;margin-bottom:2px;font-size:12px}.q1-right p{margin:0;font-size:11px}.q1-top-info div{justify-content:flex-end;gap:4px;margin-top:2px;font-size:11px;display:flex}.q1-info{grid-template-columns:1fr 180px 1fr;gap:30px;margin:0 0 2px;padding:2px 0;font-size:12px;display:grid}.q1-info p{margin:0 0 2px}.q1-table{border-collapse:collapse;width:100%}.q1-table thead{color:#fff;background:#2563eb}.q1-table th{text-align:left;padding:8px;font-size:12px}.q1-table td{vertical-align:top;border-bottom:1px solid #d1d5db;padding:16px;font-size:12px;line-height:1.7}.q1-table ul{margin-top:2px;padding-left:24px}.q1-table li{margin-bottom:0;font-size:10px;line-height:1.8}.q1-total-wrap{justify-content:flex-end;margin-top:8px;display:flex}.q1-total-box{width:420px}.q1-tax,.q1-total{border-bottom:1px solid #d1d5db;justify-content:space-between;padding:12px 0;display:flex}.q1-tax{font-size:11px}.q1-total{font-size:12px;font-weight:700}.q1-amount-row{border-top:2px solid #2563eb;border-bottom:2px solid #2563eb;justify-content:space-between;margin-top:8px;padding:14px 0;font-size:12px;display:flex}.q1-bottom{justify-content:space-between;margin-top:4px;display:flex}.q1-bank h3{margin-bottom:2px;font-size:11px}.q1-bank div{gap:6px;margin-bottom:2px;font-size:11px;display:flex}.q1-sign{text-align:center}.q1-sign p{margin:0 0 2px;font-size:10px}.q1-sign img{object-fit:contain;width:80px;height:40px}.q1-sign span{font-size:10px}.q1-terms{margin-top:0}.q1-terms h4{margin:4px 0 2px;font-size:12px}.q1-terms p{margin:0;font-size:10px;line-height:1.9}.q1-footer{border-top:1px solid #d1d5db;justify-content:space-between;margin-top:6px;padding-top:3px;font-size:11px;display:flex}.quotation-two-paper{background:#efefef;padding:40px;font-family:Arial,sans-serif;position:relative}.qt2-top-shape{background:linear-gradient(135deg,#b08b69,#d6b89d);width:520px;height:320px;position:absolute;top:-100px;right:-120px;transform:rotate(-25deg)}.qt2-bottom-shape{background:linear-gradient(135deg,#d9985d,#f3c59e);width:520px;height:320px;position:absolute;bottom:-120px;left:-140px;transform:rotate(-30deg)}.qt2-inner{z-index:2;border:4px solid #8a5a2c;min-height:100%;padding:48px;position:relative}.qt2-header{text-align:center;margin-bottom:6px}.qt2-header h1{color:#8a5425;margin:0 0 4px;font-size:14px;font-weight:800}.qt2-header h3{margin:8px 0;font-size:12px}.qt2-top-info{justify-content:space-between;gap:50px;margin-bottom:8px;display:flex}.qt2-top-info>div{width:50%}.qt2-top-info h2{margin-bottom:10px;font-size:12px}.qt2-top-info p{margin:0;font-size:11px;line-height:1.8}.qt2-to{text-align:right}.qt2-table-title{margin-bottom:6px;font-size:12px;font-weight:800}.qt2-table{border-collapse:collapse;width:100%;margin-bottom:8px}.qt2-table th{text-align:center;background:#dccbb8;border:1px solid #444;padding:16px;font-size:11px}.qt2-table td{text-align:center;border:1px solid #444;padding:16px;font-size:11px;line-height:1.7}.qt2-table td:first-child{text-align:left}.qt2-total-label{background:#dccbb8;font-weight:700}.qt2-terms{margin-top:20px}.qt2-terms h2{margin:0;font-size:11px}.qt2-terms ul{margin-top:6px;padding-left:6px}.qt2-terms li{margin-bottom:0;font-size:10px;line-height:1.9}.qt2-sign-area{justify-content:space-between;margin-top:20px;display:flex}.qt2-sign-area p{margin:0;font-size:12px}.qt2-space{height:10px}.qt2-sign-area h3{margin:0;font-size:11px}.qt2-approved{text-align:right}.quotation-three{color:#111;background:#f4f4f4;font-family:Arial,sans-serif;position:relative}.qt3-header{background:#a9c9c8;padding:10px 20px 5px}.qt3-header-top{justify-content:space-between;align-items:center;min-height:80px;display:flex;position:relative}.qt3-header h1{text-align:center;margin:0;font-size:14px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qt3-quote,.qt3-date{align-items:center;gap:12px;font-size:1px;font-weight:700;display:flex}.qt3-line{border-bottom:2px solid #333;width:100px}.qt3-bill-section{justify-content:space-between;padding:40px 50px;display:flex}.qt3-bill-section h3{margin:0;font-size:12px}.qt3-bill-section p{margin:0;font-size:12px;line-height:1.8}.qt3-bill-right{text-align:right}.qt3-title{margin-bottom:4px;padding:0 50px;font-size:14px;font-weight:700}.qt3-table{border-collapse:collapse;background:#fff;width:calc(100% - 100px);margin:auto}.qt3-table th{text-align:center;background:#a9c9c8;border:1px solid #444;padding:18px;font-size:12px}.qt3-table td{border:1px solid #444;height:48px;padding:18px;font-size:12px;line-height:1.7}.qt3-total-label{text-align:right;font-weight:700}.qt3-grand-row td{background:#a9c9c8;font-weight:800}.qt3-signatures{justify-content:space-between;padding:20px 10px 0;display:flex}.qt3-signatures h4{text-align:center;margin-top:16px;margin-bottom:6px;font-size:12px}.qt3-signatures p{text-align:center;font-size:12px}.qt3-sign-line{border-bottom:2px solid #222;width:120px;margin:auto}.qt3-footer{background:repeating-linear-gradient(-45deg,#a9c9c8,#a9c9c8 4px,#d9eeee 4px 8px);width:0;height:10px;position:absolute;bottom:0;left:0}@media (width<=1200px){.quotation-gallery-grid{grid-template-columns:1fr}}@media (width<=768px){.quotation-gallery-page{padding:16px}.quotation-top-section h1{font-size:34px}.resume-card-footer{flex-direction:column}}.quote-builder-page{background:#f1f5f9;width:100%;min-height:100vh;display:flex}.quote-form-panel{box-sizing:border-box;background:#fff;border-right:1px solid #dbe2ea;width:43%;min-width:40%;height:100vh;padding:24px;overflow-y:auto}.quote-form-title{color:#0f172a;margin-bottom:24px;font-size:28px;font-weight:700}.quote-form-heading{color:#334155;margin-top:28px;margin-bottom:14px;font-size:18px;font-weight:700}.quote-input,.quote-textarea{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:14px}.quote-input:focus,.quote-textarea:focus{border-color:#2563eb}.quote-textarea{resize:vertical;min-height:100px}.quote-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:10px;margin-right:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.quote-btn:hover{opacity:.9}.quote-remove-btn{background:#dc2626}.quote-download-btn{width:100%;margin-top:30px;padding:14px;font-size:16px}.quote-dynamic-box{background:#f8fafc;border:1px solid #dbe2ea;border-radius:14px;margin-bottom:20px;padding:14px}.quote-dynamic-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.quote-dynamic-row .quote-input{margin-bottom:0}.quote-preview-panel{box-sizing:border-box;background:#e2e8f0;flex:1;justify-content:center;align-items:flex-start;height:100vh;padding:40px;display:flex;overflow:auto}.quote-preview-paper-wrap{justify-content:center;align-items:flex-start;width:100%;padding-top:40px;padding-bottom:120px;display:flex}.quote-preview-paper-wrap .quotation-one,.quote-preview-paper-wrap .quotation-two-paper,.quote-preview-paper-wrap .quotation-three{transform-origin:top;background:#fff;border-radius:20px;overflow:visible;transform:scale(.72);box-shadow:0 10px 30px #0000001f,0 2px 10px #00000014;width:1000px!important;min-height:1400px!important}.quote-form-panel::-webkit-scrollbar{width:8px;height:8px}.quote-preview-panel::-webkit-scrollbar{width:8px;height:8px}.quote-form-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.quote-preview-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}@media (width<=1200px){.quote-builder-page{flex-direction:column}.quote-form-panel{border-bottom:1px solid #dbe2ea;border-right:none;width:100%;min-width:100%;height:auto}.quote-preview-panel{height:auto;min-height:100vh;padding:16px}.quote-preview-paper-wrap{padding-top:20px;padding-bottom:80px}.quote-preview-paper-wrap .quotation-one,.quote-preview-paper-wrap .quotation-two-paper,.quote-preview-paper-wrap .quotation-three{transform:scale(.42)}}.mcf-page{background:#f3f4f6;height:100vh;display:flex;overflow:hidden}.mcf-form{background:#fff;border-right:1px solid #e5e7eb;width:520px;min-width:520px;height:100vh;padding:24px;overflow-y:auto}.mcf-form h2{color:#111827;margin-bottom:24px;font-size:28px;font-weight:700}.mcf-section-title{color:#2563eb;margin-top:24px;margin-bottom:14px;font-size:18px;font-weight:700}.mcf-form input,.mcf-form textarea{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:14px;transition:all .2s}.mcf-form input:focus,.mcf-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mcf-form textarea{resize:vertical;min-height:100px}.mcf-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:14px}.mcf-row{gap:8px;margin-bottom:10px;display:flex}.mcf-row input{margin-bottom:0}.mcf-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:4px;padding:10px 14px;font-size:14px;font-weight:600}.mcf-add-btn:hover{background:#1d4ed8}.mcf-remove-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:8px;padding:10px 12px;font-size:13px}.mcf-remove-btn:hover{background:#dc2626}.mcf-download{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;width:100%;margin-top:28px;padding:14px;font-size:15px;font-weight:700}.mcf-download:hover{background:#000}.mcf-preview{background:#f4f7fb;flex:1;justify-content:center;align-items:flex-start;padding:30px;display:flex;overflow:auto}.mcf-paper{width:fit-content;height:fit-content;box-shadow:none;background:0 0;margin:0;padding:0;display:inline-block}.mc-resume{box-sizing:border-box;background:#fff;width:694px;margin:0;padding:35px}@media (width<=1200px){.mcf-page{flex-direction:column;overflow:auto}.mcf-form{width:100%;min-width:100%;height:auto}.mcf-preview{padding:20px;overflow:auto}.mcf-paper{width:100%;transform:scale(1)}}.sof-page{background:#f4f7fb;height:100vh;display:flex;overflow:hidden}.sof-form{box-sizing:border-box;background:#fff;border-right:1px solid #e4e7ec;width:420px;min-width:420px;height:100vh;padding:28px;overflow-y:auto}.sof-form::-webkit-scrollbar{width:7px}.sof-form::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.sof-form h2{color:#111827;margin-bottom:25px;font-size:28px;font-weight:700}.sof-section-title{color:#2563eb;border-bottom:2px solid #dbeafe;margin-top:30px;margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:700}.sof-form input,.sof-form textarea{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;margin-bottom:14px;padding:13px 14px;font-size:14px;transition:all .2s}.sof-form input:focus,.sof-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.sof-form textarea{resize:vertical;min-height:120px;font-family:inherit}.sof-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:18px;padding:16px}.sof-row{align-items:center;gap:10px;display:flex}.sof-row input{margin-bottom:12px}.sof-add-btn,.sof-remove-btn,.sof-download-btn{cursor:pointer;border:none;font-weight:600;transition:all .2s}.sof-add-btn{color:#fff;background:#2563eb;border-radius:10px;margin-top:8px;margin-bottom:18px;padding:12px 18px}.sof-add-btn:hover{background:#1d4ed8}.sof-remove-btn{color:#fff;white-space:nowrap;background:#ef4444;border-radius:8px;padding:10px 14px}.sof-remove-btn:hover{background:#dc2626}.sof-download-btn{color:#fff;background:#111827;border-radius:12px;width:100%;margin-top:20px;padding:15px;font-size:16px}.sof-download-btn:hover{background:#000}.sof-preview{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;height:100vh;padding:30px;display:flex;overflow-y:auto}.sof-preview::-webkit-scrollbar{width:8px}.sof-preview::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.sof-paper{background:#fff;width:794px;display:inline-block;overflow:hidden;box-shadow:0 10px 35px #00000014}@media (width<=1100px){.sof-page{flex-direction:column;height:auto}.sof-form{width:100%;min-width:100%;height:auto}.sof-preview{width:100%;padding:20px;overflow:auto}.sof-paper{transform-origin:top;transform:scale(.9)}}.vf-page{background:#f3f6fb;min-height:100vh;display:flex}.vf-form{box-sizing:border-box;background:#fff;border-right:1px solid #e5e7eb;width:420px;min-width:420px;height:100vh;padding:28px;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 0 25px #0000000a}.vf-form h2{color:#111827;margin:0 0 24px;font-size:28px}.vf-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:18px}.vf-section-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.vf-section-top h3{color:#111827;margin:0;font-size:18px}.vf-section-top button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.vf-form input,.vf-form textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;margin-bottom:14px;padding:13px 14px;font-size:14px}.vf-form textarea{resize:vertical;min-height:120px}.vf-form input:focus,.vf-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.vf-row{gap:10px;margin-bottom:12px;display:flex}.vf-row input{margin-bottom:0}.vf-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:16px}.vf-remove-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:10px;padding:10px 14px;font-size:13px}.vf-action-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.vf-action-row button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.vf-image-upload label{margin-bottom:10px;font-size:14px;font-weight:600;display:block}.vf-download{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:700}.vf-preview{box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;height:100vh;margin-left:420px;padding:30px;display:flex;overflow-y:auto}.vf-paper{width:fit-content;height:fit-content;display:inline-block}.vf-paper .visionary-resume{transform-origin:top;transform:scale(.92);margin:0!important}.vf-form::-webkit-scrollbar{width:7px}.vf-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.ca1f-page{background:#f3f4f6;height:100vh;display:flex;overflow:hidden}.ca1f-form{background:#fff;border-right:1px solid #e5e7eb;width:60%;min-width:60%;height:100vh;padding:24px 24px 140px;overflow-y:auto}.ca1f-form *{box-sizing:border-box}.ca1f-form h2{color:#111827;margin-bottom:24px;font-size:28px;font-weight:700}.ca1f-section{margin-bottom:28px}.ca1f-section h3{color:#111827;margin-bottom:14px;font-size:18px}.ca1f-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ca1f-title h3{margin:0}.ca1f-form input,.ca1f-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:14px;transition:all .2s}.ca1f-form input:focus,.ca1f-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ca1f-form textarea{resize:vertical;min-height:120px}.ca1f-row{align-items:center;gap:10px;width:100%;margin-bottom:12px;display:flex}.ca1f-row input{flex:1;margin-bottom:0}.ca1f-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:18px;padding:16px}.ca1f-form button{cursor:pointer;border:none;width:auto;font-size:14px;transition:all .2s}.ca1f-title button{color:#fff;background:#2563eb;border-radius:10px;padding:10px 16px;font-weight:600}.ca1f-title button:hover{background:#1d4ed8}.ca1f-row button{color:#fff;background:#ef4444;border-radius:10px;flex-shrink:0;min-width:85px;padding:10px 14px}.ca1f-row button:hover{background:#dc2626}.ca1f-small-btn{color:#fff;background:#0f766e;border-radius:10px;margin-top:8px;margin-right:10px;padding:10px 16px}.ca1f-small-btn:hover{background:#115e59}.ca1f-delete-exp{color:#fff;background:#b91c1c;border-radius:10px;margin-top:10px;padding:10px 16px}.ca1f-delete-exp:hover{background:#991b1b}.ca1f-download{color:#fff;background:#111827;border-radius:12px;margin-bottom:10px;padding:14px;font-size:15px;font-weight:600;width:100%!important}.ca1f-download:hover{background:#000}.ca1f-preview{flex:1;justify-content:center;height:100vh;padding:30px;display:flex;overflow-y:auto}.ca1f-paper{background:#fff;width:fit-content;height:fit-content}.ca1f-form::-webkit-scrollbar{width:8px}.ca1f-preview::-webkit-scrollbar{width:8px}.ca1f-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.ca1f-preview::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.ind3f-page{background:#f3f4f6;height:100vh;display:flex;overflow:hidden}.ind3f-form{background:#fff;border-right:1px solid #e5e7eb;width:66%;min-width:66%;height:100vh;padding:24px 24px 160px;overflow-y:auto}.ind3f-form *{box-sizing:border-box}.ind3f-form h2{color:#111827;margin-bottom:24px;font-size:28px;font-weight:700}.ind3f-section{margin-bottom:28px}.ind3f-section h3{color:#111827;margin-bottom:14px;font-size:18px}.ind3f-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ind3f-title h3{margin:0}.ind3f-form input,.ind3f-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px 14px;font-size:14px;transition:all .2s}.ind3f-form input:focus,.ind3f-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ind3f-form textarea{resize:vertical;min-height:120px}.ind3f-row{align-items:center;gap:10px;width:100%;margin-bottom:12px;display:flex}.ind3f-row input{flex:1;margin-bottom:0}.ind3f-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:18px;padding:16px}.ind3f-form button{cursor:pointer;border:none;width:auto;font-size:14px;transition:all .2s}.ind3f-title button{color:#fff;background:#2563eb;border-radius:10px;padding:10px 16px;font-weight:600}.ind3f-title button:hover{background:#1d4ed8}.ind3f-row button{color:#fff;background:#ef4444;border-radius:10px;flex-shrink:0;min-width:85px;padding:10px 14px}.ind3f-row button:hover{background:#dc2626}.ind3f-small-btn{color:#fff;background:#0f766e;border-radius:10px;margin-top:8px;margin-right:10px;padding:10px 16px}.ind3f-small-btn:hover{background:#115e59}.ind3f-delete-exp{color:#fff;background:#b91c1c;border-radius:10px;margin-top:10px;padding:10px 16px}.ind3f-delete-exp:hover{background:#991b1b}.ind3f-download{color:#fff;background:#111827;border-radius:12px;margin-bottom:80px;padding:14px;font-size:15px;font-weight:600;width:100%!important}.ind3f-download:hover{background:#000}.ind3f-preview{flex:1;justify-content:center;height:100vh;padding:30px;display:flex;overflow-y:auto}.ind3f-paper{background:#fff;width:fit-content;height:fit-content}.ind3f-form::-webkit-scrollbar{width:8px}.ind3f-preview::-webkit-scrollbar{width:8px}.ind3f-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.ind3f-preview::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.about-page{max-width:800px;margin:auto;padding:40px}.contact-page{max-width:700px;margin:auto;padding:40px}.contact-page input,.contact-page textarea{border:1px solid #d1d5db;border-radius:10px;width:100%;margin-bottom:16px;padding:14px}.contact-page button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 20px}.blog-page{padding:40px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;text-decoration:none;display:grid}.blog-card{height:100%;min-height:480px;color:inherit;background:#fff;border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000014}a{color:inherit;text-decoration:none}.blog-card img{object-fit:cover;width:100%;height:220px}.blog-content{flex-direction:column;flex:1;padding:20px;text-decoration:none;display:flex}.blog-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:56px;display:-webkit-box;overflow:hidden}.blog-content p{-webkit-line-clamp:4;color:#666;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.blog-content button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:auto;padding:10px 16px;text-decoration:none}.blog-details{max-width:900px;margin:auto;padding:40px 20px}.blog-details img{border-radius:14px;width:100%;margin-bottom:10px}.blog-text{margin-top:10px;line-height:1.8}.related-blogs{margin-top:40px}.related-blogs h2{margin-bottom:20px}.share-buttons{flex-wrap:wrap;gap:12px;margin:20px 0 30px;display:flex}.share-buttons a{color:#fff;border-radius:10px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .2s}.share-buttons a:first-child{background:#25d366}.share-buttons a:nth-child(2){background:#111827}.share-buttons a:nth-child(3){background:#1877f2}.share-buttons a:nth-child(4){background:#229ed9}.share-buttons a:hover{opacity:.9;transform:translateY(-2px)}.blog-layout{background:#f5f5f5;gap:24px;padding:20px;display:flex}.blog-left{background:#fff;border-radius:14px;width:240px;height:fit-content;padding:20px;position:sticky;top:20px}.category-item{cursor:pointer;background:#f3f4f6;border-radius:10px;margin-bottom:10px;padding:12px;font-weight:600}.category-item:hover{background:#e5e7eb}.blog-center{background:#fff;border-radius:14px;flex:1;padding:25px}.blog-details-image{border-radius:14px;width:100%;margin-bottom:20px}.main-blog-title{margin-bottom:20px;font-size:38px;line-height:1.2}.blog-p{margin-bottom:18px;font-size:14px;line-height:1.9}.blog-h1{margin-top:15px;font-size:32px}.blog-h2{margin-top:14px;font-size:20px}.blog-li{margin-bottom:10px;margin-left:20px;font-size:14px}.blog-right{background:#fff;border-radius:14px;width:320px;height:fit-content;padding:20px;position:sticky;top:20px}.latest-blog-card{color:#000;border-radius:10px;gap:12px;width:100%;height:100px;padding:10px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.latest-blog-card:hover{background:#f5f5f5}.latest-blog-card img{object-fit:cover;border-radius:10px;flex-shrink:0;width:110px;height:80px}.latest-blog-card div{flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow:hidden}.latest-blog-card h4{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.latest-blog-card p{color:gray;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:10px;display:-webkit-box;overflow:hidden}.share-buttons{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.share-buttons a{color:#fff;background:#111827;border-radius:10px;padding:10px 14px;font-size:12px;text-decoration:none}.mobile-menu-btn{display:none}@media (width<=1100px){.blog-layout{flex-direction:column}.blog-left{display:none}.show-sidebar{display:block}.blog-right{width:100%}.mobile-menu-btn{color:#fff;background:#111827;border:none;border-radius:10px;margin:15px;padding:12px;font-size:15px;display:block}.main-blog-title{font-size:28px}.blog-p{font-size:14px}}.category-item{cursor:pointer;color:#000;background:#f3f4f6;border-radius:10px;margin-bottom:10px;padding:12px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.category-item:hover{color:#fff;background:#2563eb}body{margin:0;padding:0;font-family:Segoe UI,sans-serif}.page{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;min-height:auto;padding:20px;display:flex}.card{text-align:center;background:#fff;border-radius:16px;width:460px;padding:40px;box-shadow:0 20px 50px #0003}.card.large{background:#fff;border-radius:16px;width:90%;max-width:1200px;margin:20px auto;padding:32px;box-shadow:0 20px 50px #0003}.card h1,.card h2{color:#111;margin-bottom:10px}.card p{color:#555;margin-bottom:20px}.upload-area{cursor:pointer;text-align:center;border:2px dashed #cbd5e1;border-radius:12px;margin-bottom:20px;padding:30px;transition:all .3s}.upload-area:hover{background:#f8fafc;border-color:#667eea}button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;display:block}button:hover{opacity:.9}.back-btn{color:#111;cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:14px;position:absolute;top:20px;left:20px;box-shadow:0 4px 10px #0000001a;width:auto!important}.back-btn:hover{background:#f1f5f9}.file-box{text-align:left;background:#f1f5f9;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}.tool-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0;display:grid}@media (width<=900px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.tool-grid{grid-template-columns:1fr}}.tool-card{text-align:center;cursor:pointer;background:#f1f5f9;border:2px solid #0000;border-radius:12px;padding:20px;transition:all .2s}.tool-card:hover{background:#e2e8f0}.tool-card.active{background:#eef2ff;border:2px solid #667eea}.tool-card .icon{margin-bottom:10px;font-size:28px}.option-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0;display:grid}.option-card{text-align:center;cursor:pointer;background:#f1f5f9;border:2px solid #0000;border-radius:10px;padding:15px;font-weight:600}.option-card:hover{background:#e2e8f0}.option-card.active{background:#eef2ff;border:2px solid #667eea}.input-group{gap:10px;margin:20px 0;display:flex}.input-group input,.input-group select{border:1px solid #ccc;border-radius:8px;padding:12px}.input-group input{flex:2}.input-group select{flex:1}.file-list{text-align:left;max-height:120px;margin:15px 0;overflow-y:auto}.file-item{background:#f1f5f9;border-radius:6px;margin-bottom:6px;padding:8px;font-size:13px}.text-area{resize:none;border:1px solid #ccc;border-radius:10px;width:100%;height:150px;margin:20px 0;padding:12px;font-size:14px}.text-area:focus{border-color:#667eea;outline:none}.loader-box{text-align:center;margin:20px 0}.spinner{border:4px solid #ddd;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin:0 auto 10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-box{text-align:center;margin-top:20px}.success-box p{margin-bottom:15px;font-weight:600}.btn-success{background:#22c55e!important}.btn-success:hover{background:#16a34a!important}.btn-danger{background:#ef4444!important}.btn-danger:hover{background:#dc2626!important}.preview-list{flex-direction:column;gap:20px;display:flex}.preview-item{text-align:center;background:#fafafa;border:1px solid #ddd;border-radius:12px;padding:15px}.img-wrapper{background:#fff;border:1px solid #eee;border-radius:10px;justify-content:center;align-items:center;width:200px;height:150px;margin:0 auto 15px;display:flex;overflow:hidden}.preview-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.actions{flex-wrap:nowrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.actions button{cursor:pointer;white-space:nowrap;padding:8px 12px;width:auto!important;display:inline-block!important}.btn-danger{margin-top:20px;margin-bottom:10px}.compress-card{max-width:420px;margin:auto}.title{margin-bottom:4px;font-size:24px;font-weight:700}.subtitle{color:#666;margin-bottom:20px;font-size:13px}.file-preview{background:#f5f7ff;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:12px;display:flex}.file-icon{font-size:22px}.file-name{font-size:14px;font-weight:600}.file-meta{color:gray;font-size:12px}.input-section{margin-top:10px}.label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-group{gap:10px;display:flex}.input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:10px}.select{background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px}.tips{color:#555;background:#fff8e6;border-radius:8px;margin-top:15px;padding:10px;font-size:12px}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-weight:600;transition:all .2s}.primary-btn:hover{transform:translateY(-1px)}.error{color:red;margin-top:6px;font-size:12px}.download-link{text-decoration:none}.footer{margin-top:20px}