:root{--cpf-blue:#2563eb;--cpf-purple:#7147d9;--cpf-ink:#17213b;--cpf-muted:#69758c;--cpf-line:#dfe6f1;--cpf-soft:#f7f9fd}.cpf-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf5ff,#f5f0ff 56%,#f0fdf4);border:1px solid #e1e8f4}.cpf-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 68%)}.cpf-page{max-width:1180px}.cpf-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.cpf-trust span{padding:10px;border:1px solid var(--cpf-line);border-radius:10px;background:#fff;color:#57637a;font-size:.76rem;font-weight:600;text-align:center}.cpf-shell{padding:22px;border:1px solid var(--cpf-line);border-radius:24px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 22px 70px rgba(31,48,85,.1)}.pdf-upload-zone{position:relative;display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #b7c8e7;border-radius:20px;background:radial-gradient(circle at 50% 0,#edf4ff,transparent 50%),#fff;text-align:center;cursor:pointer;transition:.2s}.pdf-upload-zone:hover,.pdf-upload-zone.dragover{border-color:var(--cpf-blue);transform:translateY(-2px);box-shadow:0 18px 50px rgba(37,99,235,.12)}.pdf-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--cpf-blue),var(--cpf-purple));color:#fff;font-size:2rem;box-shadow:0 14px 32px rgba(65,75,210,.25)}.pdf-upload-zone h2{margin:18px 0 5px;color:var(--cpf-ink)}.pdf-upload-zone p{margin:0;color:var(--cpf-muted)}.choose-file{margin:18px 0 12px;padding:10px 22px;border-radius:999px;background:var(--cpf-ink);color:#fff;font-weight:700}.pdf-upload-zone small{color:#7b859a}.pre-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.file-panel{padding:24px;border-radius:18px;background:linear-gradient(155deg,#17213a,#293755);color:#fff}.pdf-sheet{display:flex;align-items:center;justify-content:space-between;width:72px;height:88px;box-sizing:border-box;padding:10px;margin-bottom:20px;border-radius:8px 18px 8px 8px;background:#fff;color:#2563eb;font-size:.72rem;font-weight:800}.pdf-sheet i{font-size:1.4rem;font-style:normal}.file-name{overflow:hidden;text-overflow:ellipsis;font-weight:700;white-space:nowrap}.file-meta{display:flex;gap:8px;margin-top:8px;color:#bdc9e0;font-size:.75rem}.file-meta span+span:before{content:"·";margin-right:8px}.safe-box{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}.safe-box strong{color:#c8d8ff;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.safe-box p{color:#c4cede;font-size:.77rem;line-height:1.55}.settings-card{padding:10px 14px}.setting-title{display:flex;gap:11px}.setting-title.second{margin-top:23px}.setting-title>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#e9f1ff;color:var(--cpf-blue);font-size:.78rem;font-weight:800}.setting-title h2{margin:0;color:var(--cpf-ink);font-size:1rem}.setting-title p{margin:3px 0 0;color:var(--cpf-muted);font-size:.74rem}.method-card{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;margin-top:13px;padding:14px;border:1px solid #9dbbfb;border-radius:13px;background:#f1f6ff}.method-card>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--cpf-blue)}.method-card strong{color:var(--cpf-ink);font-size:.82rem}.method-card p{margin:3px 0 0;color:var(--cpf-muted);font-size:.7rem;line-height:1.4}.method-card>span{padding:4px 7px;border-radius:99px;background:#dbe8ff;color:#225ac9;font-size:.64rem;font-weight:800}.toggle-option{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-top:13px;padding:13px;border:1px solid var(--cpf-line);border-radius:12px;cursor:pointer}.toggle-option input{position:absolute;opacity:0}.check-ui{width:19px;height:19px;border:2px solid #b9c5d9;border-radius:6px;box-sizing:border-box}.toggle-option input:checked+.check-ui{border-color:var(--cpf-blue);background:var(--cpf-blue);box-shadow:inset 0 0 0 4px #fff}.toggle-option strong{color:var(--cpf-ink);font-size:.8rem}.toggle-option p{margin:3px 0;color:var(--cpf-muted);font-size:.69rem;line-height:1.4}.password-option{margin-top:12px;padding:11px 13px;border:1px solid var(--cpf-line);border-radius:11px;background:#fafbfe}.password-option summary{color:#48546c;font-size:.78rem;font-weight:700;cursor:pointer}.pw-wrap{position:relative;margin-top:10px}.pw-wrap input{width:100%;box-sizing:border-box;padding:10px 58px 10px 11px;border:1px solid #d4ddea;border-radius:9px;font:500 .82rem inherit}.pw-toggle{position:absolute;right:6px;top:5px;padding:6px 8px;border:0;border-radius:7px;background:#edf2fa;font:700 .68rem inherit;cursor:pointer}.password-option p{margin:6px 0 0;color:var(--cpf-muted);font-size:.68rem}.process-btn{display:flex;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--cpf-blue),var(--cpf-purple));color:#fff;font:700 .94rem inherit;cursor:pointer;box-shadow:0 10px 25px rgba(55,78,207,.23)}.usage-note{margin:8px 0 0;color:var(--cpf-muted);font-size:.68rem;text-align:center}.processing-card,.result-card{max-width:650px;margin:auto;padding:65px 24px;text-align:center}.compress-animation{display:flex;align-items:center;justify-content:center;gap:14px}.compress-animation span{display:grid;place-items:center;width:55px;height:65px;border-radius:8px 14px 8px 8px;background:#e8f0ff;color:#2563eb;font-weight:800}.compress-animation span:last-child{animation:pulse 1.2s infinite}.compress-animation i{color:#7147d9;font-size:1.4rem}@keyframes pulse{50%{transform:scale(.88)}}.processing-card h2,.result-card h2{color:var(--cpf-ink)}.processing-card p,.result-meta,.result-safe{color:var(--cpf-muted);font-size:.8rem}.progress-track{height:9px;margin:22px 0 8px;overflow:hidden;border-radius:99px;background:#e2e8f2}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,var(--cpf-blue),var(--cpf-purple));transition:width .3s}.progress-text{color:var(--cpf-blue);font-size:.75rem;font-weight:700}.result-check{display:grid;place-items:center;width:66px;height:66px;margin:auto;border-radius:50%;background:#dcfce7;color:#159447;font-size:2rem}.saving-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 10px}.saving-grid>div{padding:13px;border-radius:12px;background:#f3f6fb}.saving-grid span{display:block;color:var(--cpf-muted);font-size:.66rem;text-transform:uppercase}.saving-grid strong{display:block;margin-top:4px;color:var(--cpf-ink)}.saving-grid .saved{background:#eaf9ef}.saving-grid .saved strong{color:#16813b}.saving-message,.stats-unavailable{color:var(--cpf-muted);font-size:.74rem}.dl-row{display:flex;justify-content:center;gap:9px;margin-top:18px}.result-download,.dl-ghost{padding:11px 18px;border-radius:10px;font:700 .82rem inherit;cursor:pointer}.result-download{border:0;background:var(--cpf-blue);color:#fff}.dl-ghost{border:1px solid #d4ddea;background:#fff;color:#47536b}.result-safe{margin-top:13px!important;font-size:.68rem!important}.cpf-explain,.results-guide,.cpf-steps,.cpf-faq{margin-top:56px}.section-heading{max-width:760px}.section-heading>span{color:var(--cpf-purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.results-guide>h2,.cpf-steps>h2,.cpf-faq>h2{margin:7px 0;color:var(--cpf-ink);font-size:1.5rem}.section-heading p{color:var(--cpf-muted);line-height:1.65}.explain-grid,.cpf-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.explain-grid article,.cpf-steps article{padding:18px;border:1px solid var(--cpf-line);border-radius:15px;background:#fff}.explain-grid b,.cpf-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--cpf-ink);color:#fff;font-size:.7rem}.explain-grid h3,.cpf-steps h3{margin:12px 0 4px;color:var(--cpf-ink);font-size:.9rem}.explain-grid p,.results-guide p,.cpf-steps p,.cpf-faq p{color:var(--cpf-muted);font-size:.8rem;line-height:1.6}.results-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.results-guide article{padding:21px;border:1px solid var(--cpf-line);border-radius:16px;background:var(--cpf-soft)}.results-guide span{font-size:.68rem;font-weight:800;text-transform:uppercase}.results-guide .high span{color:#16813b}.results-guide .low span{color:#b86d00}.results-guide .none span{color:#b42318}.results-guide h3{margin:8px 0;color:var(--cpf-ink);font-size:.95rem}.cpf-faq{max-width:880px;margin-left:auto;margin-right:auto}.cpf-faq details{padding:15px 2px;border-bottom:1px solid var(--cpf-line)}.cpf-faq summary{color:var(--cpf-ink);font-weight:700;cursor:pointer}@media(max-width:800px){.cpf-trust{grid-template-columns:1fr 1fr}.pre-layout{grid-template-columns:1fr}.explain-grid,.cpf-steps>div{grid-template-columns:1fr 1fr}.file-panel{padding:18px}}@media(max-width:560px){.cpf-trust,.explain-grid,.cpf-steps>div,.results-guide>div{grid-template-columns:1fr}.cpf-shell{padding:10px}.pdf-upload-zone{min-height:320px;padding:15px}.settings-card{padding:10px 4px}.method-card{grid-template-columns:40px 1fr}.method-card>span{grid-column:2}.saving-grid{grid-template-columns:1fr}.dl-row{flex-direction:column}}
