*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:#10213f;background:#fff;line-height:1.45}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.top{height:74px;display:flex;align-items:center;gap:24px;padding:0 5%;position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(16px);border-bottom:1px solid #dce6f5}.brand img{width:205px;display:block}.top nav{display:flex;gap:18px;align-items:center;flex:1;justify-content:center;font-size:13px;font-weight:800}.top nav a:hover,.top nav a.active{color:#0759dc}.top-actions{display:flex;gap:10px;align-items:center}.top-actions button{border-radius:12px;padding:10px 13px;background:#edf4ff;color:#0759dc;font-weight:800}.top-actions .signin{background:#0759dc;color:#fff;padding:11px 18px}.hero{min-height:550px;padding:70px 7%;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;color:#fff;background:radial-gradient(circle at 85% 20%,#1c7cff,#0b3b91 38%,#06183f 75%)}.eyebrow,.section-head span{color:#4aaeff;font-size:12px;letter-spacing:1.5px;font-weight:950}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.98;margin:14px 0 20px}.hero mark{background:none;color:#ffd21a}.hero p{font-size:19px;color:#dce9ff;max-width:680px}.main-search{display:flex;gap:8px;background:#fff;border-radius:14px;padding:6px;max-width:720px;margin:24px 0 12px}.main-search span{color:#0a4ca9;font-size:24px;padding:10px}.main-search input{flex:1;border:0;outline:0;min-width:0;padding:10px}.main-search button{background:#0762df;color:#fff;border-radius:10px;padding:12px 20px;font-weight:900}.popular{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.popular small{color:#bcd2f7}.popular button{background:#ffffff18;border:1px solid #ffffff33;color:#fff;border-radius:99px;padding:8px 12px}.hero-art{display:grid;place-items:center;min-height:360px}.screen{position:relative;width:440px;height:285px;background:#fff;border:10px solid #16356c;border-radius:24px;box-shadow:0 35px 90px #0007;padding:26px;color:#0759dc;transform:rotate(-3deg)}.sheet{height:170px;background:repeating-linear-gradient(90deg,#d7e8ff 0 1px,transparent 1px 52px),repeating-linear-gradient(0deg,#d7e8ff 0 1px,transparent 1px 28px);background-color:#f4f9ff}.screen>b{display:block;font-size:28px;margin-top:12px}.app-badge{position:absolute;width:64px;height:64px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:30px;font-weight:950;box-shadow:0 15px 40px #0006}.app-badge.x{background:#18a34a;top:25px;right:30px}.app-badge.w{background:#1768d7;top:90px;left:-40px}.app-badge.p{background:#f4511e;bottom:25px;left:15px}.app-badge.o{background:#1768d7;bottom:-30px;right:15px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:22px 7%;margin-top:-40px;position:relative}.stats div{background:#fff;border:1px solid #dce6f5;border-radius:16px;padding:18px;box-shadow:0 15px 35px #0c347e12}.stats b{display:block;font-size:24px;color:#0759dc}.stats span{color:#687995;font-size:12px}.section{padding:72px 7%}.soft{background:#f5f9ff}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.section h2{font-size:36px;line-height:1.1;margin:7px 0}.link{color:#0759dc;font-weight:900}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.feature{background:#fff;border:1px solid #dce6f5;border-radius:18px;padding:22px;box-shadow:0 15px 40px #0c347e0b;transition:.2s}.feature:hover,.tool:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0c347e16}.feature i,.tool i{width:48px;height:48px;border-radius:14px;background:#edf4ff;color:#0759dc;display:grid;place-items:center;font-style:normal;font-size:25px;font-weight:950}.feature h3{margin:14px 0 5px}.feature p{color:#687995;font-size:13px;min-height:48px}.feature b{color:#0759dc;font-size:13px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool{background:#fff;border:1px solid #dce6f5;border-radius:18px;padding:20px;transition:.2s}.tool h3{margin:13px 0 5px}.tool p{color:#687995;font-size:13px}.tool input,.tool textarea{width:100%;padding:11px;border:1px solid #dce6f5;border-radius:10px;margin:5px 0}.tool textarea{min-height:90px}.tool button{width:100%;background:#0759dc;color:#fff;border-radius:10px;padding:11px;font-weight:900;margin-top:5px}.tool pre,.tool output{display:block;white-space:pre-wrap;color:#0759dc;margin-top:10px}.pdf-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.pdf-grid a{background:#fff;border:1px solid #dce6f5;border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.pdf-grid a span{background:#0759dc;color:#fff;padding:8px 14px;border-radius:9px;font-weight:800;font-size:12px}.guides{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.guides a{background:#fff;border:1px solid #dce6f5;border-radius:15px;padding:18px}.guides b,.guides small{display:block}.guides small{color:#687995;margin-top:8px}.cta{margin:0 7% 65px;padding:40px;border-radius:25px;color:#fff;background:linear-gradient(120deg,#06183f,#0b64e9);display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{margin:0;font-size:34px}.cta p{color:#cfe0ff}.cta a{background:#ffd21a;color:#17253f;padding:13px 20px;border-radius:11px;font-weight:950;white-space:nowrap}footer{background:#06183f;color:#cbdcff;padding:45px 7%;display:flex;align-items:center;gap:30px;justify-content:space-between}footer img{width:205px}footer p{margin:4px 0;color:#9eb7e0;font-size:13px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#06183f;color:#fff;padding:10px 18px;border-radius:99px;transition:.2s;z-index:50}.show{opacity:1!important;transform:translate(-50%,0)!important}.page{max-width:1100px;margin:auto;padding:70px 6%}.page h1{font-size:48px}.searchbar{display:flex;gap:8px;margin:25px 0}.searchbar input{flex:1;padding:14px;border:1px solid #dce6f5;border-radius:12px}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result{background:#fff;border:1px solid #dce6f5;border-radius:14px;padding:15px;display:flex;justify-content:space-between;gap:12px}.key{font-weight:950;color:#0759dc;background:#edf4ff;padding:7px 10px;border-radius:8px;display:inline-block}.desc{color:#687995;font-size:13px;margin-top:8px}.copy{background:#edf4ff;color:#0759dc;padding:8px 10px;border-radius:9px;font-weight:900;height:max-content}.formula{display:grid;grid-template-columns:160px 1fr auto;gap:15px;border-top:1px solid #dce6f5;padding:15px 0}.fname{font-weight:950;color:#078346}.code{font-family:ui-monospace,monospace;background:#eef8f2;padding:9px;border-radius:8px;overflow:auto}.pagination{display:flex;gap:8px;justify-content:center;margin:25px 0}.pagination button{padding:10px 15px;border-radius:10px;background:#edf4ff;color:#0759dc}.modal{position:fixed;inset:0;background:#06183f99;display:none;place-items:center;z-index:100;padding:20px}.modal.open{display:grid}.modal-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:25px;box-shadow:0 30px 90px #0006}.modal-card input{width:100%;padding:12px;border:1px solid #dce6f5;border-radius:10px;margin:6px 0}.modal-card button{width:100%;padding:12px;border-radius:10px;margin-top:7px}.primary{background:#0759dc;color:#fff}.ghost{background:#edf4ff;color:#0759dc}.close{float:right;background:none;font-size:25px}.profile{background:#edf4ff;border-radius:14px;padding:12px;margin-top:10px}@media(max-width:1000px){.top nav{display:none}.feature-grid{grid-template-columns:repeat(3,1fr)}.pdf-grid{grid-template-columns:repeat(3,1fr)}.guides{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:650px){.top{height:64px;padding:0 4%}.brand img{width:165px}.hero{padding:55px 6%}.main-search{display:block;background:transparent}.main-search input,.main-search button{width:100%;margin:4px 0}.stats{grid-template-columns:repeat(2,1fr);margin-top:0}.feature-grid,.tool-grid,.pdf-grid,.guides,.results{grid-template-columns:1fr}.section{padding:55px 6%}.section h2{font-size:32px}.section-head{display:block}.cta{margin:0 6% 45px;display:block}.cta a{display:inline-block;margin-top:10px}footer{display:block;padding:35px 6%}.formula{grid-template-columns:1fr}.page h1{font-size:38px}}
body.dark{background:#071225;color:#edf4ff}body.dark .top{background:#071225ee;border-color:#1b3154}body.dark .feature,body.dark .tool,body.dark .stats div,body.dark .pdf-grid a,body.dark .guides a,body.dark .result,body.dark .modal-card{background:#0d1c34;border-color:#1b3154}body.dark .soft{background:#091a31}body.dark .desc,body.dark .feature p,body.dark .tool p{color:#a7bad8}body.dark .tool input,body.dark .tool textarea,body.dark .searchbar input{background:#0b1930;color:#fff;border-color:#1b3154}

/* OfficeHelper Ultimate additions */
.ticker{position:relative;overflow:hidden;background:#06183f;color:#fff;border-bottom:1px solid #173b79;height:38px;display:flex;align-items:center}
.ticker-track{display:inline-flex;gap:55px;white-space:nowrap;animation:ohTicker 30s linear infinite;font-weight:800;font-size:12px;letter-spacing:.3px}
.ticker-track span:before{content:"✦";color:#ffd21a;margin-right:9px}
@keyframes ohTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.welcome{padding:18px 7%;background:linear-gradient(90deg,#eef6ff,#fff);border-bottom:1px solid #dce6f5;display:flex;justify-content:space-between;align-items:center;gap:20px}
.welcome strong{color:#0759dc}.welcome p{margin:3px 0;color:#687995;font-size:13px}.welcome a{background:#0759dc;color:#fff;padding:10px 15px;border-radius:10px;font-weight:900;white-space:nowrap}
.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.catalog-card{background:#fff;border:1px solid #dce6f5;border-radius:16px;padding:18px}.catalog-card h3{margin:8px 0}.catalog-card p{color:#687995;font-size:12px}.catalog-card a{display:inline-block;margin:4px 5px 0 0;color:#0759dc;font-size:12px;font-weight:800}
.article .lead{font-size:19px;color:#526987;max-width:850px}.article-box{margin:25px 0;padding:20px;border-left:5px solid #0759dc;background:#eef6ff;border-radius:12px}.article li{margin:9px 0}.article-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.article-links a{background:#0759dc;color:#fff;padding:11px 15px;border-radius:10px;font-weight:900}
.mini-search{width:100%;padding:14px;border:1px solid #dce6f5;border-radius:12px;margin:10px 0 20px}
@media(max-width:900px){.catalog{grid-template-columns:repeat(2,1fr)}.welcome{display:block}.welcome a{display:inline-block;margin-top:10px}}
@media(max-width:600px){.ticker{height:34px}.ticker-track{font-size:11px}.catalog{grid-template-columns:1fr}}
body.dark .welcome{background:#091a31;border-color:#1b3154}body.dark .catalog-card{background:#0d1c34;border-color:#1b3154}body.dark .article .lead{color:#a7bad8}

.guide-home{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.guide-home a{background:#fff;border:1px solid #dce6f5;border-radius:15px;padding:18px;display:block;transition:.2s}
.guide-home a:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,40,90,.08)}
.guide-home small{display:block;color:#71819a;margin-top:7px}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.guide-grid a{background:#fff;border:1px solid #dce6f5;border-radius:15px;padding:18px;display:block}
.guide-grid small{display:block;color:#71819a;margin-top:8px}
.muted{color:#71819a;margin-top:12px}
.tools-wide{grid-template-columns:repeat(3,1fr)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}
.trust-strip div{background:#fff;border:1px solid #dce6f5;border-radius:14px;padding:16px}
.trust-strip b{display:block;margin-bottom:5px}
.trust-strip span{color:#71819a;font-size:12px}
body.dark .guide-home a,body.dark .guide-grid a,body.dark .trust-strip div{background:#0d1c34;border-color:#1b3154}
@media(max-width:900px){.guide-home{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}.tools-wide{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.guide-home{grid-template-columns:1fr}.tools-wide{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}}

/* Final Power Edition */
.breadcrumbs{font-size:13px;color:#6b7d98;margin:10px 0 22px}.breadcrumbs a{color:#0759dc;font-weight:800}.updated{margin-top:30px;color:#71829d;font-size:12px}.ai-card{max-width:950px;border:1px solid #dce6f5;border-radius:22px;background:#fff;padding:22px;box-shadow:0 18px 45px rgba(12,40,90,.08)}.ai-messages{min-height:220px;max-height:480px;overflow:auto;display:flex;flex-direction:column;gap:12px}.ai-msg{padding:13px 15px;border-radius:14px;line-height:1.55}.ai-msg.bot{background:#eef6ff;border:1px solid #dce6f5}.ai-msg.user{background:#0759dc;color:#fff;align-self:flex-end;max-width:85%}.ai-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.ai-suggestions button{border:1px solid #cbdaf1;background:#f5f9ff;padding:9px 12px;border-radius:999px;font-weight:800;color:#0759dc}.ai-input{display:flex;gap:10px;align-items:end}.ai-input textarea{flex:1;border:1px solid #ccd9ed;border-radius:14px;padding:13px;font:inherit}.ai-input button{border:0;background:#0759dc;color:#fff;padding:13px 18px;border-radius:12px;font-weight:900}.muted{color:#72829a}.results{display:grid;gap:10px}body.dark .ai-card{background:#0d1c34;border-color:#1b3154}body.dark .ai-msg.bot{background:#11284a;border-color:#1b3154}body.dark .ai-suggestions button{background:#102442;border-color:#29466e;color:#80b5ff}

/* Desktop / laptop Pro UX */
@media (min-width:1101px){
  .top{padding:0 3.5%;gap:18px}
  .top nav{gap:14px;font-size:12px}
  .hero{padding:78px 5%;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}
  .section{padding:78px 5%}
  .feature-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pdf-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .guides{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page{max-width:1280px;padding-left:4%;padding-right:4%}
  .results{grid-template-columns:repeat(3,minmax(0,1fr))}
  .article{max-width:1000px}
}
.desktop-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}
.desktop-sidebar{position:sticky;top:92px;background:#fff;border:1px solid #dce6f5;border-radius:18px;padding:16px;box-shadow:0 12px 35px #0c347e0b}
.desktop-sidebar h3{margin:4px 0 10px}.desktop-sidebar a{display:block;padding:9px;border-radius:9px;color:#526987;font-size:13px;font-weight:800}.desktop-sidebar a:hover{background:#edf4ff;color:#0759dc}
.table-wrap{overflow:auto;border:1px solid #dce6f5;border-radius:14px}.shortcut-table{width:100%;border-collapse:collapse;min-width:650px}.shortcut-table th,.shortcut-table td{padding:12px;border-bottom:1px solid #e6edf8;text-align:left}.shortcut-table th{background:#eef6ff;color:#0759dc}
.command-palette{position:fixed;inset:0;background:#06183f99;display:none;place-items:start center;padding-top:10vh;z-index:120}.command-palette.open{display:grid}.command-box{width:min(720px,92vw);background:#fff;border-radius:18px;padding:18px;box-shadow:0 30px 100px #0007}.command-box input{width:100%;padding:14px;border:1px solid #dce6f5;border-radius:11px}.command-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.command-hints span{background:#edf4ff;color:#0759dc;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:800}
body.dark .desktop-sidebar{background:#0d1c34;border-color:#1b3154}.dark .table-wrap{border-color:#1b3154}body.dark .shortcut-table th{background:#122844}body.dark .command-box{background:#0d1c34}
@media(max-width:1000px){.desktop-layout{grid-template-columns:1fr}.desktop-sidebar{position:static}}

/* FINAL GLOBAL POLISH */
html,body{max-width:100%;overflow-x:hidden}
.ticker{overflow:hidden;contain:paint}
.ticker-track{will-change:transform;max-width:none;padding-left:100vw}
@media (max-width:700px){
  .ticker{height:36px}
  .ticker-track{gap:32px;font-size:10px;animation-duration:36s}
  .welcome{display:block;padding:20px 5%}
  .welcome a{display:inline-block;margin-top:12px}
  .hero{grid-template-columns:1fr;padding:56px 6%}
  .hero-art{display:none}
  .main-search{max-width:100%}
  .main-search button{padding:12px 15px}
  .top{height:72px;padding:0 4%;gap:8px}
  .brand img{width:175px}
  .top nav{display:none}
  .top-actions{margin-left:auto}
}
.bismillah{padding:28px 6%;text-align:center;background:linear-gradient(120deg,#fffaf0,#eef7ff);border-bottom:1px solid #dce6f5}
.bismillah-ar{font-family:"Amiri","Noto Naskh Arabic","Times New Roman",serif;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.8;background:linear-gradient(90deg,#0759dc,#0a8f5b,#c78a00);-webkit-background-clip:text;background-clip:text;color:transparent}
.bismillah-ur{margin:4px 0 0;color:#536781;font-size:14px;font-weight:700}
.office-web{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.office-web a{display:block;background:#fff;border:1px solid #dce6f5;border-radius:16px;padding:20px;transition:.2s}
.office-web a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0b3b9114}
.office-web i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf4ff;color:#0759dc;font-style:normal;font-weight:950;font-size:20px}
.office-web h3{margin:12px 0 4px}.office-web p{margin:0;color:#687995;font-size:13px}.office-web .open{display:inline-block;margin-top:12px;color:#0759dc;font-weight:900}
@media(max-width:900px){.office-web{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.office-web{grid-template-columns:1fr}}
.final-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.final-trust div{padding:18px;border:1px solid #dce6f5;border-radius:15px;background:#fff}
.final-trust b{display:block;color:#0759dc}.final-trust span{font-size:12px;color:#687995}
@media(max-width:800px){.final-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.final-trust{grid-template-columns:1fr}}
body.dark .bismillah{background:#091a31;border-color:#1b3154}
body.dark .office-web a,body.dark .final-trust div{background:#0d1c34;border-color:#1b3154}

/* WORLD FINAL PRO UPGRADE */
.hadith-day{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:24px 6%;background:linear-gradient(120deg,#fffdf5,#eef8ff);border-bottom:1px solid #dce6f5}.hadith-badge{font-weight:950;color:#0a8f5b;display:flex;gap:8px;align-items:center}.hadith-badge span{font-size:11px;letter-spacing:.14em}.hadith-ar{font-family:"Amiri","Noto Naskh Arabic","Times New Roman",serif;font-size:clamp(24px,3vw,38px);font-weight:800;color:#0a8f5b;line-height:1.7}.hadith-ur{margin:2px 0;color:#425a76;font-size:15px;font-weight:700}.hadith-day small{color:#71829a}.connect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.connect-grid a,.connect-grid button{display:block;text-align:left;border:1px solid #dce6f5;background:#fff;border-radius:16px;padding:18px;cursor:pointer;color:inherit}.connect-grid a:hover,.connect-grid button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0b3b9112}.connect-grid b{display:block;color:#0759dc;font-size:15px}.connect-grid span{display:block;margin-top:5px;color:#687995;font-size:12px}.search-engines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.search-engines a{padding:20px;border:1px solid #dce6f5;border-radius:16px;background:#fff;color:inherit}.search-engines b{display:block;color:#0759dc}.search-engines span{display:block;margin-top:6px;color:#687995;font-size:12px}.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.pricing article{background:#fff;border:1px solid #dce6f5;border-radius:22px;padding:28px;box-shadow:0 16px 45px #0b3b910b}.pricing .featured-plan{border:2px solid #0759dc;box-shadow:0 18px 55px #0759dc18}.pricing .plan{font-size:12px;font-weight:950;letter-spacing:.15em;color:#0759dc}.pricing .price{font-size:34px;font-weight:950;margin:8px 0 18px}.pricing ul{padding-left:20px;line-height:1.9;color:#536781}.pricing li{margin:3px 0}.pricing .primary{display:inline-block;margin-top:10px}.notice{padding:16px 18px;border:1px solid #cfe0f7;background:#f5f9ff;border-radius:14px;color:#536781}.ai-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.ai-links a{padding:10px 12px;border-radius:10px;background:#eef5ff;color:#0759dc;font-weight:900;font-size:13px}.copy-inline{margin:8px 0;padding:8px 12px;border:0;border-radius:8px;background:#0759dc;color:#fff;font-weight:800;cursor:pointer}.copy{cursor:pointer}.result .copy{min-width:80px}.dark .hadith-day{background:#091a31;border-color:#1b3154}.dark .connect-grid a,.dark .connect-grid button,.dark .search-engines a,.dark .pricing article{background:#0d1c34;border-color:#1b3154}.dark .notice{background:#0d1c34;border-color:#1b3154}.dark .ai-links a{background:#102442}.dark .hadith-ur,.dark .hadith-day small{color:#9db1cc}@media(max-width:900px){.connect-grid,.search-engines{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing{grid-template-columns:1fr}}@media(max-width:520px){.hadith-day{grid-template-columns:1fr;text-align:center}.hadith-badge{justify-content:center}.connect-grid,.search-engines{grid-template-columns:1fr}.pricing article{padding:22px}}

/* WORLD PREMIUM 2 */
.premium-hero{background:linear-gradient(135deg,#06183f,#0a56cf 55%,#6d28d9);color:#fff}.premium-hero h2{font-size:clamp(34px,5vw,58px)}.premium-hero .section-head span{color:#ffe47a}.premium-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.premium-feature-grid a{background:#ffffff12;border:1px solid #ffffff2b;border-radius:18px;padding:20px;color:#fff}.premium-feature-grid b,.premium-feature-grid span{display:block}.premium-feature-grid span{margin-top:7px;color:#dbe8ff;font-size:13px}.dictionary-search{display:grid;grid-template-columns:minmax(0,1fr) 180px 130px;gap:10px;margin:28px 0}.dictionary-search input,.dictionary-search select,.course-search{width:100%;padding:14px;border:1px solid #dce6f5;border-radius:12px;background:#fff}.dictionary-results{display:grid;gap:14px}.dictionary-card{background:#fff;border:1px solid #dce6f5;border-radius:18px;padding:22px;box-shadow:0 15px 40px #0c347e0b}.dict-word{font-size:34px;font-weight:950;color:#0759dc}.translation{font-size:25px;font-weight:900}.language-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.language-grid button{padding:11px;border:1px solid #dce6f5;background:#fff;border-radius:10px;color:#0759dc;font-weight:800}.course-search{margin:22px 0 8px}.course-count{margin:8px 0 22px;color:#687995}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.course-card{background:#fff;border:1px solid #dce6f5;border-radius:16px;padding:18px}.course-card>span{color:#0759dc;font-size:11px;font-weight:950;letter-spacing:.08em}.course-card h3{margin:7px 0}.course-card p{color:#687995;font-size:13px;min-height:42px}.course-card div{display:flex;justify-content:space-between;align-items:center;gap:8px}.course-card button{border:0;background:#edf4ff;color:#0759dc;border-radius:9px;padding:8px 11px;font-weight:900}.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payment-grid article{background:#fff;border:1px solid #dce6f5;border-radius:18px;padding:22px}.payment-grid b,.payment-grid span{display:block}.payment-grid span{margin:6px 0 15px;color:#687995;font-size:13px}.auth-tabs{display:flex;gap:8px;margin:15px 0}.auth-tab{background:#edf4ff!important;color:#0759dc!important;width:auto!important;padding:9px 15px!important}.auth-tab.active{background:#0759dc!important;color:#fff!important}.account-card{max-height:90vh;overflow:auto}body.dark .dictionary-card,body.dark .course-card,body.dark .payment-grid article,body.dark .language-grid button,body.dark .dictionary-search input,body.dark .dictionary-search select,body.dark .course-search{background:#0d1c34;border-color:#1b3154;color:#edf4ff}body.dark .course-card p,body.dark .payment-grid span,body.dark .course-count{color:#a7bad8}
@media(max-width:900px){.premium-feature-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.language-grid{grid-template-columns:repeat(3,1fr)}.payment-grid{grid-template-columns:1fr}.dictionary-search{grid-template-columns:1fr}}
@media(max-width:600px){.premium-feature-grid,.course-grid,.language-grid{grid-template-columns:1fr}.premium-feature-grid a{padding:16px}.course-card{padding:15px}}

/* GLOBAL ICONIC / WORLD HUB UPGRADE */
.global-hub{background:linear-gradient(135deg,#06183f 0%,#0a56cf 58%,#6d28d9 100%);color:#fff}
.global-hub .section-head span{color:#ffe47a}.global-hub .section-head h2{color:#fff}.global-hub .section-head p{color:#dce9ff}
.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hub-card{display:block;padding:20px;border:1px solid #ffffff2b;background:#ffffff10;border-radius:18px;color:#fff;backdrop-filter:blur(10px);transition:.2s}
.hub-card:hover{transform:translateY(-4px);background:#ffffff18;box-shadow:0 20px 50px #0003}.hub-card .hub-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#ffffff18;font-size:23px;margin-bottom:12px}
.hub-card b{display:block;font-size:16px}.hub-card span{display:block;margin-top:6px;color:#dbe8ff;font-size:12px;line-height:1.5}
.hub-subgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}.hub-subgrid a{padding:12px;border-radius:12px;background:#fff;color:#173158;text-align:center;font-weight:900;font-size:12px}
.google-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.google-card{background:#fff;border:1px solid #dce6f5;border-radius:16px;padding:17px;transition:.2s}.google-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0c347e12}.google-card b{display:block;color:#0759dc}.google-card span{display:block;color:#687995;font-size:12px;margin-top:5px}
.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.social-card{background:#fff;border:1px solid #dce6f5;border-radius:15px;padding:16px}.social-card b{display:block;color:#0759dc}.social-card span{font-size:11px;color:#687995}
.ai-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ai-hub-card{background:#fff;border:1px solid #dce6f5;border-radius:18px;padding:20px}.ai-hub-card.featured{border:2px solid #0759dc;box-shadow:0 18px 45px #0759dc16}.ai-hub-card b{display:block;color:#0759dc;font-size:17px}.ai-hub-card span{display:block;color:#687995;font-size:12px;margin:7px 0 14px}.ai-hub-card a{display:inline-block;padding:9px 12px;border-radius:9px;background:#edf4ff;color:#0759dc;font-weight:900;font-size:12px}
.final-disclaimer{padding:18px 7%;background:#eef4fb;color:#586b85;border-top:1px solid #dce6f5;border-bottom:1px solid #dce6f5;font-size:12px;text-align:center}.final-disclaimer b{color:#173158}.final-disclaimer a{color:#0759dc;font-weight:900}
.checkout-modal .modal-card{width:min(620px,100%)}.checkout-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.checkout-method{padding:14px;border:1px solid #dce6f5;background:#fff;border-radius:13px;text-align:left}.checkout-method strong{display:block;color:#0759dc}.checkout-method small{color:#687995}.checkout-method.selected{border:2px solid #0759dc;background:#f5f9ff}.checkout-summary{padding:15px;border-radius:14px;background:#f5f9ff;border:1px solid #dce6f5}.premium-course{position:relative;border:2px solid #8b5cf6!important;background:linear-gradient(145deg,#06183f,#123b80)!important;color:#fff}.premium-course h3,.premium-course p,.premium-course span{color:#fff}.premium-course .premium-badge{position:absolute;top:12px;right:12px;background:#ffe47a;color:#17253f;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:950}.course-access-note{margin:18px 0;padding:15px 18px;border-radius:14px;background:#f5f9ff;border:1px solid #dce6f5;color:#536781}.course-access-note strong{color:#0759dc}
body.dark .google-card,body.dark .social-card,body.dark .ai-hub-card{background:#0d1c34;border-color:#1b3154}.dark .final-disclaimer{background:#091a31;border-color:#1b3154;color:#a7bad8}.dark .final-disclaimer b{color:#edf4ff}.dark .checkout-method,.dark .checkout-summary,.dark .course-access-note{background:#0d1c34;border-color:#1b3154;color:#a7bad8}.dark .checkout-method.selected{background:#102442}.dark .premium-course{background:linear-gradient(145deg,#071a35,#123b80)!important}
@media(max-width:1000px){.hub-grid{grid-template-columns:repeat(2,1fr)}.hub-subgrid{grid-template-columns:repeat(3,1fr)}.google-grid{grid-template-columns:repeat(2,1fr)}.social-grid{grid-template-columns:repeat(3,1fr)}.ai-hub-grid{grid-template-columns:1fr 1fr}.checkout-methods{grid-template-columns:1fr}}
@media(max-width:600px){.hub-grid,.google-grid,.social-grid,.ai-hub-grid,.hub-subgrid{grid-template-columns:1fr}.hub-card,.google-card,.social-card,.ai-hub-card{padding:16px}.final-disclaimer{padding:16px 6%}}

/* OfficeHelper Global 2026 accessibility + premium polish */
.skip-link{position:fixed;left:12px;top:12px;z-index:99999;padding:10px 14px;border-radius:10px;background:#071A3A;color:#fff;transform:translateY(-160%);transition:transform .2s;font-weight:700}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (max-width:820px){
  .top{flex-wrap:wrap;gap:10px}
  .top nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .top nav a{display:inline-flex}
  .main-search{max-width:100%}
}

/* PWA install experience */
.oh-install-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:14px auto;padding:14px 18px;border:1px solid rgba(7,89,220,.18);border-radius:18px;background:linear-gradient(135deg,rgba(7,89,220,.08),rgba(21,151,255,.05));box-shadow:0 8px 30px rgba(6,27,72,.06)}
.oh-install-bar span{display:flex;flex-direction:column;gap:3px}.oh-install-bar small{color:#687995}
.oh-install-bar{display:none}.oh-install-ready .oh-install-bar{display:flex}
@media(max-width:640px){.oh-install-bar{margin:10px 12px;padding:12px;flex-direction:column;align-items:stretch}.oh-install-bar .primary{width:100%}}


/* Checkout mobile visibility fix */
.checkout-modal .modal-card{
  max-height:calc(100dvh - 24px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.checkout-modal #continuePayment{
  position:sticky;
  bottom:0;
  z-index:5;
  box-shadow:0 -8px 18px rgba(255,255,255,.92);
}
@media(max-width:600px){
  .checkout-modal{
    align-items:flex-start!important;
    padding:12px!important;
    overflow-y:auto;
  }
  .checkout-modal .modal-card{
    width:100%;
    max-height:calc(100dvh - 24px);
    margin:0;
    padding:20px;
  }
  .checkout-modal .checkout-methods{
    grid-template-columns:1fr;
  }
  .checkout-modal #continuePayment{
    min-height:52px;
    margin-top:12px;
  }
}

/* Final checkout reliability */
.checkout-continue{display:block!important;visibility:visible!important}
.checkout-continue:disabled{opacity:.72;cursor:not-allowed;filter:none}
.checkout-modal{overflow:auto}
.checkout-modal .modal-card{max-height:calc(100vh - 40px);overflow:auto}
body.checkout-open{overflow:hidden}
@media(max-width:600px){
  .checkout-modal{place-items:start center;padding:12px}
  .checkout-modal .modal-card{max-height:calc(100vh - 24px);padding:20px}
}

/* OfficeHelper International Edition 2026 */
.oh-mega{padding:18px 0 70px}.oh-hero{padding:54px 6%;background:radial-gradient(circle at 85% 15%,#3b82f655,transparent 32%),linear-gradient(135deg,#06183f,#0b56cf 58%,#6d28d9);color:#fff;border-radius:0 0 34px 34px}.oh-hero h1{font-size:clamp(36px,6vw,72px);line-height:1.02;margin:10px 0 16px}.oh-hero p{max-width:850px;color:#dbe8ff;font-size:17px;line-height:1.7}.oh-kicker{font-weight:950;letter-spacing:.12em;color:#ffe47a;font-size:12px}.oh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.oh-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.oh-card{background:#fff;border:1px solid #dce6f5;border-radius:20px;padding:22px;box-shadow:0 12px 40px #0c347e0d}.oh-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px #0c347e16}.oh-card h3{margin:7px 0}.oh-card p{color:#657893;line-height:1.6;font-size:13px}.oh-pill{display:inline-flex;padding:6px 10px;border-radius:99px;background:#edf4ff;color:#0759dc;font-weight:900;font-size:11px}.oh-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.oh-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:12px;background:#0759dc;color:#fff!important;font-weight:900;text-decoration:none}.oh-btn.alt{background:#eef4ff;color:#0759dc!important}.oh-btn.dark{background:#071a3a}.oh-list{display:grid;gap:10px;padding:0;list-style:none}.oh-list li{padding:13px 14px;background:#f6f9fd;border:1px solid #e3ebf5;border-radius:12px;color:#344b68}.oh-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dce6f5;border-radius:16px;overflow:hidden}.oh-table th,.oh-table td{padding:12px;border-bottom:1px solid #e7eef7;text-align:left;font-size:13px;vertical-align:top}.oh-table th{background:#f5f8fd;color:#173158}.oh-note{padding:15px 17px;border-left:4px solid #0759dc;background:#f2f7ff;border-radius:10px;color:#465d78;line-height:1.6}.oh-search{display:flex;gap:8px;margin:18px 0}.oh-search input,.oh-search select{flex:1;padding:12px;border:1px solid #cfdced;border-radius:10px}.oh-lang-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.oh-lang{padding:11px;border:1px solid #dce6f5;border-radius:12px;background:#fff;text-align:center;font-weight:800;color:#173158;font-size:12px}.oh-share{display:flex;flex-wrap:wrap;gap:9px}.oh-share button{border:0;padding:10px 13px;border-radius:10px;background:#edf4ff;color:#0759dc;font-weight:900;cursor:pointer}.oh-muted{color:#6b7d95;font-size:12px}.oh-step{counter-increment:step;position:relative;padding-left:48px}.oh-step:before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0759dc;color:#fff;font-weight:950}.oh-steps{counter-reset:step;display:grid;gap:16px}.oh-code{padding:15px;border-radius:12px;background:#071a3a;color:#dbe8ff;overflow:auto;font-size:12px}.oh-badge-live{color:#0b7a43;background:#e7fbf1;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900}.oh-badge-official{color:#0759dc;background:#edf4ff;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900}body.dark .oh-card,body.dark .oh-table,body.dark .oh-lang{background:#0d1c34;border-color:#1b3154;color:#edf4ff}body.dark .oh-card p,body.dark .oh-muted{color:#a7bad8}body.dark .oh-list li{background:#0b1930;border-color:#1b3154;color:#c9d7eb}body.dark .oh-table th{background:#102442;color:#edf4ff}body.dark .oh-table td{border-color:#1b3154}.dark .oh-note{background:#0d1c34;color:#b9c9df}
@media(max-width:900px){.oh-grid,.oh-grid.four{grid-template-columns:1fr 1fr}.oh-lang-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.oh-grid,.oh-grid.four{grid-template-columns:1fr}.oh-lang-grid{grid-template-columns:repeat(2,1fr)}.oh-hero{padding:38px 6%}.oh-search{flex-direction:column}.oh-table{display:block;overflow:auto;white-space:nowrap}}

/* OfficeHelper Global 2026 visual system */
:root{
  --oh-ink:#071a3a;--oh-blue:#0b63ce;--oh-sky:#1594ff;--oh-mint:#12b886;
  --oh-gold:#f5b942;--oh-paper:#f6f9fe;--oh-line:#dbe6f3;
}
body{background:radial-gradient(circle at 20% 0%,rgba(21,148,255,.08),transparent 34%),var(--oh-paper);color:var(--oh-ink)}
.top{backdrop-filter:blur(16px);background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(7,26,58,.08)!important}
.brand img{filter:drop-shadow(0 8px 18px rgba(7,26,58,.14))}
.oh-global-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.oh-global-tools a{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:14px;background:#fff;border:1px solid var(--oh-line);font-weight:850;color:var(--oh-ink);text-decoration:none;box-shadow:0 8px 24px rgba(7,26,58,.06)}
.oh-global-tools a:hover{transform:translateY(-2px);border-color:#a9c8ed}
.oh-pakistan-corner{position:fixed;z-index:9999;top:78px;right:14px;width:190px;padding:12px 12px 13px;border:1px solid rgba(7,26,58,.1);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(7,26,58,.18);backdrop-filter:blur(14px)}
.oh-pakistan-corner .flag-wrap{height:68px;display:grid;place-items:center;perspective:500px}
.oh-pakistan-corner img{width:112px;transform-origin:0 50%;animation:ohWave 2.8s ease-in-out infinite;filter:drop-shadow(0 8px 8px rgba(7,26,58,.16))}
.oh-pakistan-corner .slogan{font-weight:950;text-align:center;font-size:12px;color:#075c36;min-height:34px;display:grid;place-items:center}
.oh-pakistan-corner .bismillah{font-family:serif;text-align:center;font-size:16px;margin-top:5px;color:#0b5d39}
.oh-pakistan-corner .hadith{font-size:10px;line-height:1.45;text-align:center;color:#53657b;margin-top:4px}
@keyframes ohWave{0%,100%{transform:rotateY(0) skewY(0)}50%{transform:rotateY(-14deg) skewY(2deg)}}
.oh-charity-grid,.oh-directory-grid,.oh-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oh-charity-card,.oh-directory-card,.oh-tool-card{padding:22px;border:1px solid var(--oh-line);border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(7,26,58,.07)}
.oh-charity-card h3,.oh-directory-card h3,.oh-tool-card h3{margin:8px 0}
.oh-verified{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eafaf2;color:#087443;font-size:11px;font-weight:900}
.oh-call{font-size:26px;font-weight:950;color:var(--oh-blue)}
.oh-location-output{margin-top:16px;padding:18px;border-radius:18px;background:#eef6ff;line-height:1.7;word-break:break-word}
.oh-admin-banner{padding:12px 14px;border-radius:14px;background:#071a3a;color:#fff;font-size:12px}
@media(max-width:900px){.oh-charity-grid,.oh-directory-grid,.oh-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .oh-pakistan-corner{top:72px;right:8px;width:145px;padding:8px}.oh-pakistan-corner img{width:82px}.oh-pakistan-corner .flag-wrap{height:48px}.oh-pakistan-corner .hadith{display:none}.oh-pakistan-corner .bismillah{font-size:13px}.oh-pakistan-corner .slogan{font-size:10px}
 .oh-charity-grid,.oh-directory-grid,.oh-tool-grid{grid-template-columns:1fr}
}

/* ===== OfficeHelper Official Global Upgrade 2026-08-19 ===== */
.oh-official-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:10px 5%;background:linear-gradient(90deg,#06183f,#0a4ca9,#06183f);color:#fff;font-size:12px;font-weight:900}
.oh-official-nav a{padding:8px 12px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff12}
.oh-official-nav a:hover{background:#fff;color:#0759dc}
.oh-pakistan-banner{padding:18px 7% 10px;background:linear-gradient(180deg,#f7fbff,#fff)}
.oh-flag-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.oh-pak-flag{width:min(100%,520px);height:170px;background:linear-gradient(90deg,#fff 0 24%,#01411c 24%);border-radius:18px;box-shadow:0 18px 45px #071a3a18;border:1px solid #dbe6f3;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.oh-flag-crescent{position:absolute;color:#fff;font-size:120px;line-height:1;left:50%;top:18px;transform:translateX(-50%) rotate(-18deg);z-index:1}
.oh-flag-star{position:absolute;color:#fff;font-size:58px;left:50%;top:47px;transform:translateX(-50%) rotate(12deg);z-index:2}
.oh-slogan{font-weight:950;font-size:18px;text-align:center;min-height:29px;transition:opacity .25s;animation:ohSloganColor 6s linear infinite}
@keyframes ohSloganColor{0%{color:#0759dc}25%{color:#008a4a}50%{color:#d88a00}75%{color:#8b3fc8}100%{color:#0759dc}}
.oh-official-section{background:linear-gradient(145deg,#f7fbff,#edf5ff)}
.oh-official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.oh-official-grid a{background:#fff;border:1px solid #dce6f5;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:7px;box-shadow:0 14px 35px #0c347e0a;transition:.2s}
.oh-official-grid a:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0c347e18}
.oh-official-grid b{font-size:17px;color:#0759dc}.oh-official-grid span{font-size:13px;color:#687995}
.oh-owner-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#06183f;color:#fff;font-size:11px;font-weight:950;letter-spacing:.08em}
.oh-owner-dashboard{border:1px solid #dce6f5;border-radius:24px;padding:22px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 20px 60px #071a3a12}
.oh-admin-banner{padding:16px 18px;border-radius:16px;background:#eafaf2;color:#087443;font-weight:900;border:1px solid #bde8cf}
.oh-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.oh-admin-grid a{padding:18px;border:1px solid #dce6f5;border-radius:18px;background:#fff}
.oh-admin-grid b{display:block;color:#0759dc;margin-bottom:5px}.oh-admin-grid span{font-size:12px;color:#687995}
.oh-ad-slot{min-height:90px;border:1px dashed #c9d7ea;border-radius:16px;padding:12px;text-align:center;color:#718096;background:#fbfdff;margin:18px 0}
@media(max-width:850px){.oh-official-grid,.oh-admin-grid{grid-template-columns:1fr 1fr}.oh-pak-flag{height:130px}.oh-flag-crescent{position:absolute;color:#fff;font-size:120px;line-height:1;left:50%;top:18px;transform:translateX(-50%) rotate(-18deg);z-index:1}.oh-flag-star{position:absolute;color:#fff;font-size:58px;left:50%;top:47px;transform:translateX(-50%) rotate(12deg);z-index:2}}
@media(max-width:560px){.oh-official-grid,.oh-admin-grid{grid-template-columns:1fr}.oh-official-nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.oh-pakistan-banner{padding-left:4%;padding-right:4%}.oh-pak-flag{height:105px;border-radius:14px}.oh-flag-crescent{position:absolute;color:#fff;font-size:120px;line-height:1;left:50%;top:18px;transform:translateX(-50%) rotate(-18deg);z-index:1}.oh-flag-star{position:absolute;color:#fff;font-size:58px;left:50%;top:47px;transform:translateX(-50%) rotate(12deg);z-index:2}.oh-slogan{font-size:14px}}

/* OfficeHelper Official Global Upgrade 2026-08-19 */
.oh-slogan{font-weight:1000;font-size:clamp(17px,2.3vw,25px);letter-spacing:.01em;text-shadow:0 3px 12px #071a3a22;animation:ohSloganColor 4.5s linear infinite}
.oh-slogan.fade{opacity:.15;transform:translateY(2px)}
@keyframes ohSloganColor{0%{color:#0759dc}20%{color:#008a4a}40%{color:#d88a00}60%{color:#8b3fc8}80%{color:#e11d48}100%{color:#0759dc}}
.welcome{padding:25px 7%;background:linear-gradient(90deg,#eef6ff,#fff);border-bottom:1px solid #dce6f5}
.welcome strong{display:block;color:#0759dc;font-size:clamp(20px,3vw,30px);font-weight:1000;margin-top:4px}
.welcome p{max-width:1050px;line-height:1.75;font-size:14px}
.hadith-long-label{display:inline-block;margin-top:10px;padding:5px 9px;border-radius:999px;background:#e9f7ef;color:#087443;font-size:10px;font-weight:1000;letter-spacing:.12em}
.hadith-long{margin:4px 0 7px;color:#314b69;font-size:16px;font-weight:700;line-height:1.9}
.hadith-rotate-note{font-size:10px;color:#8291a7;margin-top:6px}
body.dark .welcome{background:#091a31}
body.dark .hadith-long{color:#c6d5e8}
body.dark .hadith-long-label{background:#123b2b;color:#7ee2aa}

/* Global official polish */
.official-identity{padding:20px!important;margin:0 auto 18px!important;border-radius:24px!important;box-shadow:0 14px 40px rgba(15,23,42,.10);background:linear-gradient(135deg,#fff,#f3fbf7)!important}.official-identity .oh-pak-flag{box-shadow:0 8px 24px rgba(0,0,0,.12)}.official-identity .oh-slogan{font-weight:1000!important;letter-spacing:.2px;background:linear-gradient(90deg,#006b3c,#e0a400,#0b6bff,#d7263d);-webkit-background-clip:text;background-clip:text;color:transparent!important}.weather-hero{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px;border-radius:20px;background:linear-gradient(135deg,#eff8ff,#f8fff8);margin-bottom:20px}.weather-hero h2{font-size:56px;margin:8px 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.feature-grid>div{padding:16px;border:1px solid #dce6f5;border-radius:16px;background:#fff}.place{cursor:pointer}.muted{opacity:.75}

/* OfficeHelper download/install CTA — intentionally floating so the existing layout remains unchanged */
.oh-download-fab{position:fixed;right:16px;bottom:16px;z-index:9999;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;text-decoration:none!important;font-weight:950;font-size:13px;color:#fff!important;background:linear-gradient(135deg,#0759dc,#7c3aed);box-shadow:0 12px 30px rgba(7,89,220,.28);border:1px solid rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
.oh-download-fab:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(7,89,220,.34)}
.oh-download-fab span{font-size:16px;line-height:1}
body.dark .oh-download-fab{background:linear-gradient(135deg,#1769f5,#8b5cf6)}
@media(max-width:560px){.oh-download-fab{right:10px;bottom:10px;padding:10px 13px;font-size:12px}.oh-download-fab span{font-size:15px}}

/* FINAL GLOBAL HUB FIX */
#new-hubs .hub-card{background:linear-gradient(145deg,#fff,#f6f9ff);color:#10213f;border:1px solid #dce6f5;box-shadow:0 12px 32px rgba(7,26,58,.08)}#new-hubs .hub-card b{color:#10213f}#new-hubs .hub-card span{color:#5f708b}#new-hubs .hub-card .hub-icon{background:linear-gradient(135deg,#eef5ff,#f5efff)}#new-hubs .hub-card:hover{background:#fff;border-color:#a9c7ff}body.dark #new-hubs .hub-card{background:linear-gradient(145deg,#0d1c34,#102442);border-color:#1b3154}body.dark #new-hubs .hub-card b{color:#fff}body.dark #new-hubs .hub-card span{color:#b8c8de}.hub-activate{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:9px 12px;border-radius:10px;background:linear-gradient(135deg,#1464ff,#6b4cff);color:#fff!important;font-weight:900!important;font-size:12px!important}.bismillah{background:linear-gradient(135deg,#fffaf0,#eef8ff,#f4efff)}.bismillah .arabic,.bismillah-ar{background:linear-gradient(90deg,#1464ff,#0b8f5b,#c78a00,#6b4cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hadith-day{background:linear-gradient(135deg,#fffaf0,#effaff,#f4efff)}.hadith-day .hadith-ar{background:linear-gradient(90deg,#0b8f5b,#1464ff,#7a4cff);-webkit-background-clip:text;background-clip:text;color:transparent}