.blog-search{width:100%;max-width:420px;padding:.85rem 1.2rem;font-family:var(--font-ar);font-size:1rem;color:var(--text-dark);background:var(--white);border:1.5px solid #e3e3e8;border-radius:14px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.blog-search:focus{border-color:var(--gold-light);box-shadow:0 0 0 4px hsla(43,74%,66%,.18)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.75rem;gap:1.75rem}.blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid #ececf1;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,30,54,.14);border-color:hsla(43,74%,66%,.55)}.blog-card-media{position:relative;aspect-ratio:16/9;background:var(--off-white);overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-card-media img{transform:scale(1.08)}.blog-card-media--empty{width:100%;height:100%;background:linear-gradient(135deg,var(--navy) 0,var(--navy-light) 100%)}.blog-card--reveal{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.blog-card--reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.blog-card--reveal.is-visible:hover{transform:translateY(-8px) scale(1)}@media (prefers-reduced-motion:reduce){.blog-card--reveal{opacity:1;transform:none;transition:none}}.blog-card-new{position:absolute;top:12px;inset-inline-end:12px;padding:.28rem .75rem;font-family:var(--font-ar-head);font-size:.72rem;font-weight:700;color:var(--navy);background:linear-gradient(135deg,#ffe9a8,var(--gold-light));border-radius:999px;box-shadow:0 4px 12px hsla(43,74%,66%,.45);animation:newPulse 2.4s ease-in-out infinite}@keyframes newPulse{0%,to{box-shadow:0 4px 12px hsla(43,74%,66%,.35)}50%{box-shadow:0 4px 20px hsla(43,74%,66%,.75)}}@media (prefers-reduced-motion:reduce){.blog-card-new{animation:none}}.blog-grid--single{grid-template-columns:minmax(300px,460px);justify-content:center}.blog-grid--pair{grid-template-columns:repeat(2,minmax(300px,420px));justify-content:center}.reading-progress{position:fixed;top:0;inset-inline:0;height:4px;background:rgba(20,30,54,.06);z-index:1400}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));border-radius:0 2px 2px 0;transition:width .1s linear;box-shadow:0 0 8px hsla(43,74%,66%,.6)}.blog-post-reveal{opacity:0;transform:translateY(24px);animation:postReveal .7s cubic-bezier(.16,1,.3,1) forwards}.blog-post-cover.blog-post-reveal{animation-delay:.05s}.blog-post-content.blog-post-reveal{animation-delay:.2s}@keyframes postReveal{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blog-post-reveal{opacity:1;transform:none;animation:none}}.blog-card-cat{position:absolute;top:12px;inset-inline-start:12px;padding:.3rem .85rem;font-family:var(--font-ar-head);font-size:.75rem;font-weight:700;color:var(--navy);background:var(--gold-light);border-radius:999px}.blog-card-body{padding:1.25rem 1.35rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1 1}.blog-card-title{font-family:var(--font-ar-head);font-size:1.16rem;font-weight:700;color:var(--navy);line-height:1.5}.blog-card-excerpt{font-size:.95rem;color:var(--text-muted);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{margin-top:auto;display:flex;gap:.85rem;font-size:.82rem;color:var(--text-muted);padding-top:.4rem}.blog-post-meta{display:flex;justify-content:center;gap:.6rem;font-size:.9rem;color:hsla(0,0%,100%,.75);font-family:var(--font-ar)}.blog-post-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin-bottom:2.25rem;box-shadow:0 20px 50px rgba(20,30,54,.16)}.blog-post-content p{font-family:var(--font-ar);font-size:1.12rem;line-height:2.1;color:var(--text-dark);margin-bottom:1.5rem}.blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding-top:1.5rem;border-top:1px solid #ececf1}.blog-share-label{font-family:var(--font-ar-head);font-weight:700;color:var(--navy);-webkit-margin-end:.35rem;margin-inline-end:.35rem}.admin-page{max-width:1000px;margin:0 auto;padding:6rem 1.5rem 4rem}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.admin-page-head h1{font-family:var(--font-ar-head);font-size:1.9rem;color:var(--navy);margin-top:.3rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.btn-gold{display:inline-block;padding:.7rem 1.5rem;border:none;cursor:pointer;font-family:var(--font-ar-head);font-weight:700;font-size:.95rem;color:var(--navy);background:var(--gold-light);border-radius:12px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px hsla(43,74%,66%,.4)}.btn-gold:disabled{opacity:.6;cursor:not-allowed}.btn-outline{display:inline-block;padding:.7rem 1.5rem;cursor:pointer;font-family:var(--font-ar-head);font-weight:700;font-size:.95rem;color:var(--navy);background:transparent;border:1.5px solid var(--navy);border-radius:12px;text-decoration:none;transition:background .25s ease,color .25s ease}.btn-outline:hover:not(:disabled){background:var(--navy);color:#fff}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.status-badge{padding:.3rem .85rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.status-approved{background:rgba(34,160,90,.14);color:#1c8047}.status-pending{background:hsla(43,74%,66%,.2);color:var(--gold-dark)}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.filter-btn.danger,.row-actions .filter-btn.danger{color:#b42318;border-color:rgba(180,35,24,.4)}.filter-btn.danger:hover{background:rgba(180,35,24,.08)}.post-form{max-width:720px}.form-label{display:block;font-family:var(--font-ar-head);font-weight:700;color:var(--navy);margin:1.25rem 0 .5rem}.form-input{width:100%;padding:.75rem 1rem;font-family:var(--font-ar);font-size:1rem;color:var(--text-dark);background:#fff;border:1.5px solid #e3e3e8;border-radius:12px;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.form-input:focus{border-color:var(--gold-light);box-shadow:0 0 0 4px hsla(43,74%,66%,.16)}textarea.form-input{resize:vertical;line-height:1.9}.form-hint{font-size:.82rem;color:var(--text-muted);margin-top:.35rem}.form-error{padding:.85rem 1.1rem;background:rgba(180,35,24,.08);color:#b42318;border:1px solid rgba(180,35,24,.25);border-radius:12px;margin-bottom:1rem;font-weight:500}.post-form-cover-preview{display:block;max-width:320px;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:.75rem}.post-form-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.blog-bubble-wrap{position:fixed;bottom:150px;inset-inline-end:24px;z-index:1200;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.blog-bubble-btn{width:60px;height:60px;border-radius:50%;border:2px solid var(--gold-light);background:var(--navy);color:var(--gold-light);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(20,30,54,.28);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background .3s ease}.blog-bubble-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px hsla(43,74%,66%,.4)}.blog-bubble-btn.open{background:var(--gold-light);color:var(--navy)}.blog-bubble-panel{width:300px;max-width:calc(100vw - 48px);background:#fff;border:1px solid #ececf1;border-radius:18px;box-shadow:0 20px 50px rgba(20,30,54,.22);overflow:hidden;animation:bubbleIn .25s cubic-bezier(.16,1,.3,1);transform-origin:bottom left}@keyframes bubbleIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.blog-bubble-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--navy)}.blog-bubble-head>span{font-family:var(--font-ar-head);font-weight:700;color:#fff;font-size:1.05rem}.blog-bubble-all{font-size:.82rem;color:var(--gold-light);text-decoration:none;font-weight:500}.blog-bubble-all:hover{text-decoration:underline}.blog-bubble-body{max-height:320px;overflow-y:auto}.blog-bubble-item{display:block;padding:.9rem 1.25rem;text-decoration:none;border-bottom:1px solid #f2f2f5;transition:background .2s ease}.blog-bubble-item:last-child{border-bottom:none}.blog-bubble-item:hover{background:var(--off-white)}.blog-bubble-cat{display:inline-block;font-family:var(--font-ar-head);font-size:.68rem;font-weight:700;color:var(--gold-dark);margin-bottom:.25rem}.blog-bubble-title{display:block;font-size:.95rem;color:var(--navy);line-height:1.6;font-weight:500}.blog-bubble-empty{padding:1.5rem 1.25rem;text-align:center;color:var(--text-muted);font-size:.9rem}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-post-content p{font-size:1.05rem;line-height:2}.blog-bubble-wrap{bottom:140px;inset-inline-end:16px}}.magq-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#1a2743 0,#0e1729 70%);animation:magqFade .22s ease both}@keyframes magqFade{0%{opacity:0}to{opacity:1}}.magq-brand{display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:magqPop .32s cubic-bezier(.16,1,.3,1) both}@keyframes magqPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.magq-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(232,196,104,.5))}.magq-title{font-family:var(--font-ar-head);font-size:1.15rem;font-weight:700;color:var(--gold-light);letter-spacing:.03em}@media (prefers-reduced-motion:reduce){.magq-brand,.magq-overlay{animation:none}}.cbk-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#1a2743 0,#0e1729 68%,#0a1120 100%);opacity:0;animation:cbkFadeIn .3s ease forwards}.cbk-play{animation:cbkFadeIn .3s ease forwards,cbkFadeOut .3s ease 5.1s forwards}@keyframes cbkFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cbkFadeOut{0%{opacity:1}to{opacity:0}}.cbk-scene{display:flex;flex-direction:column;align-items:center;gap:2.4rem;perspective:1900px}.cbk-book-wrap{position:relative;display:inline-block;transform:scale(.62);opacity:.7}.cbk-play .cbk-book-wrap{animation:cbkZoomIn 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes cbkZoomIn{0%{transform:scale(.62);opacity:.7}to{transform:scale(1);opacity:1}}.cbk-book{position:relative;width:clamp(230px,46vw,520px);aspect-ratio:.74;transform-style:preserve-3d;transform:rotateY(-14deg) rotateX(4deg)}.cbk-book-wrap:after{content:"";position:absolute;bottom:-7%;left:8%;right:8%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0,transparent 68%);filter:blur(6px);opacity:0}.cbk-play .cbk-book-wrap:after{animation:cbkShadowIn 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes cbkShadowIn{0%{opacity:0}to{opacity:.75}}.cbk-base{position:absolute;inset:0;border-radius:4px 9px 9px 4px;background:linear-gradient(135deg,#f6f2e6,#ece4cf);box-shadow:0 4px 18px rgba(0,0,0,.35);overflow:hidden}.cbk-spine{position:absolute;top:-2%;bottom:-2%;inset-inline-end:-3px;width:7px;border-radius:0 6px 6px 0;background:linear-gradient(var(--gold-dark),var(--gold-light),var(--gold-dark));box-shadow:1px 0 6px rgba(0,0,0,.3);z-index:5}.cbk-lines{position:absolute;inset:14% 10%;background-image:linear-gradient(90deg,var(--gold-dark) 0,var(--gold-dark) 38%,transparent 38%),repeating-linear-gradient(to bottom,transparent 0,transparent 15%,rgba(20,30,54,.13) 15%,rgba(20,30,54,.13) calc(15% + 3px));background-size:100% 10%,100% 100%;background-repeat:no-repeat,repeat-y;background-position:top,top;opacity:.9}.cbk-content{position:absolute;inset:13% 9%;display:flex;flex-direction:column;gap:.5rem}.cbk-content-cat{font-size:clamp(.5rem,1.5vw,.7rem);color:var(--gold-dark);align-self:flex-end}.cbk-content-cat,.cbk-content-title{font-family:var(--font-ar-head);font-weight:700}.cbk-content-title{font-size:clamp(.8rem,2.4vw,1.05rem);line-height:1.5;color:var(--navy);text-align:right;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cbk-lines-short{flex:1 1;background-image:repeating-linear-gradient(180deg,transparent 0,transparent 16%,rgba(20,30,54,.12) 0,rgba(20,30,54,.12) calc(16% + 3px));opacity:.8}.cbk-cover,.cbk-page{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:100% 50%;transform:rotateY(0deg)}.cbk-cover{z-index:6}.cbk-page-1{z-index:5}.cbk-page-2{z-index:4}.cbk-base{z-index:1}.cbk-cover{background:linear-gradient(135deg,#182543,#101a30);box-shadow:0 10px 30px rgba(0,0,0,.4)}.cbk-cover,.cbk-face{border-radius:4px 9px 9px 4px}.cbk-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.cbk-face-front{background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.04) 12%,transparent 32%),linear-gradient(135deg,#f8f4ea,#efe6d0)}.cbk-face-back{background:linear-gradient(270deg,rgba(0,0,0,.16),rgba(0,0,0,.04) 12%,transparent 32%),linear-gradient(135deg,#eee6d4,#e4d8b8);transform:rotateY(180deg)}.cbk-cover .cbk-face-back,.cbk-cover .cbk-face-front{background:linear-gradient(135deg,#182543,#101a30);box-shadow:inset 0 0 0 1px hsla(43,74%,66%,.22),0 10px 30px rgba(0,0,0,.4)}.cbk-cover:before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:-5px;width:5px;background:linear-gradient(#0c1424,#182543,#0c1424);border-radius:3px 0 0 3px;transform:rotateY(-84deg);transform-origin:right center}.cbk-cover-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:8% 10%;border:1px solid hsla(43,74%,66%,.5);margin:6%;border-radius:2px 6px 6px 2px}.cbk-cover-logo{width:30%;max-width:60px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(232,196,104,.5))}.cbk-cover-title{font-family:var(--font-ar-head);font-weight:700;font-size:clamp(.85rem,3.2vw,1.15rem);color:#fff;text-align:center}.cbk-cover-line{width:40%;height:2px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark));border-radius:2px}.cbk-cover-en{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:clamp(.55rem,1.9vw,.7rem);letter-spacing:.08em;color:var(--gold-light)}.cbk-play .cbk-cover{animation:cbkFlipCover 1.2s cubic-bezier(.6,.05,.25,1) 1.4s forwards}.cbk-play .cbk-page-1{animation:cbkFlipPage1 1s cubic-bezier(.6,.05,.25,1) 2.7s forwards}.cbk-play .cbk-page-2{animation:cbkFlipPage2 1s cubic-bezier(.6,.05,.25,1) 3.8s forwards}@keyframes cbkFlipCover{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes cbkFlipPage1{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes cbkFlipPage2{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}.cbk-caption{display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0}.cbk-play .cbk-caption{animation:cbkCaptionIn .6s cubic-bezier(.16,1,.3,1) .85s forwards}@keyframes cbkCaptionIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cbk-caption-title{font-family:var(--font-ar-head);font-size:clamp(1.4rem,3.6vw,1.9rem);font-weight:700;color:var(--gold-light);letter-spacing:.04em}.cbk-caption-line{width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark))}.cbk-play .cbk-caption-line{animation:cbkLineGrow .7s ease 1.05s forwards}@keyframes cbkLineGrow{to{width:130px}}@media (prefers-reduced-motion:reduce){.cbk-book,.cbk-book-wrap:after,.cbk-overlay,.cbk-play .cbk-book-wrap,.cbk-play .cbk-caption,.cbk-play .cbk-caption-line,.cbk-play .cbk-cover,.cbk-play .cbk-page-1,.cbk-play .cbk-page-2{animation:none!important}.cbk-book-wrap{transform:scale(1);opacity:1}.cbk-book{transform:rotateY(-14deg) rotateX(4deg)}}