:root{
  --red:#E8383D;--blue:#3D5AFE;--orange:#FF6D00;--green:#00C853;
  --purple:#7C3AED;--pink:#E91E8C;--teal:#00BCD4;--yellow:#FFB300;
  --bg:#F0F4FF;--white:#fff;--dark:#0F1A2E;--text:#2D3A4E;--muted:#6B7A99;
  --shadow:0 4px 24px rgba(61,90,254,.10);--shadow-lg:0 12px 40px rgba(61,90,254,.18);
  --r:16px;--r-sm:10px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}
h1,h2,h3,h4{font-family:'Sora',sans-serif;}
a{text-decoration:none;}
button{cursor:pointer;font-family:inherit;}

/* ── NAV ── */
nav{background:#fff;box-shadow:0 2px 20px rgba(61,90,254,.08);position:sticky;top:0;z-index:900;}
.nav-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:68px;}
.logo{font-family:'Sora',sans-serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--red),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;border:none;background-color:transparent;}
.logo b{-webkit-text-fill-color:var(--orange);}
.nav-links{display:flex;gap:4px;list-style:none;align-items:center;}
.nav-links a{color:var(--text);font-weight:700;font-size:.91rem;padding:7px 13px;border-radius:8px;transition:.2s;cursor:pointer;display:block;}
.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,#EEF1FF,#FFF0F0);color:var(--blue);}
.nav-cta{background:linear-gradient(135deg,var(--red),#FF6B6B)!important;color:#fff!important;border-radius:10px!important;padding:8px 18px!important;box-shadow:0 4px 15px rgba(232,56,61,.35);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;}
.burger span{width:24px;height:2.5px;background:var(--dark);border-radius:2px;transition:.3s;display:block;}

/* ── PAGES ── */
.page{display:none;}
.page.active{display:block;}

/* ── HERO ── */
.hero{background:linear-gradient(135deg,#1a1f6e 0%,#3D5AFE 45%,#E8383D 100%);padding:80px 24px 90px;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='20' fill='%23fff' fill-opacity='.03'/%3E%3C/svg%3E");}
.hero-in{position:relative;z-index:1;max-width:700px;margin:0 auto;}
.badge{display:inline-block;background:rgba(255,255,255,.15);color:#fff;padding:6px 18px;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;border:1px solid rgba(255,255,255,.25);}
.hero h1{font-size:clamp(2rem,5vw,3.1rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px;letter-spacing:-1px;}
.hero h1 em{color:#FFD54F;font-style:normal;}
.hero p{color:rgba(255,255,255,.85);font-size:1.05rem;margin-bottom:30px;line-height:1.7;}
.hero-search{display:flex;max-width:460px;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2);}
.hero-search input{flex:1;border:none;padding:13px 18px;font-family:inherit;font-size:.93rem;color:var(--text);outline:none;}
.hero-search button{background:linear-gradient(135deg,var(--orange),#FF8F00);color:#fff;border:none;padding:13px 22px;font-family:inherit;font-weight:700;font-size:.88rem;}
.stats{display:flex;gap:28px;justify-content:center;margin-top:36px;flex-wrap:wrap;}
.stat{text-align:center;color:#fff;}
.stat strong{display:block;font-size:1.5rem;font-weight:800;color:#FFD54F;}
.stat span{font-size:.8rem;opacity:.8;}

/* ── SECTION ── */
.section{padding:60px 24px;max-width:1200px;margin:0 auto;}
.sec-hd{text-align:center;margin-bottom:44px;}
.sec-tag{display:inline-block;background:linear-gradient(135deg,#EEF1FF,#FFF0F0);color:var(--blue);padding:5px 15px;border-radius:50px;font-size:.76rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
.sec-hd h2{font-size:clamp(1.5rem,3.5vw,2.3rem);font-weight:800;color:var(--dark);margin-bottom:10px;letter-spacing:-.5px;}
.sec-hd p{color:var(--muted);font-size:.97rem;max-width:520px;margin:0 auto;line-height:1.7;}

/* ── FILTER PILLS ── */
.pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:32px;}
.pill{padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:.2s;background:#fff;color:var(--muted);box-shadow:0 2px 8px rgba(0,0,0,.07);}
.pill:hover,.pill.active{background:var(--blue);color:#fff;border-color:var(--blue);}
.pill[data-cat="PDF"].active{background:var(--red);border-color:var(--red);}
.pill[data-cat="Word"].active{background:#1565C0;border-color:#1565C0;}
.pill[data-cat="Excel"].active{background:var(--green);border-color:var(--green);}
.pill[data-cat="PowerPoint"].active{background:var(--orange);border-color:var(--orange);}
.pill[data-cat="Image"].active{background:var(--purple);border-color:var(--purple);}
.pill[data-cat="SVG"].active{background:var(--teal);border-color:var(--teal);}
.pill[data-cat="JSON"].active{background:var(--yellow);border-color:var(--yellow);color:var(--dark);}

/* ── TOOLS GRID ── */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px;}
.card{background:#fff;border-radius:var(--r);padding:20px 18px;box-shadow:var(--shadow);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;position:relative;overflow:hidden;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent,linear-gradient(90deg,var(--red),var(--orange)));opacity:0;transition:.25s;}
.card:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-lg);border-color:rgba(61,90,254,.12);}
.card:hover::before{opacity:1;}
.card-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:13px;}
.card h3{font-size:.95rem;font-weight:800;color:var(--dark);margin-bottom:5px;}
.card p{font-size:.8rem;color:var(--muted);line-height:1.5;}
.card-arr{position:absolute;top:15px;right:15px;width:26px;height:26px;border-radius:7px;background:#F0F4FF;display:flex;align-items:center;justify-content:center;font-size:.78rem;opacity:0;transition:.2s;color:var(--blue);}
.card:hover .card-arr{opacity:1;}

/* ── CTA STRIP ── */
.cta-strip{background:linear-gradient(135deg,var(--blue),#1a1f6e);padding:56px 24px;text-align:center;}
.cta-strip h2{color:#fff;font-size:clamp(1.3rem,3vw,1.9rem);margin-bottom:10px;font-weight:800;}
.cta-strip p{color:rgba(255,255,255,.8);margin-bottom:24px;font-size:.97rem;}
.cta-btn{display:inline-block;background:linear-gradient(135deg,var(--orange),#FF8F00);color:#fff;padding:13px 34px;border-radius:12px;font-weight:800;font-size:.97rem;box-shadow:0 6px 24px rgba(255,109,0,.4);transition:.2s;border:none;font-family:inherit;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,109,0,.5);}

/* ── MODAL ── */
.overlay{position:fixed;inset:0;background:rgba(15,26,46,.78);z-index:2000;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(5px);}
.overlay.open{display:flex;}
.modal{background:#fff;border-radius:22px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.3);animation:mIn .3s cubic-bezier(.34,1.56,.64,1);}
@keyframes mIn{from{opacity:0;transform:scale(.88) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);}}
.mhd{padding:22px 26px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #F0F4FF;position:sticky;top:0;background:#fff;z-index:1;border-radius:22px 22px 0 0;}
.mhd-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;}
.mhd-txt h3{font-size:1.1rem;font-weight:800;color:var(--dark);}
.mhd-txt p{font-size:.8rem;color:var(--muted);margin-top:2px;}
.mcls{margin-left:auto;width:32px;height:32px;border-radius:9px;border:none;background:#F0F4FF;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:.2s;flex-shrink:0;}
.mcls:hover{background:#FFE4E4;color:var(--red);}
.mbody{padding:26px;}

/* ── DROPZONE ── */
.dz{border:2.5px dashed #C5CFFF;border-radius:15px;padding:34px 22px;text-align:center;cursor:pointer;transition:.25s;background:#F7F9FF;position:relative;}
.dz.over{border-color:var(--blue);background:#EEF1FF;transform:scale(1.01);}
.dz.ready{background:linear-gradient(135deg,#EEF1FF,#F7F9FF);border-color:var(--blue);}
.dz input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.dz-ico{font-size:2.5rem;display:block;margin-bottom:9px;}
.dz-t{font-size:.97rem;font-weight:800;color:var(--dark);margin-bottom:4px;}
.dz-s{font-size:.8rem;color:var(--muted);}
.dz-s span{color:var(--blue);font-weight:700;text-decoration:underline;}
.dz-fn{font-size:.86rem;font-weight:700;color:var(--dark);margin-top:7px;word-break:break-all;}
.dz-fs{font-size:.74rem;color:var(--muted);margin-top:2px;}
.multi-hint{font-size:.76rem;color:var(--blue);font-weight:700;margin-top:5px;}

/* ── CONVERT BTN ── */
.conv-btn{width:100%;margin-top:16px;padding:14px;border-radius:12px;border:none;font-family:inherit;font-weight:800;font-size:.97rem;color:#fff;letter-spacing:.3px;transition:.25s;}
.conv-btn:disabled{opacity:.5;cursor:not-allowed;}
.conv-btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08);}

/* ── PROGRESS ── */
.prog-wrap{margin-top:16px;display:none;}
.prog-row{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--text);margin-bottom:6px;}
.prog-bg{height:10px;background:#E8ECFF;border-radius:50px;overflow:hidden;}
.prog-fill{height:100%;border-radius:50px;transition:width .35s ease;}
.prog-st{font-size:.77rem;color:var(--muted);margin-top:5px;text-align:center;min-height:16px;}

/* ── RESULT ── */
.result{margin-top:16px;display:none;background:linear-gradient(135deg,#E8F5E9,#F1FFF4);border-radius:12px;padding:16px 18px;text-align:center;border:1.5px solid #A5D6A7;}
.result h4{font-size:.97rem;font-weight:800;color:#1B5E20;margin-bottom:4px;}
.result p{font-size:.8rem;color:#388E3C;margin-bottom:12px;}
.dl-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#00C853,#1B5E20);color:#fff;padding:10px 26px;border-radius:9px;font-family:inherit;font-weight:800;font-size:.9rem;border:none;transition:.2s;}
.dl-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,200,83,.35);}

/* ── ERROR ── */
.err-box{margin-top:12px;display:none;background:#FFF3F3;border-radius:9px;padding:12px 15px;border:1.5px solid #FFCDD2;}
.err-box p{font-size:.83rem;color:#C62828;font-weight:600;}

.reset-btn{display:block;margin:10px auto 0;background:none;border:none;color:var(--muted);font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:underline;font-family:inherit;}

/* ── ABOUT ── */
.about-hero{background:linear-gradient(135deg,#1a1f6e,var(--blue));padding:68px 24px;text-align:center;}
.about-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;margin-bottom:12px;}
.about-hero p{color:rgba(255,255,255,.85);font-size:1rem;max-width:540px;margin:0 auto;line-height:1.7;}
.about-body{max-width:880px;margin:0 auto;padding:56px 24px;}
.a-sec{margin-bottom:48px;}
.a-sec h2{font-size:1.5rem;font-weight:800;color:var(--dark);margin-bottom:14px;}
.a-sec p{color:var(--text);line-height:1.8;font-size:.97rem;margin-bottom:12px;}
.vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:18px;margin-top:20px;}
.val-card{background:#fff;border-radius:var(--r);padding:26px 20px;box-shadow:var(--shadow);text-align:center;}
.val-ico{font-size:2.1rem;margin-bottom:10px;}
.val-card h4{font-size:.97rem;font-weight:800;color:var(--dark);margin-bottom:7px;}
.val-card p{font-size:.83rem;color:var(--muted);line-height:1.55;}

/* ── BLOG ── */
.blog-hero{background:linear-gradient(135deg,#7C3AED,#E91E8C);padding:68px 24px;text-align:center;}
.blog-hero h1{color:#fff;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;margin-bottom:10px;}
.blog-hero p{color:rgba(255,255,255,.85);font-size:.97rem;max-width:480px;margin:0 auto;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;}
.bcard{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:.25s;}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.bthumb{height:155px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;position:relative;}
.bcard-body{padding:20px;}
.btag{display:inline-block;padding:3px 11px;border-radius:50px;font-size:.7rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:9px;}
.bcard-body h3{font-size:1rem;font-weight:800;color:var(--dark);margin-bottom:7px;}
.bcard-body p{font-size:.82rem;color:var(--muted);line-height:1.55;}
.cs-bdg{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.55);color:#fff;font-size:.68rem;font-weight:800;padding:3px 9px;border-radius:50px;}
.nl-strip{background:linear-gradient(135deg,#F0F4FF,#FFF0F0);border-radius:var(--r);padding:38px;text-align:center;margin-top:44px;}
.nl-strip h3{font-size:1.25rem;font-weight:800;color:var(--dark);margin-bottom:7px;}
.nl-strip p{color:var(--muted);font-size:.88rem;margin-bottom:18px;}
.nl-form{display:flex;max-width:390px;margin:0 auto;border-radius:9px;overflow:hidden;box-shadow:var(--shadow);}
.nl-form input{flex:1;border:none;padding:11px 15px;font-family:inherit;font-size:.88rem;outline:none;}
.nl-form button{background:var(--blue);color:#fff;border:none;padding:11px 20px;font-family:inherit;font-weight:700;font-size:.83rem;}

/* ── PDF PAGE ── */
.pdf-hero{background:linear-gradient(135deg,#B71C1C,var(--red),#FF6B6B);padding:68px 24px;text-align:center;}
.pdf-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:10px;}
.pdf-hero p{color:rgba(255,255,255,.88);font-size:.97rem;max-width:500px;margin:0 auto;line-height:1.7;}

/* ── CONTACT ── */
.contact-hero{background:linear-gradient(135deg,#00897B,var(--teal));padding:68px 24px;text-align:center;}
.contact-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:10px;}
.contact-hero p{color:rgba(255,255,255,.88);font-size:.97rem;}
.contact-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:36px;max-width:880px;margin:0 auto;padding:56px 24px;}
.ci-info h3{font-size:1.1rem;font-weight:800;color:var(--dark);margin-bottom:18px;}
.ci-item{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px;}
.ci-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.ci-txt h4{font-size:.85rem;font-weight:800;color:var(--dark);margin-bottom:2px;}
.ci-txt p,.ci-txt a{font-size:.81rem;color:var(--muted);}
.ci-txt a{color:var(--blue);font-weight:700;}
.soc-links{display:flex;flex-direction:column;gap:9px;margin-top:18px;}
.soc-a{display:flex;align-items:center;gap:9px;padding:9px 15px;border-radius:10px;font-size:.82rem;font-weight:700;color:#fff;transition:.2s;text-decoration:none;}
.soc-a:hover{transform:translateX(3px);}
.soc-fb{background:#1877F2;}
.soc-wa{background:#25D366;}
.soc-gm{background:#EA4335;}
.cf-card{background:#fff;border-radius:var(--r);padding:32px;box-shadow:var(--shadow);}
.cf-card h3{font-size:1.15rem;font-weight:800;color:var(--dark);margin-bottom:22px;}
.fg{margin-bottom:16px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fg label{display:block;font-size:.81rem;font-weight:700;color:var(--text);margin-bottom:5px;}
.fg input,.fg select,.fg textarea{width:100%;border:2px solid #E8ECFF;border-radius:9px;padding:10px 13px;font-family:inherit;font-size:.88rem;color:var(--text);outline:none;transition:.2s;background:#fff;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(61,90,254,.1);}
.fg textarea{resize:vertical;min-height:115px;}
.sub-btn{width:100%;background:linear-gradient(135deg,var(--blue),#1a1f6e);color:#fff;border:none;padding:13px;border-radius:9px;font-family:inherit;font-weight:800;font-size:.97rem;cursor:pointer;transition:.2s;}
.sub-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(61,90,254,.35);}

/* ── LEGAL ── */
.legal-hero{padding:56px 24px;text-align:center;}
.legal-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:var(--dark);margin-bottom:8px;}
.legal-hero p{color:var(--muted);font-size:.9rem;}
.legal-body{max-width:800px;margin:0 auto;padding:16px 24px 60px;}
.legal-meta{background:linear-gradient(135deg,#EEF1FF,#FFF0F0);border-radius:var(--r-sm);padding:14px 18px;margin-bottom:24px;font-size:.83rem;color:var(--muted);}
.legal-body h2{font-size:1.2rem;font-weight:800;color:var(--dark);margin:28px 0 10px;border-left:4px solid var(--blue);padding-left:13px;}
.legal-body h3{font-size:1rem;font-weight:700;color:var(--dark);margin:17px 0 7px;}
.legal-body p{color:var(--text);line-height:1.85;font-size:.93rem;margin-bottom:12px;}
.legal-body ul{color:var(--text);line-height:1.85;font-size:.93rem;margin-bottom:12px;padding-left:20px;}
.legal-body ul li{margin-bottom:5px;}

/* ── FOOTER ── */
footer{background:var(--dark);padding:56px 24px 0;}
.ft-in{max-width:1200px;margin:0 auto;}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px;}
.ft-brand p{font-size:.85rem;line-height:1.7;margin-top:12px;color:rgba(255,255,255,.55);max-width:250px;}
.ft-logo{font-family:'Sora',sans-serif;font-size:1.35rem;font-weight:800;background:linear-gradient(135deg,var(--red),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;border:none;background-color:transparent;}
.ft-logo b{-webkit-text-fill-color:var(--orange);}
.ft-socs{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.ft-soc{display:flex;align-items:center;gap:9px;padding:7px 13px;border-radius:8px;font-size:.8rem;font-weight:700;color:#fff;transition:.2s;text-decoration:none;}
.ft-soc:hover{transform:translateX(3px);opacity:.9;}
.ft-soc-fb{background:rgba(24,119,242,.25);border:1px solid rgba(24,119,242,.4);}
.ft-soc-wa{background:rgba(37,211,102,.2);border:1px solid rgba(37,211,102,.4);}
.ft-soc-gm{background:rgba(234,67,53,.2);border:1px solid rgba(234,67,53,.4);}
.ft-col h4{color:#fff;font-weight:800;font-size:.9rem;margin-bottom:14px;}
.ft-col a{display:block;color:rgba(255,255,255,.6);font-size:.85rem;margin-bottom:9px;transition:.2s;cursor:pointer;}
.ft-col a:hover{color:#fff;padding-left:4px;}
.ft-div{border:none;border-top:1px solid rgba(255,255,255,.08);}
.ft-bot{display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:.81rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:9px;}
.ft-bot a{color:rgba(255,255,255,.45);cursor:pointer;}
.ft-bot a:hover{color:#fff;}

/* ── TOAST ── */
.toast{position:fixed;bottom:22px;right:22px;background:var(--dark);color:#fff;padding:13px 20px;border-radius:11px;font-weight:700;font-size:.88rem;box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:9999;transform:translateY(80px);opacity:0;transition:.3s;pointer-events:none;}
.toast.show{transform:translateY(0);opacity:1;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .nav-links{display:none;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;padding:18px;box-shadow:0 8px 32px rgba(0,0,0,.1);gap:3px;}
  .nav-links.open{display:flex;}
  .burger{display:flex;}
  .grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));}
  .ft-grid{grid-template-columns:1fr 1fr;}
  .contact-layout{grid-template-columns:1fr;}
  .frow{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .grid{grid-template-columns:1fr 1fr;}
  .ft-grid{grid-template-columns:1fr;}
}

/* ── BLOG POSTS ── */
.blog-list{max-width:900px;margin:0 auto;padding:0 24px 60px;}
.blog-post-card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:28px;overflow:hidden;transition:.25s;cursor:pointer;}
.blog-post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.blog-post-card-inner{padding:28px 32px;}
.blog-post-card h2{font-size:1.25rem;font-weight:800;color:var(--dark);margin-bottom:10px;line-height:1.4;}
.blog-post-card h2:hover{color:var(--blue);}
.bp-meta{font-size:.78rem;color:var(--muted);margin-bottom:12px;display:flex;gap:14px;flex-wrap:wrap;}
.bp-cat{display:inline-block;padding:3px 12px;border-radius:50px;font-size:.72rem;font-weight:800;text-transform:uppercase;margin-bottom:10px;}
.bp-excerpt{font-size:.9rem;color:var(--text);line-height:1.7;margin-bottom:16px;}
.bp-read-more{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--blue),#1a1f6e);color:#fff;padding:8px 18px;border-radius:8px;font-size:.82rem;font-weight:700;transition:.2s;border:none;cursor:pointer;font-family:inherit;}
.bp-read-more:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(61,90,254,.35);}

/* ── SINGLE BLOG POST ── */
.single-post-wrap{max-width:820px;margin:0 auto;padding:48px 24px 60px;}
.post-header{margin-bottom:32px;}
.post-header h1{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;color:var(--dark);margin-bottom:14px;line-height:1.3;}
.post-meta-bar{font-size:.82rem;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #E8ECFF;}
.post-entry{font-size:1rem;line-height:1.85;color:var(--text);}
.post-entry h2{font-size:1.35rem;font-weight:800;color:var(--dark);margin:32px 0 12px;border-left:4px solid var(--blue);padding-left:14px;}
.post-entry h3{font-size:1.1rem;font-weight:700;color:var(--dark);margin:22px 0 10px;}
.post-entry p{margin-bottom:16px;}
.post-entry ul,.post-entry ol{padding-left:24px;margin-bottom:16px;}
.post-entry ul{list-style:disc;}
.post-entry ol{list-style:decimal;}
.post-entry li{margin-bottom:8px;}
.post-entry a{color:var(--blue);font-weight:700;}
.post-entry a:hover{text-decoration:underline;}
.post-entry strong{font-weight:800;color:var(--dark);}
.post-entry table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.9rem;}
.post-entry table th{background:var(--blue);color:#fff;padding:10px 14px;text-align:left;}
.post-entry table td{border:1px solid #E8ECFF;padding:9px 14px;}
.post-entry table tr:nth-child(even) td{background:#F7F9FF;}
.post-entry blockquote{border-left:4px solid var(--orange);padding:14px 18px;background:#FFF8F0;border-radius:0 10px 10px 0;margin:20px 0;font-style:italic;}
.tool-cta-box{background:linear-gradient(135deg,#EEF1FF,#FFF0F0);border-radius:var(--r);padding:22px 26px;margin:28px 0;border:2px solid rgba(61,90,254,.12);}
.tool-cta-box h4{font-size:1.05rem;font-weight:800;color:var(--dark);margin-bottom:8px;}
.tool-cta-box p{font-size:.88rem;color:var(--muted);margin-bottom:14px;}
.tool-cta-box a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--red),#FF6B6B);color:#fff;padding:10px 22px;border-radius:10px;font-weight:800;font-size:.9rem;transition:.2s;}
.tool-cta-box a:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(232,56,61,.35);}
.related-posts{margin-top:48px;padding-top:36px;border-top:2px solid #E8ECFF;}
.related-posts h3{font-size:1.2rem;font-weight:800;color:var(--dark);margin-bottom:20px;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
.related-card{background:#fff;border-radius:var(--r-sm);padding:16px;box-shadow:var(--shadow);cursor:pointer;transition:.2s;}
.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.related-card h4{font-size:.88rem;font-weight:800;color:var(--dark);line-height:1.4;}
.back-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:2px solid var(--blue);color:var(--blue);padding:8px 18px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s;margin-bottom:28px;font-family:inherit;}
.back-btn:hover{background:var(--blue);color:#fff;}