:root{ --bg-main:#f6f6f6; --bg-surface:#ffffff; --bg-hover:#e8eef7; --text-main:#0f172a; --text-muted:#64748b; --text-invert:#ffffff; --logo:#0f172a; --brand:#1a56db; --brand-soft:#458cf7; --brand-strong:#1a56db; --border:rgb(209,213,219); --border-soft:#d6deea; --shadow-soft:rgb(15 23 42 / 0.3); --shadow-brand:rgb(26 86 219 / 0.6); --icon-main:#0f172a; --toggle:hsl(215 18% 18%);}body.dark{ --bg-main:#0b1220; --bg-surface:hsl(217.2414 32.5843% 17.451%); --bg-hover:#18233a; --text-main:#f0f5fd; --text-muted:#9fb2cc; --text-invert:#ffffff; --logo:#f9f9f9; --brand:#80d7ff; --brand-soft:#1e3a5f; --brand-strong:#80d7ff; --border:rgb(55,65,81); --border-soft:#1f2f4d; --shadow-brand:rgb(66 133 244 / 0.3); --shadow-soft:rgb(0 0 0 / 0.9); --icon-main:#e5ecff; --toggle:hsl(220 30% 14%);}.card .cta,.steps strong,h1,h2,h3{ font-weight:600;}#search-form,.card,.gri a,.nav,.pagination a,.social-icons a,.topbar{ box-shadow:0 1px 3px var(--shadow-soft);}h1,h2,h3,p{ padding:4px 2px;}#nav-toggle:checked + .nav-btn + .logo + .nav,#search-form,.pagination,.topbar{ display:flex;}.card .card-full-inner img{ aspect-ratio:9 / 16; object-fit:cover;}.card .card-full-inner img.is-square{ aspect-ratio:1 / 1;}.card img{ aspect-ratio:16 / 9; object-fit:cover; position:relative; z-index:7;}.card img,.card .thumb-inner,.img{ width:100%; height:auto; object-fit:cover;}.thumb-inner.large{display:flex;}.thumb-inner.large .img{margin:0;position:relative;z-index:1;}.card .thumb-inner img.img-error{ visibility:hidden; aspect-ratio:16 / 9;}.card .card-full-inner .thumb-inner img.img-error{ visibility:hidden; aspect-ratio:1/1;}.thumb-inner{ background-image:url(./images/fallback.png); background-position:center center; background-repeat:no-repeat; background-color:#0000000e; border-radius:8px; position:relative; overflow:hidden;}.card a,.card .inner,.nav a,a:hover{ color:var(--text-main);}.card,.gri a,.nav,.pagination a,.social-icons a,.topbar{ background:var(--bg-surface);}#search-form button,.copy-btn,.gri a:hover,.pagination a:hover,.social-icons a:hover,a.btn{ background:var(--brand); color:var(--text-invert) !important;}*,:after,:before{ margin:0; padding:0; box-sizing:border-box;}.card a{ display:flex; flex-direction:column;}.card a .inner,.card a .inner .cta{ padding:0;}.card .inner,.container,.copy-btn,.gri a,a.btn{ padding:10px;}.card a{ padding:10px;}.related-prompts .card a,.card .thumb-inner a{ padding:0 !important;}button,input,select,textarea{ border:0; font-family:inherit;}#search-form,.card,.gri a,.img,.nav,.social-icons a,.topbar,a.btn{ border-radius:10px;}a{ text-decoration:none; color:var(--brand);}p a,.meta a{ text-decoration:underline;}body{ overflow-x:hidden; max-width:1025px; margin:auto; font-family: "Google Sans", system-ui, -apple-system, sans-serif; line-height:1.6; background:var(--bg-main); color:var(--text-main);}h1{ text-align:center; font-size:22px;}.logo,h2,h3{ font-size:20px;}p{ text-align:left;}.center,.copy-btn,.error-wrap,footer{ text-align:center;}footer{ padding:24px 0 10px 0; font-size:14px;;}html[lang="ur"] #search-form input,html[lang="ar"] #search-form input{ border-radius:0 10px 10px 0;}html[lang="ur"] #search-form button,html[lang="ar"] #search-form button{ border-radius:10px 0 0 10px;}#search-form input{ flex:1; padding:15px; border-radius:10px 0 0 10px; background:var(--bg-surface); color:var(--text-main);}#search-form input:focus{ outline:0;}#search-form button{ padding:0 15px; border-radius:0 10px 10px 0; cursor:pointer;}.pagination{ gap:6px; justify-content:center; margin:12px 0;}.pagination .current,.pagination .dots,.pagination a{ padding:6px 12px; border-radius:6px; font-size:13px;}.card .cta,.card .meta{ font-size:12px;}#search-form button:hover,.pagination .current{ background:var(--brand-strong); color:var(--text-invert);}.card .meta,.pagination .dots,.steps li{ color:var(--text-muted);}.grid{ display:grid; gap:16px; margin-top:14px; margin-bottom:16px;}.nav a,.topbar{ padding:12px 14px;}.card a:hover{ opacity:0.85;}.card img{ border-radius:8px; display:block;}.card h2{ font-size:15px; margin:5px 0 0;}.nav a,a.btn{ font-size:14px;}.card .cta,.date,.nav a:hover{ color:var(--brand);}.social-icons{ display:flex; justify-content:center; gap:12px; margin:12px 0;}.social-icons a{ width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;}.social-icons a:hover{ opacity:0.75;}.social-icons svg{ width:22px; height:22px;}.img{ margin:10px 0;}.topbar{ align-items:center; justify-content:space-between; margin:5px 5px 0; position:relative; z-index:6;}#nav-toggle,.hidden,.nav{ display:none;}a.logo{ font-weight:700; letter-spacing:0.5px; align-items:center; justify-content:center; gap:6px; flex-direction:row; display:flex; font-size:18px; color:var(--logo);}.logo-icon{ display:flex;}.logo-icon img{ width:32px; height:32px;}.logo-text{ display:flex;}.nav-btn,.search-btn{ font-size:20px; cursor:pointer;}.nav-btn:focus{ outline:var(--brand) solid 1px;}.nav{ position:absolute; top:100%; left:0; right:0; margin-top:10px; flex-direction:column;}@media (min-width:480px){ .grid{ grid-template-columns:repeat(2,1fr); }}@media (min-width:768px){ .grid{ grid-template-columns:repeat(3,1fr); } .nav-btn{ display:none; } .logo{ order:1; } .nav{ order:2; position:static; display:flex; flex-direction:row; gap:18px; box-shadow:none; margin:0; } .nav a{ padding:0; font-size:14px; } .search-btn{ order:3; }}.steps li{ box-shadow:0 1px 3px var(--shadow-soft);}ul.gri{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; list-style:none;}.gri a{ display:block;}a.btn{ display:inline-block; margin-top:20px;}a.btn:hover{ background:var(--brand-strong);}.social-icons a svg path{ fill:var(--icon-main);}.social-icons a:hover svg path{ fill:var(--text-invert);}.copy-btn{ cursor:pointer; border:1px solid var(--border-soft); border-radius:10px;}.copy-btn.copy{flex:1;}.prompt-text{ display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; transition:0.2s; max-height:400px;}.card.expanded .prompt-text{ -webkit-line-clamp:unset; line-clamp:unset; overflow:auto;}.steps{ margin:10px 0; display:grid; gap:10px; counter-reset:step;}.steps li{ display:flex; align-items:anchor-center; gap:8px; padding:10px; background:var(--bg-surface); border-radius:10px; font-size:15px;}.steps li::before{ content:counter(step); counter-increment:step; min-width:28px; height:28px; background:var(--brand-soft); color:var(--text-invert); font-size:14px; font-weight:600; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}.steps strong{ color:var(--brand);}@media (max-width:600px){ .container{ padding:16px; } .steps li{ font-size:14px; padding:10px; }}#theme-toggle{ position:fixed; bottom:20px; right:20px; width:46px; height:46px; border-radius:50%; cursor:pointer; background:var(--toggle); font-size:20px; z-index:9999; display:flex; align-items:center; justify-content:center; line-height:1; filter:brightness(120%);}.lang-switch{ position:relative; display:inline-block; order:3;}.lang-btn{ background:none; border:none; padding:0; margin:0; cursor:pointer; font-weight:600; color:var(--text-main); font-size:12px;}.lang-btn:hover{ color:var(--brand);}html[lang="ur"] .lang-menu,html[lang="ar"] .lang-menu{ right:auto; left:0;}.lang-menu{ display:none; position:absolute; right:0; margin-top:6px; background:var(--bg-surface); border:1px solid var(--border-soft); border-radius:10px; min-width:120px; box-shadow:0 4px 12px var(--shadow-soft); z-index:999; overflow:hidden;}.lang-menu a{ display:block; padding:10px 14px; text-decoration:none; color:var(--text-main); font-size:14px;}.lang-menu a:hover{ background:var(--brand-soft); color:var(--text-invert);}.lang-switch.open .lang-menu{ display:block;}.cta-group{ display:flex; gap:10px; margin-top:12px; width:100%;}.cta{ padding:10px 14px; border-radius:4px; font-weight:600; text-align:center; cursor:pointer; border:0; line-height:1;}.cta.copy{ flex:1; font-size:15px;}.ai-icons{ display:flex; align-items:center; justify-content:center; gap:10px; margin-top:10px;}.text-left{ text-align:left;}.title-name{ color:var(--brand);}.latest-posts-slider-container{ margin:20px 0 30px; position:relative;}.slider-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; padding:0 5px;}.slider-title{ font-size:18px; margin:0; padding:0;}.slider-nav{ display:flex; gap:8px;}.slider-nav button{ background:var(--bg-surface); border:1px solid var(--border-soft); color:var(--text-main); width:32px; height:32px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s; box-shadow:0 1px 3px var(--shadow-soft);}.slider-nav button:hover{ background:var(--brand-soft); color:var(--text-invert); border-color:var(--brand-soft);}.latest-posts-slider{ display:flex; gap:12px; overflow-x:auto; scroll-behavior:smooth; padding:5px; scrollbar-width:none; -ms-overflow-style:none; }.latest-posts-slider::-webkit-scrollbar{ display:none;}.slider-item{ flex:0 0 140px; cursor:pointer;}.slider-thumb{ width:100%; aspect-ratio:9 / 16; background:var(--bg-surface); border-radius:10px; overflow:hidden; position:relative; box-shadow:0 2px 5px var(--shadow-soft);}.slider-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform 0.3s;}.slider-item:hover .slider-thumb img{ transform:scale(1.05);}.slider-item-title{ font-size:12px; margin-top:8px; text-align:center; color:var(--text-main); display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-weight:500;}.zoom-overlay{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.4); color:#fff; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.2s;}.slider-item:hover .zoom-overlay{ opacity:1;}@media (min-width:768px){ .slider-item{ flex:0 0 180px; } .slider-title{ font-size:22px; }}.seo-page{ padding-top:20px; padding-bottom:40px;}.seo-content-top{ text-align:center; max-width:900px; margin:0 auto 30px;}.seo-content-top h1{ margin-bottom:10px;}.seo-subheadline{ color:var(--text-muted); margin-bottom:20px;}.seo-description p{ color:var(--text-main);}.seo-content-bottom{ max-width:900px; margin:40px auto 0; padding:30px; background:var(--bg-surface); border-radius:12px; border:1px solid var(--border-soft); text-align:center;}.seo-content-bottom p{ color:var(--text-main); margin:0;}@media (max-width:768px){ .seo-content-bottom{ padding:20px; margin-top:30px; }}.view-all-card .slider-thumb{ background:#1a56db !important; display:flex; align-items:center; justify-content:center;}.view-all-overlay{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; text-align:center; padding:15px; gap:10px;}.view-all-overlay span{ font-size:14px; font-weight:600; line-height:1.2;}.view-all-overlay svg{ width:24px; height:24px;}.view-all-card:hover .view-all-overlay{ transform:scale(1.05);}.view-all-card .slider-item-title{ color:#1a56db;}body.dark .view-all-card .slider-item-title{ color:#80d7ff;}.like-btn-wrapper{ position:absolute; top:10px; left:10px; z-index:10;}.like-btn{ background:rgba(0,0,0,0.4); border:none; border-radius:20px; padding:4px 8px; display:flex; align-items:center; gap:4px; cursor:pointer; transition:all 0.3s ease; backdrop-filter:blur(4px); color:white;}.like-btn:hover{ background:rgba(0,0,0,0.6); transform:scale(1.05);}.heart-icon{ fill:none; stroke:white; stroke-width:2; transition:all 0.3s ease;}.like-btn.liked .heart-icon{ fill:#ff4b2b; stroke:#ff4b2b;}.like-count{ font-size:13px; font-weight:600;}.lightbox-like-btn.liked{ background:rgba(255,75,43,0.2) !important;}.lightbox-like-btn.liked .heart-icon{ fill:#ff4b2b; stroke:#ff4b2b;}.lightbox-like-btn .heart-icon{ transition:all 0.2s ease;}.internal-link{ color:var(--brand,#1a56db) !important; text-decoration:none; border-bottom:1px dashed rgba(26,86,219,0.3); transition:all 0.2s ease; font-weight:500; display:inline !important; padding:0 !important}.internal-link:hover{ color:var(--primary-hover,#1e429f); border-bottom:1px solid var(--primary-hover,#1e429f); background:rgba(26,86,219,0.05); border-radius:2px;}body.dark .internal-link{ color:#60a5fa; border-bottom:1px dashed rgba(96,165,250,0.4);}body.dark .internal-link:hover{ color:#93c5fd; border-bottom:1px solid #93c5fd; background:rgba(96,165,250,0.1);}.custom-scrollbar::-webkit-scrollbar{ width:6px;}.custom-scrollbar::-webkit-scrollbar-track{ background:rgba(0,0,0,0.05); border-radius:10px;}.custom-scrollbar::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.1); border-radius:10px;}.custom-scrollbar::-webkit-scrollbar-thumb:hover{ background:var(--brand);}body.dark .custom-scrollbar::-webkit-scrollbar-track{ background:rgba(255,255,255,0.05);}body.dark .custom-scrollbar::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.1);}@keyframes copiedPulse{ 0%{transform:scale(1);} 50%{transform:scale(1.02);} 100%{transform:scale(1);}}.copied-pulse{ animation:copiedPulse 0.3s ease-in-out;}.copy-prompt-main:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(26,86,219,0.3) !important; filter:brightness(110%);}.copy-prompt-main:active{ transform:translateY(0);}.meta.date a:hover{ background:var(--brand) !important; transform:translateY(-1px); box-shadow:0 2px 8px var(--shadow-brand);}.seo-variations-block > div > div,.seo-instructions-block > div > div{ transition:all 0.3s ease;}.seo-variations-block > div > div:hover{ transform:translateY(-5px); box-shadow:0 8px 25px rgba(0,0,0,0.05); background:#ffffff !important; border-color:var(--brand) !important;}.seo-instructions-block > div > div:hover{ background:var(--bg-hover) !important;}body.dark .seo-variations-block > div > div:hover{ background:var(--bg-hover) !important; box-shadow:0 8px 25px rgba(0,0,0,0.3);}body.dark .copy-prompt-main,body.dark .step-num{ background:var(--brand-soft) !important;}