*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-ar);background:radial-gradient(circle at top right,rgba(79,163,255,.18),transparent 34%),linear-gradient(135deg,#020814 0%,#07111f 45%,#001b3d 100%);color:#eaf4ff;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}.site-shell{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:14px;z-index:50;margin:14px 0 28px;padding:12px 16px;border:1px solid rgba(255,255,255,.08);background:rgba(3,12,28,.82);backdrop-filter:blur(16px);border-radius:22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 70px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.4px;min-width:0}.brand img{width:96px;height:auto;display:block;filter:drop-shadow(0 8px 22px rgba(79,163,255,.22))}.brand-copy{display:grid;line-height:1.15}.brand-copy strong{color:#fff;font-size:18px}.brand-copy small{color:#99bbdf;font-size:12px;font-weight:700}.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{padding:10px 12px;border-radius:12px;color:#cfe6ff}.main-nav a:hover,.nav-cta,.admin-link{background:rgba(79,163,255,.12);color:#fff}.flash{margin:12px 0;padding:14px 16px;border-radius:16px;background:rgba(79,163,255,.12);border:1px solid rgba(79,163,255,.22)}.flash-error{background:rgba(255,80,80,.14);border-color:rgba(255,80,80,.24)}.flash-success{background:rgba(43,207,145,.14);border-color:rgba(43,207,145,.24)}.flash-warning{background:rgba(255,183,77,.14);border-color:rgba(255,183,77,.24)}.hero-section{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:54px 0 40px}.eyebrow{display:inline-flex;color:#8fc8ff;background:rgba(79,163,255,.10);border:1px solid rgba(79,163,255,.22);padding:8px 12px;border-radius:999px;font-weight:800;margin-bottom:14px}.hero-content h1,.section-head h1,.section-head h2,.book-detail h1{font-size:clamp(34px,5vw,68px);line-height:1.05;margin:0 0 18px;font-weight:900;letter-spacing:-1px}.hero-content p,.section-head p,.lead{font-size:20px;line-height:1.9;color:#c5d9ef;margin:0 0 24px}.hero-actions,.card-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:14px 20px;font-weight:900;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--brand-accent),#0b63ce);color:white;box-shadow:0 16px 40px rgba(79,163,255,.24)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(79,163,255,.35)}.btn-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#eaf4ff}.trust-bar{margin-top:24px;color:#a8c2dc}.hero-card,.book-card,.panel,.auth-card,.stat{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.28)}.hero-card{padding:30px;text-align:center;overflow:hidden;position:relative}.hero-card:before{content:"";position:absolute;inset:-120px;background:radial-gradient(circle,rgba(79,163,255,.23),transparent 55%);z-index:-1}.hero-logo{width:min(100%,380px);margin:22px auto 24px;display:block}.hero-card .hero-logo{padding:22px 24px;border-radius:28px;background:radial-gradient(circle at top,rgba(115,172,255,.12),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-grid div{padding:16px;border-radius:18px;background:rgba(0,7,18,.32);border:1px solid rgba(255,255,255,.06)}.metric-grid strong{display:block;font-size:22px;color:#fff}.metric-grid span{color:#a8c2dc}.section{padding:58px 0}.section-head{text-align:center;max-width:820px;margin:0 auto 28px}.section-head.compact{padding-top:30px}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.book-card{padding:26px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.book-card:after{content:"";position:absolute;inset:auto -40px -80px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(79,163,255,.22),transparent 70%)}.premium-card{min-height:430px}.book-badge{align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(79,163,255,.14);color:#a5d3ff;font-weight:900}.book-card h2,.book-card h3{font-size:28px;margin:0}.book-card p{color:#c5d9ef;line-height:1.8}.book-card ul,.panel ul,.book-side-card ul{padding:0;margin:0;list-style:none}.book-card li,.panel li,.book-side-card li{padding:8px 0;color:#d6e7f8}.book-card li:before,.panel li:before,.book-side-card li:before{content:"✓";color:#6dbcff;font-weight:900;margin-left:8px}.price-row{display:flex;align-items:baseline;gap:12px;margin-top:auto}.price{font-size:28px;font-weight:900;color:#fff}.old-price{text-decoration:line-through;color:#7190ad}.big .price{font-size:40px}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.benefits{display:grid;gap:14px}.benefits div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:20px}.benefits strong{color:#69b8ff}.page-main{padding:30px 0 70px}.narrow{max-width:760px;margin:auto}.book-detail{display:grid;grid-template-columns:1fr 370px;gap:24px;align-items:start}.book-detail-content,.book-side-card{padding:30px;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.two-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.auth-page{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(520px,100%);padding:30px}.auth-card h1{margin-top:0}.auth-card label,.admin-form label{display:grid;gap:8px;margin:14px 0;color:#cfe6ff;font-weight:800}.auth-card input,.admin-form input,.admin-form textarea,.admin-form select,table input,table select{width:100%;background:#061226;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px;font:inherit}.admin-main{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:26px 0 70px}.admin-nav{position:sticky;top:100px;align-self:start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:14px;display:grid;gap:8px}.admin-nav a{padding:12px;border-radius:14px;color:#cfe6ff}.admin-nav a:hover{background:rgba(79,163,255,.12);color:white}.admin-content{min-width:0}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:22px}.stat strong{display:block;font-size:36px}.stat span{color:#a8c2dc}.table-wrap{overflow:auto;border-radius:22px;border:1px solid rgba(255,255,255,.1)}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.045)}th,td{text-align:right;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}th{color:#a8c2dc}td small{color:#8ca8c2}.danger{color:#ff7b7b!important}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions button,td button{background:#0b2445;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;cursor:pointer}.admin-form{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.colors{grid-template-columns:repeat(4,1fr)}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.check input{width:auto}.site-footer{margin:50px 0 28px;padding:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:#a8c2dc}.footer-links{display:flex;gap:16px}.whatsapp-float{position:fixed;right:18px;bottom:22px;z-index:80;display:flex;align-items:center;gap:10px;background:#0a7d49;color:#fff;padding:13px 16px;border-radius:999px;font-weight:900;box-shadow:0 18px 50px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.1)}.wa-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18)}.wa-dot svg{width:18px;height:18px;display:block}@media(max-width:860px){.site-shell{width:min(100% - 20px,1180px)}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;margin:auto;background:#061226;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero-section,.featured-grid,.split-section,.book-detail,.two-cols,.admin-main{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.colors{grid-template-columns:1fr}.hero-logo{width:270px}.site-footer{display:grid;gap:16px}.brand img{width:84px}.hero-content h1{font-size:38px}.admin-nav{position:static}}
.reader-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.reader-head h1{margin:0}.pdf-frame-wrap{height:78vh;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:#061226;box-shadow:0 25px 80px rgba(0,0,0,.28)}.pdf-frame-wrap iframe{width:100%;height:100%;border:0;background:white}@media(max-width:860px){.reader-head{display:grid}.pdf-frame-wrap{height:70vh}}
@media(max-width:860px){.brand-copy small{display:none}.hero-card .hero-logo{padding:16px;border-radius:22px}}
/* v5 book sales page */
.sales-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:44px 0 30px}.sales-copy h1{font-size:clamp(36px,5.4vw,72px);line-height:1.04;margin:0 0 18px;font-weight:900;letter-spacing:-1.2px}.sales-intro{font-size:21px;line-height:1.95;color:#d4e7fb;margin:0 0 22px;max-width:760px}.sales-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.sales-bullets div{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:#dceeff;font-weight:700}.sales-bullets span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:rgba(79,163,255,.16);color:#8fc8ff;font-weight:900}.sales-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn-xl{padding:17px 26px;font-size:18px}.micro-trust{margin-top:16px;color:#9fbedc}.sales-side{display:grid;gap:18px;position:relative}.book-cover-stage{min-height:520px;border-radius:34px;background:radial-gradient(circle at 50% 20%,rgba(79,163,255,.22),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;padding:34px;box-shadow:0 35px 100px rgba(0,0,0,.32);perspective:1000px;overflow:hidden}.book-cover-stage:before{content:"";position:absolute;inset:12% 4% auto auto;width:160px;height:160px;border-radius:999px;background:rgba(79,163,255,.12);filter:blur(24px)}.book-cover-img{width:min(330px,88%);aspect-ratio:3/4;object-fit:cover;border-radius:20px;box-shadow:-22px 28px 70px rgba(0,0,0,.45);transform:rotateY(-8deg) rotateZ(1deg);border:1px solid rgba(255,255,255,.14);background:#061226}.book-cover-fallback{width:min(330px,88%);aspect-ratio:3/4;border-radius:22px;background:linear-gradient(160deg,#07111f,#001b3d 52%,#0a4289);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:28px;text-align:center;box-shadow:-22px 28px 70px rgba(0,0,0,.45);transform:rotateY(-8deg) rotateZ(1deg);border:1px solid rgba(255,255,255,.14)}.book-cover-fallback img{width:180px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.book-cover-fallback strong{font-size:28px;line-height:1.3;color:white}.book-cover-fallback small{letter-spacing:2px;color:#8fc8ff}.price-box{display:grid;gap:12px;padding:22px;border-radius:24px;background:rgba(2,8,20,.72);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 70px rgba(0,0,0,.28)}.price-box>span{color:#9fbedc;font-weight:800}.conversion-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 44px}.conversion-strip div{padding:20px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);text-align:center}.conversion-strip strong{display:block;font-size:24px;color:#fff}.conversion-strip span{color:#a8c2dc}.sales-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glow-panel{padding:26px;position:relative;overflow:hidden}.glow-panel:after{content:"";position:absolute;inset:auto -40px -70px auto;width:170px;height:170px;background:radial-gradient(circle,rgba(79,163,255,.15),transparent 72%)}.offer-card{display:grid;grid-template-columns:1fr 280px;gap:26px;align-items:center;padding:34px;border-radius:34px;background:linear-gradient(135deg,rgba(79,163,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 90px rgba(0,0,0,.28)}.offer-card h2{font-size:clamp(28px,3.6vw,46px);margin:0 0 12px;line-height:1.15}.offer-card p{color:#c5d9ef;font-size:19px;line-height:1.9}.offer-price{display:grid;gap:12px;padding:22px;border-radius:26px;background:rgba(0,10,24,.44);border:1px solid rgba(255,255,255,.1);text-align:center}.offer-price span{color:#9fbedc}.offer-price strong{font-size:42px}.faq-list{max-width:900px;margin:auto;display:grid;gap:12px}.faq-list details{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px}.faq-list summary{cursor:pointer;font-weight:900;color:#fff}.faq-list p{color:#c5d9ef;line-height:1.8}.not-found-panel{padding:34px}.muted{color:#839bb6}.admin-cover-thumb{width:54px;height:72px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.book-editor{display:grid;gap:18px}.editor-section{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.035)}.editor-section h2{margin:0 0 12px}.editor-highlight{background:linear-gradient(180deg,rgba(79,163,255,.09),rgba(255,255,255,.035));border-color:rgba(79,163,255,.18)}.admin-hint{color:#9fbedc;margin-top:6px}.cover-preview{display:flex;gap:16px;align-items:center;margin:10px 0 16px}.cover-preview img{width:120px;height:160px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
@media(max-width:980px){.sales-hero,.offer-card{grid-template-columns:1fr}.sales-bullets,.sales-grid-3,.conversion-strip{grid-template-columns:1fr}.book-cover-stage{min-height:420px}.book-cover-img,.book-cover-fallback{transform:none}.sales-copy h1{font-size:38px}}
/* v6 homepage book cards + sample previews */
.featured-book-grid{align-items:stretch}.home-book-card{display:grid;grid-template-columns:230px 1fr;gap:22px;min-height:0;padding:18px}.home-book-media{position:relative;min-height:330px;border-radius:24px;background:radial-gradient(circle at 50% 18%,rgba(79,163,255,.22),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);overflow:hidden}.home-book-media img,.catalog-cover img{width:72%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:-14px 22px 48px rgba(0,0,0,.42);transform:rotateY(-6deg) rotateZ(1deg);border:1px solid rgba(255,255,255,.14)}.floating-badge{position:absolute;top:14px;right:14px;z-index:2}.home-book-copy{display:flex;flex-direction:column;gap:12px;min-width:0}.home-book-copy h3{font-size:31px;line-height:1.18}.home-points{padding:0;margin:0;list-style:none;display:grid;gap:6px}.home-points li{padding:5px 0;color:#d7e9fb}.home-points li:before{content:"✓";color:#7ec5ff;font-weight:900;margin-left:8px}.card-click-layer{position:absolute;inset:0;z-index:1}.on-top{position:relative;z-index:2}.catalog-book-card{padding:18px}.catalog-cover{height:250px;border-radius:22px;background:rgba(2,9,23,.45);display:grid;place-items:center;margin-bottom:4px;border:1px solid rgba(255,255,255,.08)}.mini-cover-fallback{width:72%;aspect-ratio:3/4;border-radius:16px;background:linear-gradient(155deg,#07111f,#001b3d,#0b63ce);display:grid;place-items:center;font-size:42px;font-weight:900;color:#ddecff;box-shadow:-14px 22px 48px rgba(0,0,0,.35)}.sample-pages{padding-top:42px}.preview-pages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1040px;margin:auto}.preview-page-card{margin:0;padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 90px rgba(0,0,0,.32)}.preview-page-card img{width:100%;display:block;border-radius:18px;background:#f6f9fc;box-shadow:0 14px 40px rgba(0,0,0,.25)}.preview-page-card figcaption{text-align:center;color:#a8c2dc;font-weight:900;margin-top:12px}.preview-admin-grid .cover-preview{display:grid;align-items:start}.preview-admin-grid .cover-preview img{width:150px;height:200px;object-fit:cover}.book-card{isolation:isolate}.book-card .btn,.book-card a:not(.card-click-layer),.book-card button{position:relative;z-index:2}
@media(max-width:980px){.home-book-card{grid-template-columns:1fr}.home-book-media{min-height:300px}.preview-pages-grid{grid-template-columns:1fr}.home-book-media img,.catalog-cover img{transform:none}}
/* v7 realistic book mockups */
.title-link{color:inherit;transition:.2s}.title-link:hover{color:#8fc8ff}.book-link{display:grid;text-decoration:none}.book-mockup{--book-w:230px;--book-h:310px;--book-depth:22px;position:relative;width:var(--book-w);height:var(--book-h);perspective:1200px;transform-style:preserve-3d;margin:auto}.book-mockup .book-shadow{position:absolute;left:10%;right:-14%;bottom:-30px;height:45px;background:radial-gradient(ellipse,rgba(0,0,0,.64),transparent 70%);filter:blur(10px);transform:rotate(-4deg)}.book-mockup .book-front,.book-mockup .book-pages,.book-mockup .book-spine{position:absolute;display:block;transform-style:preserve-3d}.book-mockup .book-front{inset:0;overflow:hidden;border-radius:7px 14px 14px 7px;background:linear-gradient(155deg,#09234c,#00152f);box-shadow:-22px 28px 62px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.12);transform:rotateY(-17deg) rotateX(2deg) rotateZ(1deg);transform-origin:left center;z-index:4}.book-mockup .book-front:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.18),transparent 24%,transparent 74%,rgba(0,0,0,.25));pointer-events:none}.book-mockup .book-front img{width:100%;height:100%;object-fit:cover;display:block}.book-mockup .book-spine{left:-13px;top:7px;bottom:7px;width:27px;border-radius:5px 0 0 5px;background:linear-gradient(90deg,#020814,#0b3b78 48%,#061a38);transform:rotateY(72deg) translateZ(-3px);z-index:2;box-shadow:inset 1px 0 rgba(255,255,255,.13)}.book-mockup .book-pages{right:-3px;top:9px;bottom:9px;width:var(--book-depth);border-radius:0 5px 5px 0;background:repeating-linear-gradient(0deg,#e9edf2 0 2px,#cbd3dd 2px 3px);transform:rotateY(70deg) translateZ(-5px);z-index:3;box-shadow:inset -2px 0 5px rgba(0,0,0,.22)}.book-cover-fallback-3d{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(79,163,255,.25),transparent 45%),linear-gradient(155deg,#07111f,#001b3d 60%,#0b63ce);color:#fff}.book-cover-fallback-3d b{font-size:44px}.book-cover-fallback-3d small{font-size:18px;line-height:1.4}.book-cover-fallback-3d img{width:150px;height:auto;object-fit:contain}.book-mockup-home{--book-w:210px;--book-h:290px}.book-mockup-catalog{--book-w:180px;--book-h:245px}.book-mockup-detail{--book-w:320px;--book-h:440px}.book-mockup-preview{--book-w:270px;--book-h:370px}.book-link:hover .book-front,.book-mockup:hover .book-front{transform:rotateY(-10deg) rotateX(1deg) rotateZ(0);transition:transform .45s ease}.book-front{transition:transform .45s ease}.home-book-media{padding:26px;overflow:visible}.catalog-cover{padding:20px;height:310px;overflow:visible}.book-cover-stage-v7{overflow:visible}.book-cover-stage-v7 .book-mockup{filter:drop-shadow(0 30px 38px rgba(0,0,0,.35))}
/* v7 virtual opening preview */
.virtual-preview-section{position:relative}.virtual-book{max-width:1120px;margin:0 auto;min-height:620px;border-radius:38px;background:radial-gradient(circle at 50% 32%,rgba(79,163,255,.15),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 110px rgba(0,0,0,.34);padding:36px;display:grid;place-items:center;overflow:hidden}.virtual-book-closed{display:grid;place-items:center;gap:26px;transition:opacity .25s ease,transform .45s ease}.virtual-book-closed small{color:#91adca}.virtual-open-btn{min-width:190px}.virtual-book-opened{display:none;width:100%;opacity:0;transform:scale(.9)}.virtual-book.is-open .virtual-book-closed{display:none}.virtual-book.is-open .virtual-book-opened{display:grid;gap:24px;opacity:1;transform:scale(1);animation:bookOpen .75s cubic-bezier(.22,.8,.2,1)}@keyframes bookOpen{0%{opacity:0;transform:scale(.72) rotateX(16deg)}55%{opacity:1;transform:scale(1.03) rotateX(0)}100%{transform:scale(1)}}.open-book-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(100%,980px);margin:auto;perspective:1800px;filter:drop-shadow(0 34px 40px rgba(0,0,0,.38))}.open-book-page{position:relative;aspect-ratio: .73;background:#f5f1e8;border:0;padding:0;overflow:hidden;cursor:zoom-in;box-shadow:inset 0 0 30px rgba(39,60,84,.12);transition:transform .25s ease,filter .25s ease}.open-book-page:hover{filter:brightness(1.03);z-index:4}.open-book-page img{width:100%;height:100%;object-fit:cover;display:block}.open-book-page-left{border-radius:20px 4px 8px 20px;transform-origin:right center;transform:rotateY(4deg);clip-path:polygon(2% 1%,100% 0,100% 100%,3% 98%,0 91%,0 8%)}.open-book-page-right{border-radius:4px 20px 20px 8px;transform-origin:left center;transform:rotateY(-4deg);clip-path:polygon(0 0,98% 1%,100% 8%,100% 91%,97% 98%,0 100%)}.open-book-page-left:hover{transform:rotateY(1deg) translateY(-3px)}.open-book-page-right:hover{transform:rotateY(-1deg) translateY(-3px)}.open-book-gutter{position:absolute;z-index:5;left:50%;top:1%;bottom:1%;width:26px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(255,255,255,.35) 48%,rgba(0,0,0,.24));filter:blur(3px);pointer-events:none}.open-book-edge{position:absolute;top:3%;bottom:-10px;width:22px;background:repeating-linear-gradient(0deg,#e8e5dc 0 2px,#c8c4bb 2px 3px);z-index:-1;border-radius:6px}.open-book-edge-left{left:-12px;transform:skewY(-2deg)}.open-book-edge-right{right:-12px;transform:skewY(2deg)}.page-number{position:absolute;bottom:14px;inset-inline-end:18px;color:#526578;font-weight:800;background:rgba(255,255,255,.78);padding:5px 10px;border-radius:999px}.virtual-book-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;color:#9fb9d4}.preview-lightbox[hidden]{display:none}.preview-lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,6,18,.92);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.preview-lightbox img{max-width:min(94vw,900px);max-height:90vh;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.6);background:white}.preview-lightbox-close{position:fixed;top:18px;right:20px;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#07182f;color:white;font-size:30px;cursor:pointer}.preview-modal-open{overflow:hidden}
/* v7 small usability refinements */
.home-book-card,.catalog-book-card{overflow:visible}.home-book-copy h3,.catalog-book-card h2{margin-top:0}.catalog-book-card{min-height:590px}.hero-showcase{background:radial-gradient(circle at 50% 5%,rgba(79,163,255,.16),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.security-status{display:grid;gap:12px}.security-item{display:flex;justify-content:space-between;gap:14px;padding:14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.security-good{color:#6fe0aa}.security-warning{color:#ffcf70}
@media(max-width:980px){.book-mockup-detail{--book-w:260px;--book-h:360px}.virtual-book{padding:22px;min-height:520px}.open-book-scene{grid-template-columns:1fr;max-width:520px}.open-book-page-left{display:none}.open-book-page-right{border-radius:18px;transform:none;clip-path:none}.open-book-gutter,.open-book-edge-left{display:none}.open-book-edge-right{right:-10px}.catalog-book-card{min-height:560px}}
@media(max-width:620px){.book-mockup-home{--book-w:180px;--book-h:250px}.book-mockup-catalog{--book-w:160px;--book-h:220px}.book-mockup-preview{--book-w:220px;--book-h:300px}.virtual-book{padding:16px;border-radius:26px}.open-book-page{aspect-ratio:.72}.home-book-media{min-height:310px}.catalog-cover{height:280px}}
/* ===== v8: sales-first homepage, upright realistic books, unlimited previews ===== */
.home-featured-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:center;padding:42px 0 72px;min-height:720px}.home-featured-copy{padding:26px 0}.home-featured-copy h1{font-size:clamp(40px,6vw,76px);line-height:1.04;margin:0 0 20px;font-weight:900;letter-spacing:-1.6px}.home-featured-intro{font-size:21px;line-height:1.9;color:#c5d9ef;max-width:720px}.home-featured-points{display:grid;gap:12px;margin:25px 0}.home-featured-points div{font-size:19px;color:#dcecff;display:flex;gap:10px;align-items:flex-start}.home-featured-points span{color:#69b8ff;font-weight:900}.home-featured-price{display:flex;align-items:baseline;gap:14px;margin:24px 0}.home-featured-price .price{font-size:46px}.featured-book-stage{min-height:650px;border-radius:36px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,rgba(57,125,210,.32),transparent 42%),linear-gradient(180deg,#0a1629 0%,#050b15 100%);border:1px solid rgba(145,190,244,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 38px 100px rgba(0,0,0,.42);overflow:hidden}.featured-stage-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(28,105,201,.16);filter:blur(70px)}.featured-stage-badge{position:absolute;top:26px;right:26px;z-index:6}.featured-stage-caption{position:absolute;bottom:22px;color:#9db9d7;font-weight:700}.book-mockup-featured{--book-w:330px;--book-h:500px}.home-catalog-section{padding-top:44px}.home-other-books-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.home-secondary-book{min-height:610px}
/* Upright realistic book: front face stays straight, with a subtle spine and page block. */
.book-mockup{perspective:none;transform:none!important}.book-mockup .book-front{inset:0 8px 0 14px;transform:none!important;border-radius:3px 10px 10px 3px;box-shadow:0 28px 54px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.1);transform-origin:center!important}.book-mockup .book-front:after{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 16%,transparent 82%,rgba(0,0,0,.16))}.book-mockup .book-spine{left:0;top:5px;bottom:5px;width:18px;transform:skewY(-1deg)!important;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#020611,#0b2e61 62%,#071a36);box-shadow:inset 1px 0 rgba(255,255,255,.11),-4px 5px 12px rgba(0,0,0,.28)}.book-mockup .book-pages{right:0;top:8px;bottom:8px;width:10px;transform:none!important;border-radius:0 5px 5px 0;background:repeating-linear-gradient(0deg,#f4f1e9 0 2px,#d8d2c8 2px 3px);box-shadow:inset -2px 0 4px rgba(0,0,0,.18)}.book-mockup .book-shadow{left:8%;right:2%;bottom:-34px;transform:none!important;height:48px}.book-link:hover .book-front,.book-mockup:hover .book-front{transform:translateY(-4px)!important}.book-front{transition:transform .28s ease}.book-cover-stage,.book-cover-stage-v7{background:radial-gradient(circle at 50% 18%,rgba(53,119,204,.25),transparent 46%),linear-gradient(180deg,#0b1728,#040912)!important;border-radius:30px}.catalog-cover,.home-book-media{background:radial-gradient(circle at 50% 30%,rgba(59,127,215,.18),transparent 52%),linear-gradient(180deg,rgba(8,20,37,.88),rgba(4,9,18,.96));border-radius:24px}
/* Unlimited preview spreads */
.preview-spreads{width:100%;min-height:690px;display:grid;place-items:center}.preview-spread{display:none;width:100%}.preview-spread.is-active{display:block}.preview-spread.turn-forward{animation:spreadForward .55s cubic-bezier(.2,.75,.2,1)}.preview-spread.turn-back{animation:spreadBack .55s cubic-bezier(.2,.75,.2,1)}@keyframes spreadForward{from{opacity:.25;transform:perspective(1200px) rotateY(-10deg) scale(.96)}to{opacity:1;transform:none}}@keyframes spreadBack{from{opacity:.25;transform:perspective(1200px) rotateY(10deg) scale(.96)}to{opacity:1;transform:none}}.open-book-page-empty{display:grid;place-items:center;color:#607080;font-weight:800}.virtual-book-controls button:disabled{opacity:.35;cursor:not-allowed}.preview-help{text-align:center;color:#93abc3;margin:0}.preview-admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.preview-admin-item{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;display:grid;gap:10px}.preview-admin-item img{width:100%;height:260px;object-fit:cover;border-radius:12px;background:white}.preview-admin-item label{margin:0}.multi-upload-label{border:1px dashed rgba(111,181,255,.35);padding:18px;border-radius:18px;background:rgba(55,130,215,.06)}.account-panel{margin-bottom:20px}.account-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-meta p{background:rgba(255,255,255,.04);padding:14px;border-radius:14px}.account-password-form{margin-top:18px}
@media(max-width:980px){.home-featured-hero{grid-template-columns:1fr;min-height:0}.featured-book-stage{min-height:560px}.book-mockup-featured{--book-w:270px;--book-h:410px}.preview-spreads{min-height:560px}.account-meta{grid-template-columns:1fr}.home-featured-copy h1{font-size:44px}}
@media(max-width:620px){.featured-book-stage{min-height:470px}.book-mockup-featured{--book-w:220px;--book-h:335px}.home-featured-price .price{font-size:36px}.preview-spreads{min-height:470px}.virtual-book-controls{gap:8px}.virtual-book-controls .btn{padding:10px 13px}}
/* v9: clickable book cover opens the preview */
.book-cover-preview-trigger{appearance:none;-webkit-appearance:none;width:100%;font:inherit;color:inherit;cursor:pointer;position:relative;text-align:inherit}
.book-cover-preview-trigger:focus-visible{outline:3px solid rgba(79,163,255,.78);outline-offset:5px}
.book-cover-preview-trigger .book-mockup{pointer-events:none}
.book-cover-preview-trigger:hover .book-front{transform:translateY(-5px)!important}
.cover-preview-hint{position:absolute;right:50%;bottom:18px;transform:translateX(50%);z-index:8;padding:9px 14px;border-radius:999px;background:rgba(1,10,24,.82);border:1px solid rgba(126,197,255,.22);color:#cfe8ff;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 12px 34px rgba(0,0,0,.28);pointer-events:none}
@media(max-width:620px){.cover-preview-hint{font-size:12px;white-space:normal;width:calc(100% - 30px);text-align:center}}
/* ===== v11: preview turns inside the same cover box ===== */
.card-book-preview{position:relative;overflow:hidden;isolation:isolate}.card-preview-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent;color:inherit;font:inherit;cursor:pointer;display:grid;place-items:center;z-index:2;transition:opacity .26s ease,transform .42s cubic-bezier(.2,.8,.2,1);overflow:hidden}.card-preview-cover:focus-visible{outline:3px solid rgba(87,171,255,.84);outline-offset:-6px}.card-book-preview.is-previewing .card-preview-cover{opacity:0;transform:perspective(1200px) rotateY(14deg) scale(.94);pointer-events:none}.card-preview-reader[hidden]{display:none}.card-preview-reader{position:absolute;inset:0;z-index:4;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:18px;background:radial-gradient(circle at 50% 18%,rgba(55,126,216,.22),transparent 48%),linear-gradient(180deg,#0b1b31,#050b15);opacity:0;transform:scale(.96);transition:opacity .25s ease,transform .38s cubic-bezier(.2,.8,.2,1)}.card-book-preview.is-previewing .card-preview-reader{opacity:1;transform:none}.card-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.card-preview-toolbar>span{display:grid;gap:2px;min-width:0}.card-preview-toolbar b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-preview-toolbar small{color:#91adca;font-weight:800}.card-preview-close{width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:#071426;color:#fff;font-size:25px;line-height:1;cursor:pointer}.card-preview-close:hover{background:#123867}.card-preview-page-frame{position:relative;min-height:0;display:grid;place-items:center;padding:10px 18px 16px;border-radius:20px;background:linear-gradient(135deg,#d8dee7,#fff 48%,#d5dbe4);box-shadow:0 20px 52px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.8);overflow:hidden}.card-preview-page-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 7%,transparent 92%,rgba(0,0,0,.08));pointer-events:none}.card-preview-paper-edge{position:absolute;right:5px;top:8px;bottom:8px;width:7px;border-radius:0 5px 5px 0;background:repeating-linear-gradient(0deg,#fff 0 2px,#cfd6df 2px 3px);box-shadow:inset -1px 0 rgba(0,0,0,.15)}.card-preview-page-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18);transform-origin:right center}.card-preview-page-frame img.turn-forward{animation:cardPageForward .44s cubic-bezier(.2,.72,.2,1)}.card-preview-page-frame img.turn-back{animation:cardPageBack .44s cubic-bezier(.2,.72,.2,1)}@keyframes cardPageForward{from{opacity:.35;transform:perspective(1000px) rotateY(-18deg) translateX(12px)}to{opacity:1;transform:none}}@keyframes cardPageBack{from{opacity:.35;transform:perspective(1000px) rotateY(18deg) translateX(-12px)}to{opacity:1;transform:none}}.card-preview-page-label{position:absolute;right:18px;bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(2,12,27,.75);color:#eaf4ff;font-size:11px;font-weight:900}.card-preview-controls{position:absolute;inset-inline:8px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:6}.card-preview-arrow{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.17);background:rgba(3,14,31,.84);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;pointer-events:auto;box-shadow:0 10px 24px rgba(0,0,0,.25)}.card-preview-arrow:hover{background:#17457d}.card-preview-arrow:disabled{opacity:.24;cursor:not-allowed}.card-preview-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.card-preview-links a{padding:9px 13px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-weight:900}.card-preview-links .card-preview-buy{background:linear-gradient(135deg,var(--brand-accent),#0b63ce);color:#fff}.featured-cover-button .featured-stage-caption{z-index:6}.featured-cover-button .featured-stage-badge{z-index:7}.compact-preview-hint{position:absolute;bottom:12px;right:50%;transform:translateX(50%);z-index:8;padding:7px 11px;border-radius:999px;background:rgba(2,12,27,.78);border:1px solid rgba(113,180,255,.18);color:#d4eaff;font-size:12px;font-weight:900;white-space:nowrap}.card-preview-reader-featured{padding:26px}.card-preview-reader-featured .card-preview-page-frame{max-width:440px;width:100%;margin:auto;min-height:470px}.card-preview-reader-featured .card-preview-toolbar b{font-size:20px}.card-preview-reader-featured .card-preview-arrow{width:50px;height:50px}.card-preview-reader-compact{padding:10px;gap:8px}.card-preview-reader-compact .card-preview-toolbar b{font-size:13px;max-width:175px}.card-preview-reader-compact .card-preview-toolbar small{font-size:11px}.card-preview-reader-compact .card-preview-close{width:32px;height:32px;font-size:21px}.card-preview-reader-compact .card-preview-page-frame{border-radius:14px;padding:7px 10px 12px}.card-preview-reader-compact .card-preview-arrow{width:34px;height:34px;font-size:24px}.card-preview-reader-compact .card-preview-page-label{font-size:9px;right:10px;bottom:5px}.catalog-cover.card-book-preview{display:block;padding:0;overflow:hidden}.catalog-cover-button .book-mockup{pointer-events:none}.catalog-cover-button:hover .book-front{transform:translateY(-4px)!important}
@media(max-width:980px){.card-preview-reader-featured .card-preview-page-frame{min-height:380px;max-width:360px}}
@media(max-width:620px){.card-preview-reader-featured{padding:14px}.card-preview-reader-featured .card-preview-page-frame{min-height:315px;max-width:280px}.card-preview-reader-featured .card-preview-arrow{width:40px;height:40px}.card-preview-links a{padding:8px 10px;font-size:13px}.compact-preview-hint{white-space:normal;width:calc(100% - 28px);text-align:center}}
/* ===== v12: fixed remaining-books cards and fitted inline preview ===== */
.home-other-books-grid{display:grid;grid-template-columns:1fr;gap:26px;max-width:1080px;margin-inline:auto}
.secondary-book-card{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);grid-template-areas:"media copy";direction:ltr;padding:0;gap:0;min-height:480px;overflow:hidden}
.secondary-book-card:after,.catalog-book-card-v12:after{display:none}
.secondary-book-media{grid-area:media;position:relative;min-height:480px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(63,137,230,.22),transparent 52%),linear-gradient(180deg,#0a172a,#030915);border-inline-end:1px solid rgba(255,255,255,.08);direction:rtl}
.secondary-book-copy{grid-area:copy;direction:rtl;padding:38px;display:flex;flex-direction:column;gap:15px;justify-content:center;min-width:0}
.secondary-book-copy h3{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:0}.secondary-book-copy p{font-size:18px;margin:0;color:#c5d9ef;line-height:1.85}.secondary-book-copy .price-row{margin-top:8px}.secondary-book-copy .price{font-size:34px}
.book-mockup-secondary{--book-w:245px;--book-h:360px;--book-depth:20px}
.secondary-cover-button:hover .book-front{transform:translateY(-5px)!important}
.card-preview-reader-secondary{padding:18px;gap:10px}.card-preview-reader-secondary .card-preview-page-frame{width:min(100%,330px);min-height:350px;margin:auto}.card-preview-reader-secondary .card-preview-toolbar b{max-width:245px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-grid-v12{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,410px));justify-content:center;align-items:stretch;gap:26px}
.catalog-book-card-v12{width:100%;max-width:410px;padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column}
.catalog-card-media{position:relative;height:430px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(63,137,230,.22),transparent 52%),linear-gradient(180deg,#0a172a,#030915);border-bottom:1px solid rgba(255,255,255,.08)}
.catalog-card-copy-v12{padding:24px;display:flex;flex-direction:column;gap:13px;flex:1;min-width:0}.catalog-card-copy-v12 h2{font-size:28px;line-height:1.25;margin:0}.catalog-card-copy-v12 p{margin:0;color:#c5d9ef;line-height:1.75}.catalog-card-copy-v12 .price-row{margin-top:auto;padding-top:8px}
.book-mockup-catalog-v12{--book-w:230px;--book-h:335px;--book-depth:18px}
.catalog-cover-button-v12:hover .book-front{transform:translateY(-5px)!important}
.card-preview-reader-catalog{padding:14px;gap:9px}.card-preview-reader-catalog .card-preview-page-frame{width:min(100%,300px);min-height:325px;margin:auto}.card-preview-reader-catalog .card-preview-toolbar b{max-width:235px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* The old generic .catalog-cover img rule must never affect preview pages. */
.secondary-book-media .card-preview-page-frame img,.catalog-card-media .card-preview-page-frame img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;border:0!important;border-radius:4px!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
.secondary-book-media .book-front>img,.catalog-card-media .book-front>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;transform:none!important;border:0!important;border-radius:inherit!important;box-shadow:none!important}
.card-preview-reader-secondary .card-preview-controls,.card-preview-reader-catalog .card-preview-controls{inset-inline:10px}
@media(max-width:900px){.secondary-book-card{grid-template-columns:1fr;grid-template-areas:"media" "copy"}.secondary-book-media{min-height:430px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.08)}.secondary-book-copy{padding:28px}.book-mockup-secondary{--book-w:225px;--book-h:330px}.card-preview-reader-secondary .card-preview-page-frame{min-height:315px}}
@media(max-width:520px){.catalog-grid-v12{grid-template-columns:1fr}.catalog-book-card-v12{max-width:none}.catalog-card-media{height:390px}.book-mockup-catalog-v12{--book-w:205px;--book-h:300px}.secondary-book-media{min-height:390px}.book-mockup-secondary{--book-w:205px;--book-h:300px}.secondary-book-copy{padding:23px}.card-preview-reader-catalog .card-preview-page-frame,.card-preview-reader-secondary .card-preview-page-frame{min-height:285px;max-width:250px}.card-preview-reader-catalog,.card-preview-reader-secondary{padding:10px}.card-preview-toolbar b{font-size:13px}}
/* v13 — static heading should never show a text caret. */
.home-featured-copy h1,
.sales-copy h1,
.section-head h1,
.section-head h2{
caret-color:transparent;
-webkit-user-select:none;
user-select:none;
}
/* v13 — swipe/drag page navigation for mouse and touch. */
.card-preview-page-frame,
.preview-spreads{
touch-action:pan-y;
cursor:grab;
overscroll-behavior-x:contain;
-webkit-user-select:none;
user-select:none;
}
.card-preview-page-frame.is-swipe-dragging,
.preview-spreads.is-swipe-dragging{
cursor:grabbing;
}
.card-preview-page-frame img,
.preview-spreads img{
-webkit-user-drag:none;
user-select:none;
}
.card-preview-page-frame::after{
content:"اسحب يمينًا أو يسارًا لتقليب الصفحة";
position:absolute;
left:50%;
bottom:9px;
transform:translateX(-50%);
z-index:5;
padding:5px 9px;
border-radius:999px;
background:rgba(1,10,24,.7);
color:#d9ebff;
font-size:10px;
font-weight:800;
opacity:0;
pointer-events:none;
transition:opacity .2s ease;
white-space:nowrap;
}
.card-preview-reader:hover .card-preview-page-frame::after{
opacity:.78;
}
@media (hover:none){
.card-preview-page-frame::after{opacity:.72}
}
/* EdfaPay checkout/admin v14 */
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}.checkout-card,.order-summary,.payment-result-card,.payment-redirect-card{padding:28px}.checkout-card h1{margin-top:0}.checkout-card label{display:grid;gap:8px;margin:14px 0;font-weight:800;color:#cfe6ff}.checkout-card input,.checkout-card select{width:100%;background:#061226;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px;font:inherit}.btn-wide{width:100%;margin-top:12px}.checkout-note,.muted{color:#8da9c7}.order-summary{position:sticky;top:110px}.summary-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.summary-line.total{font-size:20px;border-bottom:0}.payment-redirect-card,.payment-result-card{text-align:center}.payment-spinner{display:block;width:48px;height:48px;border:4px solid rgba(79,163,255,.2);border-top-color:#4fa3ff;border-radius:50%;margin:0 auto 18px;animation:paySpin .8s linear infinite}@keyframes paySpin{to{transform:rotate(360deg)}}.status-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:900;white-space:nowrap}.status-paid{background:rgba(43,207,145,.16);color:#83f0c4}.status-processing,.status-redirect_created,.status-pending{background:rgba(79,163,255,.15);color:#9dd0ff}.status-declined,.status-failed{background:rgba(255,80,80,.15);color:#ff9d9d}.status-refunded,.status-partially_refunded{background:rgba(255,183,77,.15);color:#ffd28f}.copy-box{display:grid;gap:8px;padding:16px;border-radius:16px;background:#061226;border:1px solid rgba(255,255,255,.1);margin:16px 0}.copy-box code,code{overflow-wrap:anywhere}.diagnostic-box{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;background:#020814;padding:16px;border-radius:14px;direction:ltr;text-align:left;color:#b9d6f3}.admin-content .table-wrap{margin-top:18px}@media(max-width:860px){.checkout-layout{grid-template-columns:1fr}.order-summary{position:static}}
/* Checkout redesign v17 */
.checkout-page-v17{padding-top:22px}.checkout-heading-v17{text-align:center;max-width:820px;margin:0 auto 34px}.checkout-heading-v17 h1{margin:0 0 12px;font-size:clamp(34px,5vw,60px);line-height:1.08}.checkout-heading-v17 p{margin:0;color:#9db8d5;font-size:19px;line-height:1.8}.checkout-layout-v17{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:26px;align-items:stretch}.checkout-account-card-v17,.order-summary-v17{padding:30px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.28)}.checkout-card-head-v17{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.checkout-card-head-v17 h2,.summary-copy-v17 h2{margin:6px 0 0;font-size:30px}.checkout-kicker-v17{color:#76b9ff;font-weight:900;font-size:14px}.checkout-account-status-v17{padding:8px 12px;border-radius:999px;background:rgba(43,207,145,.12);color:#7febbe;border:1px solid rgba(43,207,145,.2);font-weight:900;font-size:13px;white-space:nowrap}.checkout-account-v17{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:20px;background:rgba(1,12,29,.55);border:1px solid rgba(255,255,255,.08)}.checkout-avatar-v17{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--brand-accent),#0b63ce);font-size:22px;font-weight:900}.checkout-account-v17 div{display:grid;gap:4px}.checkout-account-v17 div span{color:#8eaac8;font-size:14px;overflow-wrap:anywhere}.checkout-account-v17>a{color:#8fc8ff;font-weight:800;font-size:14px}.checkout-benefit-v17{display:flex;gap:12px;align-items:flex-start;padding:18px;margin:18px 0;border-radius:20px;background:rgba(79,163,255,.08);border:1px solid rgba(79,163,255,.14)}.checkout-benefit-v17 svg{width:26px;height:26px;flex:0 0 auto;fill:#6dbcff}.checkout-benefit-v17 p{margin:0;color:#c9def3;line-height:1.8}.checkout-form-v17 label{display:flex;align-items:center;gap:8px;font-weight:900;margin-bottom:10px}.checkout-form-v17 label span{font-size:13px;color:#7895b3}.discount-row-v17{display:grid;grid-template-columns:1fr auto;gap:10px}.discount-row-v17 input{width:100%;min-width:0;background:#061226;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:15px 16px;font:inherit}.discount-row-v17 .btn{min-width:96px}.discount-feedback-v17{margin:10px 0 0;font-size:14px;font-weight:800}.discount-feedback-v17.is-success{color:#7febbe}.discount-feedback-v17.is-error{color:#ff9d9d}.checkout-pay-button-v17{width:100%;margin-top:20px;padding:17px 20px;justify-content:space-between;font-size:17px}.checkout-pay-button-v17 strong{font-size:20px}.checkout-secure-note-v17{display:flex;gap:10px;align-items:flex-start;margin-top:16px;color:#8eaac8}.checkout-secure-note-v17 p{margin:0;line-height:1.7;font-size:14px}.order-summary-v17{position:sticky;top:108px;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:24px;align-content:start}.summary-cover-wrap-v17{display:grid;place-items:center;min-height:330px;padding:22px;border-radius:26px;background:radial-gradient(circle at 50% 18%,rgba(79,163,255,.2),transparent 52%),rgba(0,7,18,.35);border:1px solid rgba(255,255,255,.06)}.summary-book-v17{position:relative;width:min(210px,80%);aspect-ratio:.7;filter:drop-shadow(0 24px 28px rgba(0,0,0,.5))}.summary-book-front-v17{position:absolute;inset:0 10px 0 0;overflow:hidden;border-radius:6px 14px 14px 6px;background:#061a38;z-index:3}.summary-book-front-v17 img{width:100%;height:100%;object-fit:cover;display:block}.summary-book-pages-v17{position:absolute;top:7px;bottom:7px;right:0;width:15px;border-radius:0 8px 8px 0;background:repeating-linear-gradient(90deg,#d9d0ba 0 2px,#f2ead7 2px 4px);z-index:1}.summary-book-spine-v17{position:absolute;top:0;bottom:0;left:0;width:13px;background:linear-gradient(90deg,#00122b,#0b3e7f);border-radius:6px 0 0 6px;z-index:4}.summary-book-fallback-v17{height:100%;display:grid;place-content:center;text-align:center;gap:12px;background:linear-gradient(145deg,#0b438f,#001329);padding:18px}.summary-book-fallback-v17 b{font-size:38px}.summary-book-fallback-v17 small{line-height:1.5}.summary-copy-v17{align-self:center}.summary-copy-v17 p{color:#a9c1da;line-height:1.75}.summary-copy-v17 ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.summary-copy-v17 li{color:#d8e7f7}.summary-copy-v17 li:before{content:"✓";color:#62b4ff;font-weight:900;margin-left:8px}.summary-price-box-v17{grid-column:1/-1;padding:18px;border-radius:22px;background:rgba(1,12,29,.55);border:1px solid rgba(255,255,255,.07)}.summary-price-box-v17>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#a9c1da}.summary-price-box-v17 .discount strong{color:#7febbe}.summary-price-box-v17 .total{border-top:1px solid rgba(255,255,255,.08);margin-top:6px;padding-top:16px;color:#fff;font-size:20px}.summary-price-box-v17 .total strong{font-size:28px}.summary-price-box-v17 small{color:#7895b3}.auth-card p{color:#9db8d5;line-height:1.7}
@media(max-width:980px){.checkout-layout-v17{grid-template-columns:1fr}.order-summary-v17{position:static;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr)}}
@media(max-width:640px){.checkout-heading-v17{text-align:right}.checkout-account-card-v17,.order-summary-v17{padding:20px;border-radius:24px}.checkout-card-head-v17{display:grid}.checkout-account-v17{grid-template-columns:auto 1fr}.checkout-account-v17>a{grid-column:2}.discount-row-v17{grid-template-columns:1fr}.discount-row-v17 .btn{width:100%}.order-summary-v17{grid-template-columns:1fr}.summary-cover-wrap-v17{min-height:280px}.summary-price-box-v17{grid-column:auto}}
/* Checkout v17 layout corrections */
.checkout-layout-v17{grid-template-areas:"form summary";direction:ltr}.checkout-account-card-v17{grid-area:form;direction:rtl}.order-summary-v17{grid-area:summary;direction:rtl}.checkout-errors-v17{margin-bottom:18px;padding:14px 16px;border-radius:18px;background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.22);color:#ffb0b0}.checkout-errors-v17 p{margin:0}.checkout-errors-v17 p+p{margin-top:6px}@media(max-width:980px){.checkout-layout-v17{grid-template-areas:"summary" "form"}}
/* ===== v19: guest checkout, polished library, protected page reader ===== */
button,input,select,textarea{font-family:inherit!important;letter-spacing:0}.btn{font-family:inherit!important;line-height:1.35}.btn-small{padding:8px 11px;border-radius:10px;font-size:13px}
.checkout-page-v19{padding-top:18px}.checkout-heading-v19{text-align:center;margin:0 auto 28px}.checkout-heading-v19 h1{font-size:clamp(34px,5vw,58px);margin:0;line-height:1.1}.checkout-account-status-v17.guest{background:rgba(79,163,255,.12);color:#9dd0ff;border-color:rgba(79,163,255,.2)}.guest-checkout-intro{color:#bad0e6;line-height:1.8;margin:0 0 16px}.guest-account-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;margin-bottom:18px;border-radius:17px;background:rgba(0,10,25,.35);border:1px solid rgba(255,255,255,.07);color:#93afcb}.guest-account-links a{color:#7fc0ff;font-weight:800}.guest-fields-v19{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.guest-fields-v19 label{grid-column:auto;margin:0 0 -5px}.guest-fields-v19 input{width:100%;min-width:0;background:#061226;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:15px 16px}.checkout-pay-button-v17{font-size:18px}.discount-row-v17 .btn{font-size:15px;font-weight:800}.payment-success-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.guest-access-reminder{margin-top:22px;padding:16px;border-radius:18px;background:rgba(79,163,255,.1);display:grid;gap:5px;color:#bcd5ed}.guest-access-reminder strong{color:#fff}
.library-page-v19{min-height:70vh}.library-empty-v19{max-width:980px;margin:10px auto 0;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:36px;padding:46px;border-radius:36px;background:radial-gradient(circle at 18% 18%,rgba(79,163,255,.22),transparent 40%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.32)}.library-empty-art-v19{height:300px;position:relative;display:grid;place-items:center}.empty-book-back,.empty-book-front{position:absolute;width:180px;height:245px;border-radius:10px 22px 22px 10px;box-shadow:0 28px 50px rgba(0,0,0,.45)}.empty-book-back{transform:translate(26px,-12px) rotate(8deg);background:linear-gradient(145deg,#0c56a8,#061730)}.empty-book-front{transform:translate(-14px,12px) rotate(-5deg);background:linear-gradient(145deg,#154f99,#020d20);border:1px solid rgba(122,185,255,.3)}.empty-book-front:after{content:"CPT";position:absolute;inset:0;display:grid;place-items:center;font-size:46px;font-weight:900;color:#79baff}.empty-spark{position:absolute;color:#78bbff;font-size:28px}.empty-spark.one{top:22px;right:30px}.empty-spark.two{bottom:30px;left:28px;font-size:19px}.library-empty-copy-v19 h2{font-size:clamp(30px,4vw,50px);margin:8px 0 14px}.library-empty-copy-v19 p{color:#b8cfe5;font-size:18px;line-height:1.9;max-width:580px}.library-grid-v19{display:grid;gap:22px}.library-book-v19{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;padding:26px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 70px rgba(0,0,0,.25)}.library-cover-v19{height:290px;display:grid;place-items:center;border-radius:24px;background:radial-gradient(circle at top,rgba(79,163,255,.2),transparent 58%),rgba(0,7,18,.38)}.library-cover-v19 img{max-height:245px;max-width:175px;border-radius:5px 12px 12px 5px;box-shadow:16px 22px 35px rgba(0,0,0,.42);object-fit:cover}.library-cover-fallback-v19{width:165px;height:235px;display:grid;place-items:center;border-radius:7px 16px 16px 7px;background:linear-gradient(145deg,#0b438f,#001329);font-size:38px;font-weight:900}.library-book-copy-v19 h2{font-size:32px;margin:12px 0}.library-book-copy-v19 p{color:#abc3db;line-height:1.8}
.reader-page-v19{max-width:1120px;margin:auto}.reader-head-v19{padding:10px 0}.reader-actions-v19{display:flex;gap:10px}.full-reader-v19{padding:20px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 100px rgba(0,0,0,.35)}.full-reader-toolbar-v19{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:12px;margin-bottom:16px}.full-reader-toolbar-v19>div{text-align:center;display:grid;gap:4px}.full-reader-toolbar-v19 span{color:#8faac5;font-size:14px}.reader-icon-button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#071a34;color:#fff;font:inherit;font-size:32px;cursor:pointer}.reader-icon-button:disabled{opacity:.3;cursor:not-allowed}.full-reader-stage-v19{position:relative;min-height:72vh;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 10%,rgba(79,163,255,.13),transparent 55%),#030914;touch-action:pan-y;cursor:grab;padding:24px}.full-reader-stage-v19:active{cursor:grabbing}.full-reader-stage-v19 img{display:block;max-height:calc(72vh - 48px);max-width:min(100%,900px);width:auto;height:auto;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.55);user-select:none}.reader-page-shadow-v19{position:absolute;bottom:18px;width:56%;height:28px;background:rgba(0,0,0,.55);filter:blur(18px);border-radius:50%}.full-reader-stage-v19 img.turn-forward{animation:readerTurnForward .35s ease}.full-reader-stage-v19 img.turn-back{animation:readerTurnBack .35s ease}@keyframes readerTurnForward{from{opacity:.55;transform:translateX(35px) rotateY(-7deg)}to{opacity:1;transform:none}}@keyframes readerTurnBack{from{opacity:.55;transform:translateX(-35px) rotateY(7deg)}to{opacity:1;transform:none}}.reader-swipe-hint-v19{text-align:center;color:#829db8;margin:14px 0 0}.reader-fallback-message{text-align:center;margin-bottom:18px}.protected-page-thumb{height:130px;border-radius:14px;background:linear-gradient(145deg,#0a2e5f,#031126);display:grid;place-content:center;text-align:center;color:#9ccfff;overflow:hidden;padding:12px}.protected-page-thumb small{color:#7895b3;overflow-wrap:anywhere}.admin-user-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.admin-user-summary>div{display:grid;gap:6px;padding:14px;border-radius:16px;background:rgba(0,10,25,.35)}.admin-user-summary span{color:#9eb8d2}.danger-zone{margin-top:22px;border-color:rgba(255,80,80,.25);background:rgba(255,80,80,.06)}.danger-button{background:#7c1d2b;color:#fff;border:1px solid rgba(255,130,130,.25)}
@media(max-width:760px){.guest-fields-v19{grid-template-columns:1fr}.guest-fields-v19 label{margin-bottom:-4px}.library-empty-v19{grid-template-columns:1fr;padding:28px;text-align:center}.library-empty-art-v19{height:230px}.empty-book-back,.empty-book-front{width:135px;height:190px}.library-book-v19{grid-template-columns:1fr;padding:20px}.library-cover-v19{height:260px}.library-book-copy-v19{text-align:center}.library-book-copy-v19 .card-actions{justify-content:center}.full-reader-v19{padding:10px;border-radius:22px}.full-reader-stage-v19{min-height:68vh;padding:10px}.full-reader-stage-v19 img{max-height:calc(68vh - 20px);max-width:100%}.full-reader-toolbar-v19{grid-template-columns:44px 1fr 44px}.reader-icon-button{width:42px;height:42px}.admin-user-summary{grid-template-columns:1fr}.checkout-heading-v19{text-align:right}}
.protected-page-thumb img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
/* ===== v26: custom protected PDF canvas reader, no browser PDF plugin ===== */
.reader-page-v26{max-width:1120px;margin:auto}.reader-head-v26{align-items:flex-start}.reader-intro-v26{color:#9bb7d4;line-height:1.9;margin:10px 0 0;font-size:17px}.full-reader-v26,.full-pdf-reader-v26{padding:20px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 100px rgba(0,0,0,.35)}.pdf-reader-toolbar-v26{margin-bottom:16px}.pdf-book-stage-v26{position:relative;min-height:72vh;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 10%,rgba(79,163,255,.13),transparent 55%),linear-gradient(135deg,#020814,#06152b);touch-action:pan-y;cursor:grab;padding:24px}.pdf-book-stage-v26:active{cursor:grabbing}.pdf-book-paper-v26{position:relative;display:grid;place-items:center;max-width:100%;min-width:min(100%,320px);min-height:420px;padding:18px;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(245,248,252,.98) 50%,rgba(232,238,246,.94));box-shadow:0 34px 80px rgba(0,0,0,.6),inset 7px 0 16px rgba(0,0,0,.12),inset -5px 0 14px rgba(0,0,0,.08);overflow:hidden}.pdf-book-paper-v26:before{content:"";position:absolute;right:0;top:0;bottom:0;width:18px;background:repeating-linear-gradient(0deg,rgba(2,12,27,.18) 0 1px,rgba(255,255,255,.2) 1px 3px);opacity:.35}.pdf-book-paper-v26 canvas{position:relative;z-index:2;display:block;max-width:100%;height:auto;background:#fff;border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.25);user-select:none}.pdf-book-paper-v26 canvas.turn-forward{animation:readerTurnForward .35s ease}.pdf-book-paper-v26 canvas.turn-back{animation:readerTurnBack .35s ease}.pdf-reader-loading-v26{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:14px;text-align:center;color:#d7eaff;background:rgba(3,12,28,.76);backdrop-filter:blur(4px)}.pdf-reader-loading-v26[hidden]{display:none}.pdf-reader-loading-v26 span{width:54px;height:54px;border-radius:50%;border:4px solid rgba(120,180,255,.2);border-top-color:#62b6ff;margin:auto;animation:readerSpinV26 1s linear infinite}@keyframes readerSpinV26{to{transform:rotate(360deg)}}.pdf-reader-actions-v26{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.pdf-reader-error-v26{margin-top:16px;text-align:center}.reader-empty-v26{text-align:center;max-width:760px;margin:auto;padding:34px}@media(max-width:760px){.reader-head-v26{display:grid}.full-pdf-reader-v26{padding:10px;border-radius:22px}.pdf-book-stage-v26{min-height:68vh;padding:10px;border-radius:18px}.pdf-book-paper-v26{min-height:360px;padding:10px;border-radius:14px}.pdf-reader-actions-v26 .btn{padding:11px 13px}.reader-intro-v26{font-size:15px}}
/* ===== v31 polish ===== */
.admin-content .stats-grid{margin:18px 0 22px;grid-template-columns:repeat(4,minmax(0,1fr));}
.stat-admin{position:relative;overflow:hidden;padding:26px 22px;display:grid;gap:10px;place-items:center;text-align:center;border-radius:26px;background:linear-gradient(180deg,rgba(18,38,68,.72),rgba(5,18,35,.88));border:1px solid rgba(120,180,255,.16);box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);}
.stat-admin:before{content:"";position:absolute;inset:auto auto -45px -20px;width:120px;height:120px;background:radial-gradient(circle,rgba(79,163,255,.18),transparent 68%);pointer-events:none}
.stat-admin strong{font-size:52px;line-height:1;color:#fff;letter-spacing:-1px}
.stat-admin span{font-size:17px;color:#c5def7;font-weight:800}
.admin-ability-panel{padding:28px 32px;margin-top:6px;background:linear-gradient(180deg,rgba(15,36,65,.72),rgba(6,19,39,.88));}
.admin-ability-panel h2{margin:0 0 12px;font-size:34px}
.admin-ability-panel p{margin:0;color:#d5e5f6;line-height:1.9;font-size:20px}
.admin-form .check{display:flex!important;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.admin-form .check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 24px;width:24px;height:24px;border-radius:8px;border:1px solid rgba(120,180,255,.42);background:linear-gradient(180deg,#08172d,#0a1c35);position:relative;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.admin-form .check input[type=checkbox]:checked{background:linear-gradient(135deg,#60b8ff,#1f7cff);border-color:rgba(165,220,255,.9);box-shadow:0 10px 22px rgba(79,163,255,.24)}
.admin-form .check input[type=checkbox]:checked:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.admin-form .check input[type=checkbox]:focus-visible{outline:2px solid rgba(135,197,255,.8);outline-offset:2px}
@media(max-width:860px){.admin-content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-admin strong{font-size:42px}.admin-ability-panel h2{font-size:28px}.admin-ability-panel p{font-size:17px}}
/* ===== v32: conversion checkout + full admin polish ===== */
.checkout-heading-v32{max-width:900px;margin-bottom:32px}
.checkout-heading-v32 .checkout-safe-badge-v32{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;padding:8px 14px;border-radius:999px;background:rgba(79,163,255,.12);border:1px solid rgba(79,163,255,.24);color:#9ed2ff;font-weight:900}
.checkout-heading-v32 h1{font-size:clamp(34px,4.8vw,66px);letter-spacing:-1px}
.checkout-heading-v32 p{margin:10px auto 0;max-width:720px;color:#b8d2ed;font-size:19px;line-height:1.8}
.checkout-steps-v32{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.checkout-steps-v32 span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(2,16,36,.64);border:1px solid rgba(120,180,255,.13);color:#dceeff;font-weight:850}
.checkout-steps-v32 b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#4fa3ff,#0d66d6);color:#fff;font-size:14px}
.checkout-account-card-v17{position:relative;overflow:hidden}
.checkout-account-card-v17:before{content:"";position:absolute;inset:-160px auto auto -120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(79,163,255,.18),transparent 67%);pointer-events:none}
.checkout-card-head-v17 h2{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.5px}
.checkout-kicker-v17{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(79,163,255,.1);border:1px solid rgba(79,163,255,.16)}
.guest-account-links{justify-content:center;background:rgba(0,10,25,.48)}
.guest-account-links a{padding:6px 10px;border-radius:10px;background:rgba(79,163,255,.10)}
.discount-row-v17 input{border-color:rgba(120,180,255,.16);background:rgba(1,12,29,.7)}
.discount-row-v17 .btn{border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#eef7ff}
.checkout-pay-button-v32{min-height:68px;border-radius:22px;background:linear-gradient(135deg,#52adff,#0969d7)!important;box-shadow:0 18px 48px rgba(41,135,255,.28);font-size:20px}
.checkout-pay-button-v32:hover{transform:translateY(-2px)}
.checkout-pay-button-v32 strong{font-size:24px}
.checkout-microcopy-v32{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.checkout-microcopy-v32 span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);color:#9eb8d2;font-size:13px;font-weight:800}
.order-summary-v17{background:linear-gradient(180deg,rgba(18,37,65,.76),rgba(6,17,35,.92));border-color:rgba(120,180,255,.13)}
.summary-price-box-v17{background:rgba(0,10,25,.72)}
.summary-price-box-v17 .total strong{font-size:36px}
.summary-copy-v17 h2{font-size:clamp(30px,3.8vw,44px);line-height:1.2}
.summary-copy-v17 li{line-height:1.7}
/* admin full polish */
.admin-main{grid-template-columns:260px minmax(0,1fr);gap:24px}
.admin-nav{padding:16px;border-radius:28px;background:linear-gradient(180deg,rgba(14,31,55,.78),rgba(4,15,30,.92));border:1px solid rgba(120,180,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.25)}
.admin-nav a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;color:#cfe6ff;font-weight:850}
.admin-nav a:hover{background:linear-gradient(135deg,rgba(79,163,255,.18),rgba(79,163,255,.06));transform:translateX(-2px)}
.admin-content>h1,.admin-content .admin-head h1{font-size:clamp(34px,4vw,56px);margin:0 0 18px;letter-spacing:-.7px}
.admin-head{padding:18px 20px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);margin-bottom:18px}
.admin-form,.panel,.table-wrap{background:linear-gradient(180deg,rgba(13,30,54,.72),rgba(5,17,35,.88));border:1px solid rgba(120,180,255,.13);box-shadow:0 22px 70px rgba(0,0,0,.24)}
.admin-form{padding:26px;border-radius:28px}
.admin-form h2,.panel h2{font-size:28px;margin:10px 0 14px}
.admin-form label{color:#e7f3ff}
.admin-form input,.admin-form textarea,.admin-form select,table input,table select{min-height:48px;background:rgba(1,12,29,.72);border:1px solid rgba(120,180,255,.14);border-radius:16px;color:#fff}
.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:2px solid rgba(79,163,255,.38);border-color:rgba(79,163,255,.55)}
.table-wrap{border-radius:24px;overflow:auto}
table{background:transparent}
th{font-size:14px;color:#9fc5ed;background:rgba(255,255,255,.035)}
td{color:#eaf4ff}
tr:hover td{background:rgba(79,163,255,.045)}
.inline-actions a,.inline-actions button,td button,.admin-form .btn,.admin-content .btn{border-radius:14px}
.copy-box{background:rgba(1,12,29,.66);border:1px solid rgba(120,180,255,.13);border-radius:20px}
.status-pill{border:1px solid rgba(255,255,255,.09);font-weight:900}
.diagnostic-box{border:1px solid rgba(120,180,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
@media(max-width:980px){
.checkout-heading-v32{text-align:center;margin-bottom:22px}
.checkout-layout-v17{gap:18px}
.checkout-account-card-v17,.order-summary-v17{border-radius:26px}
}
@media(max-width:760px){
.checkout-heading-v32{text-align:right}
.checkout-heading-v32 h1{font-size:36px}
.checkout-heading-v32 p{font-size:16px}
.checkout-steps-v32{justify-content:flex-start;gap:8px}
.checkout-steps-v32 span{padding:8px 10px;font-size:13px}
.checkout-pay-button-v32{min-height:64px;font-size:18px}
.checkout-pay-button-v32 strong{font-size:22px}
.checkout-microcopy-v32{justify-content:flex-start}
.admin-main{grid-template-columns:1fr;padding-top:16px}
.admin-nav{position:static;display:flex;overflow:auto;gap:8px;border-radius:22px}
.admin-nav a{white-space:nowrap;flex:0 0 auto}
.admin-head{display:grid;gap:12px}
.admin-form,.panel{padding:20px;border-radius:22px}
}
/* ===== v33 content manager ===== */
.content-admin-head p{margin:8px 0 0;color:#bdd4eb;line-height:1.8;max-width:820px}
.content-toggle-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.content-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.content-stats-grid>div{padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(18,38,68,.72),rgba(5,18,35,.88));border:1px solid rgba(120,180,255,.14);display:grid;place-items:center;gap:6px;box-shadow:0 16px 42px rgba(0,0,0,.22)}
.content-stats-grid strong{font-size:42px;color:#fff}
.content-stats-grid span{color:#b7d3ef;font-weight:900}
.content-tools-panel{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:20px;margin-bottom:18px}
.content-search-form{display:grid;grid-template-columns:1fr 180px auto;gap:10px}
.content-search-form input,.content-search-form select,.content-add-form textarea,.content-row textarea,.content-row input{width:100%;background:#061226;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px;font:inherit}
.content-add-panel{padding:22px;margin-bottom:18px}.content-add-panel h2{margin-top:0}
.content-add-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.content-add-form label,.content-row label{display:grid;gap:8px;color:#cfe6ff;font-weight:900}
.content-list{display:grid;gap:14px}
.content-row{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);display:grid;gap:14px}
.content-row-main{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.content-row textarea[readonly]{color:#c3dbf4;background:#07162b}
.content-row-meta{display:grid;grid-template-columns:auto 1fr minmax(150px,.7fr) auto;gap:12px;align-items:center}
.content-row-meta span{color:#7e9bb8;font-size:13px;overflow-wrap:anywhere;direction:ltr;text-align:left}
.mini-danger{background:rgba(255,75,95,.1);border:1px solid rgba(255,100,120,.22);color:#ffb2bd;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:900}
.content-save-sticky{position:sticky;bottom:18px;margin-top:18px;width:100%;z-index:4;box-shadow:0 18px 40px rgba(0,0,0,.38)}
.content-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px;color:#b7d3ef}
.empty-content-state{text-align:center;padding:24px;color:#b7d3ef}
@media(max-width:900px){.content-stats-grid,.content-tools-panel,.content-add-form,.content-row-main,.content-row-meta,.content-search-form{grid-template-columns:1fr}.content-toggle-form{justify-content:flex-start}.content-stats-grid strong{font-size:34px}}
/* ===== v34 content manager, no-scroll orders, corporate services ===== */
.content-manager-v34 .admin-head{align-items:flex-start}.content-head-v34 p,.admin-subtitle-v34{color:#a9c1da;line-height:1.8;margin:8px 0 0;font-size:17px}.content-toggle-v34{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.content-stats-v34{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.content-stats-v34 div{padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(79,163,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.09);text-align:center}.content-stats-v34 strong{display:block;font-size:38px}.content-stats-v34 span{color:#a9c1da;font-weight:800}.content-actions-v34{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:12px 0 18px;padding:16px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.content-actions-v34 p{margin:0;color:#9db8d5}.content-group-v34{margin:16px 0;border:1px solid rgba(255,255,255,.09);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.035)}.content-group-title-v34{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:linear-gradient(180deg,rgba(79,163,255,.12),rgba(255,255,255,.02));border:0;color:#fff;font:inherit;font-weight:900;cursor:pointer;text-align:right}.content-group-title-v34 small{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);color:#bad6f1}.content-group-title-v34.is-collapsed{opacity:.75}.content-group-body-v34{display:grid;gap:12px;padding:16px}.content-row-v34{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr) 90px;gap:12px;align-items:start;padding:14px;border-radius:20px;background:rgba(1,12,29,.55);border:1px solid rgba(255,255,255,.06)}.content-original-v34 span,.content-replace-v34 span{display:block;margin-bottom:8px;color:#82c3ff;font-size:13px;font-weight:900}.content-original-v34 p{margin:0;color:#eaf4ff;line-height:1.8;overflow-wrap:anywhere}.content-replace-v34 textarea{width:100%;resize:vertical;background:#061226;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;font:inherit;line-height:1.7}.content-active-v34{display:flex;align-items:center;gap:8px;color:#cfe6ff;font-weight:900;padding-top:28px}.content-active-v34 input{width:20px;height:20px}.content-savebar-v34{position:sticky;bottom:12px;z-index:20;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:22px;background:rgba(4,13,26,.92);border:1px solid rgba(79,163,255,.2);box-shadow:0 18px 60px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.content-savebar-v34 span{color:#a9c1da}.content-empty-v34{text-align:center;padding:30px}
.orders-card-list-v34{display:grid;gap:16px;margin-top:18px}.order-card-v34{padding:20px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px rgba(0,0,0,.22)}.order-card-top-v34{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-id-v34{display:inline-flex;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:rgba(79,163,255,.12);color:#a8d4ff;font-weight:900}.order-card-v34 h2{margin:0 0 8px;font-size:24px}.order-card-v34 p{margin:0;color:#d4e7fb}.order-card-v34 p small{display:block;color:#8fb8df;margin-top:4px}.order-money-grid-v34{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.order-money-grid-v34 div,.order-meta-grid-v34 div{padding:13px;border-radius:16px;background:rgba(0,8,22,.35);border:1px solid rgba(255,255,255,.055)}.order-money-grid-v34 span,.order-meta-grid-v34 span{display:block;color:#8eaac8;font-size:13px;margin-bottom:5px}.order-money-grid-v34 strong{font-size:22px}.order-meta-grid-v34{display:grid;grid-template-columns:1fr 1.4fr .7fr;gap:10px}.order-meta-grid-v34 strong{display:block;overflow-wrap:anywhere;color:#fff}.order-actions-v34{display:flex;justify-content:flex-end;margin-top:16px}.empty-orders-v34{text-align:center;padding:30px}
/* ===== v35 Arabic font refresh ===== */
:root{
--font-ar:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html,body,
button,input,textarea,select,
.btn,.dw-btn,.dw-submit,.main-nav a,.brand-copy,
.admin-nav a,.status-pill,.checkout-pay-button-v17,
.checkout-form-v17,.auth-card,.admin-form,
table,th,td,.book-card,.panel,.stat,.site-footer{
font-family:var(--font-ar)!important;
}
button,.btn,.dw-btn,.dw-submit,
.checkout-pay-button-v17,.discount-row-v17 .btn,
.admin-form button,.inline-actions button,td button{
font-weight:800;
letter-spacing:0;
}
.hero-content h1,.section-head h1,.section-head h2,.book-detail h1,
.sales-copy h1,.checkout-heading-v17 h1,.checkout-heading-v19 h1,
.admin-content h1,.admin-content h2,.auth-card h1{
font-family:var(--font-ar)!important;
font-weight:900;
letter-spacing:-.4px;
}
input::placeholder,textarea::placeholder{
font-family:var(--font-ar)!important;
}
/* ===== retained mobile utilities ===== */
body *:not(input):not(textarea):not(select){
caret-color:transparent;
}
input,textarea,select{
caret-color:auto;
}
@media(max-width:860px){
h1,h2,h3,
.hero-content h1,.sales-copy h1,.corp-hero h1,
.section-head h1,.section-head h2,.book-detail h1,
.checkout-heading-v17 h1,.checkout-heading-v19 h1,
.dw-hero h1,.admin-content h1{
caret-color:transparent!important;
}
.card-preview-page-frame::after,
.cover-preview-hint{
display:none!important;
content:none!important;
opacity:0!important;
}
.card-preview-reader,
.card-preview-page-frame,
.preview-spreads{
max-width:100%!important;
}
}
/* ===== v40 corporate services upgrade ===== */
.corp-services-body{
background:
radial-gradient(circle at top right,rgba(79,163,255,.20),transparent 36%),
radial-gradient(circle at bottom left,rgba(26,224,177,.09),transparent 32%),
linear-gradient(135deg,#020814,#071827 52%,#00162b)!important;
}
.corp-page{padding:28px 0 90px}
.corp-hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:44px 0 58px}
.corp-hero-copy{max-width:760px}
.corp-kicker{display:inline-flex;width:max-content;padding:9px 14px;border-radius:999px;background:rgba(79,163,255,.12);border:1px solid rgba(79,163,255,.26);color:#a8d7ff;font-weight:900;margin-bottom:15px;box-shadow:0 12px 30px rgba(79,163,255,.12)}
.corp-hero h1,.corp-section-head h2,.corp-process-card h2,.corp-deliverable-main h2,.corp-contact-copy h2{font-size:clamp(36px,5vw,68px);line-height:1.08;margin:0 0 16px;font-weight:900;letter-spacing:-.3px}
.corp-hero p,.corp-section-head p,.corp-contact-copy p,.corp-deliverable-main p{color:#c8dcf2;line-height:1.95;font-size:20px;margin:0 0 22px}
.corp-actions{display:flex;gap:12px;flex-wrap:wrap}
.corp-trust,.corp-contact-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.corp-trust span,.corp-contact-pills span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#c5ddf4;font-weight:800}
.corp-hero-panel{padding:24px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 80px rgba(0,0,0,.30)}
.corp-terminal{background:#020814;border:1px solid rgba(79,163,255,.18);border-radius:22px;overflow:hidden;box-shadow:inset 0 0 24px rgba(79,163,255,.05)}
.corp-terminal-top{display:flex;gap:7px;padding:12px;background:rgba(255,255,255,.045)}
.corp-terminal-top span{width:11px;height:11px;border-radius:50%;background:#4fa3ff}
.corp-terminal pre{margin:0;padding:24px;color:#8fffd0;line-height:1.9;font-family:ui-monospace,Menlo,monospace;direction:ltr;text-align:left;white-space:pre-wrap}
.corp-section{padding:52px 0}
.corp-section-head{text-align:right;max-width:980px;margin:0 auto 28px}
.corp-section-head p{max-width:820px}
.corp-service-grid-v40{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.corp-card{position:relative;min-height:280px;padding:30px 28px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 65px rgba(0,0,0,.25);overflow:hidden}
.corp-card:before{content:"";position:absolute;inset:auto -70px -95px auto;width:190px;height:190px;background:radial-gradient(circle,rgba(79,163,255,.15),transparent 70%);pointer-events:none}
.corp-card-featured{border-color:rgba(27,224,177,.28);background:linear-gradient(180deg,rgba(27,224,177,.09),rgba(255,255,255,.03))}
.corp-card-tag{display:inline-flex;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(106,100,255,.22);border:1px solid rgba(150,140,255,.25);color:#d3d5ff;font-weight:900;font-size:13px}
.corp-card h3{margin:0 0 12px;font-size:27px;line-height:1.3}
.corp-card p{color:#bfd4ea;line-height:1.9;margin:0}
.corp-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.corp-card li{color:#edf7ff;line-height:1.6}
.corp-card li:before{content:"•";color:#9bd7ff;font-weight:900;margin-left:10px}
.corp-process-card{padding:34px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 80px rgba(0,0,0,.22)}
.corp-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}
.corp-process div{position:relative;padding:24px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.corp-process strong{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:14px;background:rgba(106,100,255,.20);color:#d8dcff;font-size:18px}
.corp-process h3{margin:18px 0 8px;font-size:23px}
.corp-process p{color:#b8ccdf;line-height:1.85;margin:0}
.corp-deliverables{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}
.corp-deliverable-card{padding:32px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 70px rgba(0,0,0,.24)}
.corp-deliverable-main{background:linear-gradient(135deg,rgba(106,100,255,.16),rgba(27,224,177,.07));border-color:rgba(120,160,255,.18)}
.corp-deliverable-card h3{font-size:26px;margin:0 0 18px}
.corp-deliverable-card ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.corp-deliverable-card li{color:#e6f2ff;font-weight:800}
.corp-deliverable-card li:before{content:"✓";color:#32e6aa;margin-left:10px}
.corp-contact-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;margin-top:22px}
.corp-contact-copy{padding:16px}
.corp-request-form{padding:28px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.30);display:grid;gap:18px}
.corp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.corp-request-form label{display:grid;gap:8px;color:#e9f5ff;font-weight:900}
.corp-request-form input,.corp-request-form select,.corp-request-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.065);color:#fff;border-radius:16px;padding:14px 15px;font:inherit}
.corp-request-form textarea{min-height:135px;resize:vertical}
.corp-request-form input:focus,.corp-request-form select:focus,.corp-request-form textarea:focus{outline:2px solid rgba(79,163,255,.45);border-color:rgba(79,163,255,.55)}
.corp-request-form button{width:100%;min-height:56px}
.hp-field{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transform:none!important;}
.corp-form-success,.corp-form-errors{padding:14px 16px;border-radius:16px;font-weight:900}
.corp-form-success{background:rgba(43,207,145,.14);border:1px solid rgba(43,207,145,.26);color:#8ff0c8}
.corp-form-errors{background:rgba(255,80,80,.14);border:1px solid rgba(255,80,80,.25);color:#ffb5b5}
.corp-form-errors p{margin:0}.corp-form-errors p+p{margin-top:6px}
.corporate-admin-v40 .corp-admin-filter{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.corporate-admin-v40 .corp-admin-filter a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#d8eaff;font-weight:850}
.corporate-admin-v40 .corp-admin-filter a.active{background:rgba(79,163,255,.18);border-color:rgba(79,163,255,.35);color:#fff}
.corp-admin-list{display:grid;gap:16px}
.corp-admin-card{padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 55px rgba(0,0,0,.20)}
.corp-admin-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}
.corp-admin-card-head strong{font-size:20px;color:#fff}.corp-admin-card-head span{color:#9db8d5}
.corp-admin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.corp-admin-grid div{padding:12px;border-radius:16px;background:rgba(0,10,25,.28);display:grid;gap:5px;min-width:0}
.corp-admin-grid span,.corp-admin-message span{color:#9db8d5;font-size:13px;font-weight:900}
.corp-admin-grid b{overflow-wrap:anywhere}
.corp-admin-message{margin-top:12px;padding:14px;border-radius:18px;background:rgba(0,10,25,.24)}
.corp-admin-message p{margin:8px 0 0;line-height:1.8}
.corp-admin-actions{margin-top:12px;display:grid;grid-template-columns:190px 1fr auto;gap:10px;align-items:end}
.corp-admin-actions label{display:grid;gap:6px;color:#cfe6ff;font-weight:850}
.corp-admin-actions input,.corp-admin-actions select{background:#061226;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;font:inherit}
.corp-admin-delete{margin-top:10px;text-align:left}.corp-admin-delete button{background:rgba(255,80,80,.13);border:1px solid rgba(255,80,80,.25);color:#ffb0b0;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:900}
@media(max-width:1000px){
.corp-hero,.corp-contact-section,.corp-deliverables{grid-template-columns:1fr}
.corp-service-grid-v40{grid-template-columns:repeat(2,minmax(0,1fr))}
.corp-process{grid-template-columns:repeat(2,minmax(0,1fr))}
.corp-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.corp-admin-actions{grid-template-columns:1fr}
}
@media(max-width:640px){
.corp-page{padding-top:8px}
.corp-hero{min-height:auto;padding:34px 6px 44px;text-align:center}
.corp-hero-copy{margin:0 auto}
.corp-kicker{margin-inline:auto}
.corp-hero h1{font-size:clamp(34px,10vw,44px)!important;text-align:center!important;line-height:1.18!important}
.corp-hero p{font-size:18px;text-align:center}
.corp-actions,.corp-trust,.corp-contact-pills{justify-content:center}
.corp-hero-panel{display:none}
.corp-section{padding:38px 4px}
.corp-section-head{text-align:center}
.corp-section-head h2,.corp-process-card h2,.corp-deliverable-main h2,.corp-contact-copy h2{font-size:clamp(30px,8.8vw,40px);text-align:center}
.corp-section-head p,.corp-contact-copy p,.corp-deliverable-main p{text-align:center;font-size:17px}
.corp-service-grid-v40,.corp-process,.corp-form-grid,.corp-admin-grid{grid-template-columns:1fr}
.corp-card,.corp-process-card,.corp-deliverable-card,.corp-request-form{border-radius:24px;padding:22px}
.corp-card{min-height:auto}
.corp-card h3{font-size:23px}
.corp-contact-copy{padding:0}
.corp-admin-card-head{display:grid}
}
/* Corporate/admin native select compatibility */
.corp-request-form select,
.corp-request-form select option,
.admin-form select,
.admin-form select option{
background:#122033!important;
color:#f4f9ff!important;
}
.corp-request-form select:open{
background:#122033!important;
}
.corp-contact-pills{display:none!important}
/* v42 LeakCheck admin log polish */
.leakcheck-status-v42{
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 12px;
border-radius:999px;
font-weight:900;
white-space:nowrap;
}
.leakcheck-status-v42.is-clean{
color:#99ffd0;
background:rgba(43,207,145,.13);
border:1px solid rgba(43,207,145,.25);
}
.leakcheck-status-v42.is-breached{
color:#ffd0d0;
background:rgba(255,80,80,.13);
border:1px solid rgba(255,80,80,.25);
}
.leakcheck-log-table-v42 td form{margin:0}
.leakcheck-log-table-v42 button.danger{
background:rgba(255,80,80,.13);
border:1px solid rgba(255,80,80,.25);
color:#ffb8b8;
border-radius:12px;
padding:8px 12px;
cursor:pointer;
font-weight:900;
}
/* v46 admin notification badges */
.admin-nav a{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.admin-nav a span:first-child{
min-width:0;
}
.admin-nav-badge{
flex:0 0 auto;
min-width:24px;
height:24px;
padding:0 7px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#ff2b4f,#b30022);
color:#fff;
font-size:12px;
font-weight:900;
line-height:1;
border:1px solid rgba(255,255,255,.22);
box-shadow:0 0 0 3px rgba(255,43,79,.10),0 8px 22px rgba(255,43,79,.24);
}
.admin-nav a:hover .admin-nav-badge{
box-shadow:0 0 0 4px rgba(255,43,79,.15),0 10px 26px rgba(255,43,79,.30);
}
@media(max-width:900px){
.admin-nav-badge{
min-width:22px;
height:22px;
font-size:11px;
}
}
/* v52 formal corporate footer */
.site-footer-v52{
display:block!important;
margin:78px 0 0!important;
padding:0!important;
border:0!important;
color:#b9cbe0!important;
}
.footer-inner-v52{
border-top:1px solid rgba(130,170,210,.16);
background:linear-gradient(180deg,rgba(7,17,31,.44),rgba(7,17,31,.18));
}
.footer-top-v52{
display:grid;
grid-template-columns:minmax(260px,.9fr) 1.8fr;
gap:42px;
align-items:start;
padding:34px 0 30px;
}
.footer-brand-v52{
display:flex;
align-items:center;
gap:16px;
min-width:0;
}
.footer-logo-v52{
width:68px;
height:58px;
flex:0 0 68px;
display:grid;
place-items:center;
border-radius:18px;
background:rgba(79,163,255,.08);
border:1px solid rgba(120,180,255,.14);
}
.footer-logo-v52 img{
width:54px;
display:block;
}
.footer-brand-v52 strong{
display:block;
color:#fff;
font-size:22px;
font-weight:900;
margin-bottom:5px;
}
.footer-brand-v52 p{
margin:0;
color:#a9bad0;
line-height:1.7;
max-width:330px;
}
.footer-links-v52{
display:grid;
grid-template-columns:repeat(3,minmax(130px,1fr));
gap:26px;
}
.footer-col-v52{
display:grid;
align-content:start;
gap:9px;
}
.footer-col-v52 h3{
margin:0 0 5px;
color:#fff;
font-size:16px;
font-weight:900;
}
.footer-col-v52 a,
.footer-col-v52 span{
color:#aebfd4;
line-height:1.75;
font-size:15px;
}
.footer-col-v52 a{
width:max-content;
max-width:100%;
transition:color .16s ease;
}
.footer-col-v52 a:hover{
color:#fff;
}
.footer-bottom-v52{
min-height:58px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:16px 0 22px;
border-top:1px solid rgba(130,170,210,.12);
color:#8da2ba;
}
.footer-social-v52{
display:flex;
align-items:center;
gap:9px;
}
.footer-social-v52 a{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:12px;
color:#d8e8f8;
background:rgba(255,255,255,.045);
border:1px solid rgba(255,255,255,.09);
transition:.16s ease;
}
.footer-social-v52 a:hover{
color:#fff;
background:rgba(79,163,255,.13);
border-color:rgba(120,180,255,.20);
}
.footer-social-v52 svg{
width:18px;
height:18px;
}
@media(max-width:900px){
.site-footer-v52{
margin-top:56px!important;
}
.footer-top-v52{
grid-template-columns:1fr;
gap:28px;
padding:30px 0 24px;
}
.footer-links-v52{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
}
@media(max-width:560px){
.site-footer-v52{
margin-top:44px!important;
}
.footer-inner-v52{
border-top-color:rgba(130,170,210,.18);
}
.footer-top-v52{
padding:26px 0 20px;
gap:24px;
}
.footer-brand-v52{
align-items:center;
gap:13px;
}
.footer-logo-v52{
width:58px;
height:50px;
flex-basis:58px;
border-radius:15px;
}
.footer-logo-v52 img{
width:47px;
}
.footer-brand-v52 strong{
font-size:20px;
}
.footer-brand-v52 p{
font-size:14px;
line-height:1.65;
}
.footer-links-v52{
grid-template-columns:1fr 1fr;
gap:22px 18px;
}
.footer-col-v52:last-child{
grid-column:1/-1;
}
.footer-col-v52 h3{
font-size:15.5px;
}
.footer-col-v52 a,
.footer-col-v52 span{
font-size:14.5px;
}
.footer-bottom-v52{
display:grid;
justify-items:start;
gap:12px;
padding:16px 0 84px;
font-size:13.5px;
}
}
/* v53 account service shortcut */
.account-service-shortcut-v53{
margin-top:18px;
padding:18px;
border-radius:20px;
display:grid;
gap:8px;
background:linear-gradient(180deg,rgba(0,255,120,.10),rgba(79,163,255,.06));
border:1px solid rgba(0,255,120,.20);
}
.account-service-shortcut-v53 strong{
color:#fff;
font-size:18px;
}
.account-service-shortcut-v53 span{
color:#b9cde0;
line-height:1.7;
}
.account-service-shortcut-v53 .btn{
width:max-content;
margin-top:4px;
}
@media(max-width:560px){
.account-service-shortcut-v53 .btn{
width:100%;
justify-content:center;
}
}
/* v63 library empty-state Kali terminal */
.library-terminal-wrap-v63{
height:auto;
min-height:330px;
display:grid;
place-items:center;
}
.library-terminal-v63{
width:min(100%,440px);
min-height:320px;
overflow:hidden;
border-radius:20px;
direction:ltr;
text-align:left;
background:#010906;
border:1px solid rgba(0,255,128,.52);
box-shadow:
0 28px 65px rgba(0,0,0,.48),
0 0 0 1px rgba(0,255,128,.04) inset,
0 0 38px rgba(0,255,128,.08);
font-family:"Courier New",ui-monospace,SFMono-Regular,Menlo,monospace;
}
.library-terminal-bar-v63{
min-height:54px;
padding:0 15px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
color:#fff;
background:#101319;
border-bottom:1px solid rgba(0,255,128,.38);
}
.library-terminal-title-v63{
min-width:0;
display:flex;
align-items:center;
gap:11px;
}
.library-terminal-title-v63 strong{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:15px;
letter-spacing:.2px;
}
.library-terminal-icon-v63{
width:29px;
height:29px;
display:grid;
place-items:center;
flex:0 0 auto;
border-radius:9px;
color:#00ff82;
border:1px solid rgba(0,255,128,.55);
background:#001b0f;
font-weight:900;
}
.library-terminal-controls-v63{
display:flex;
align-items:center;
gap:9px;
}
.library-terminal-controls-v63 i{
width:8px;
height:8px;
border-radius:50%;
background:#eef5ff;
opacity:.9;
}
.library-terminal-controls-v63 i:nth-child(2){border-radius:1px;background:#79baff}
.library-terminal-controls-v63 i:nth-child(3){background:#ff6e7e}
.library-terminal-body-v63{
min-height:266px;
padding:23px 22px 19px;
display:grid;
align-content:start;
gap:10px;
color:#00ff82;
background:
linear-gradient(rgba(0,255,128,.018) 1px,transparent 1px),
#010906;
background-size:100% 25px;
text-shadow:0 0 8px rgba(0,255,128,.24);
}
.library-terminal-command-v63{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
line-height:1.6;
}
.library-terminal-command-v63 span,
.library-terminal-prompt-v63 span{
color:#5dffa8;
font-weight:900;
}
.library-terminal-command-v63 b{
color:#00ff82;
font-weight:900;
}
.library-terminal-success-v63{
color:#00f17b;
line-height:1.6;
font-weight:700;
}
.library-terminal-content-v63{
margin-top:7px;
padding-top:16px;
display:grid;
grid-template-columns:112px minmax(0,1fr);
gap:19px;
align-items:center;
border-top:1px solid rgba(0,255,128,.22);
}
.library-coffee-v63{
margin:0;
color:#00ff82;
font:700 15px/1.18 "Courier New",monospace;
white-space:pre;
}
.library-terminal-books-v63{
min-width:0;
display:grid;
gap:8px;
}
.library-terminal-books-v63>span{
margin-bottom:2px;
color:#96ffc4;
font-weight:900;
}
.library-terminal-books-v63 strong{
display:block;
min-width:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#00ff82;
font-size:13px;
line-height:1.45;
}
.library-terminal-prompt-v63{
margin-top:9px;
display:flex;
align-items:center;
gap:8px;
}
.library-terminal-prompt-v63 i{
width:9px;
height:17px;
background:#00ff82;
box-shadow:0 0 12px rgba(0,255,128,.55);
animation:libraryTerminalBlinkV63 1s steps(1,end) infinite;
}
@keyframes libraryTerminalBlinkV63{
0%,48%{opacity:1}
49%,100%{opacity:0}
}
@media(max-width:760px){
.library-terminal-wrap-v63{
order:2;
min-height:auto;
width:100%;
}
.library-terminal-v63{
width:100%;
min-height:300px;
}
.library-terminal-body-v63{
padding:20px 17px;
}
.library-terminal-content-v63{
grid-template-columns:96px minmax(0,1fr);
gap:13px;
}
.library-coffee-v63{
font-size:13px;
}
.library-terminal-books-v63 strong{
font-size:12px;
}
}
@media(max-width:460px){
.library-terminal-content-v63{
grid-template-columns:1fr;
}
.library-coffee-v63{
display:none;
}
.library-terminal-title-v63 strong{
font-size:13px;
}
}
/* v64 clean terminal and library typography */
.library-terminal-content-clean-v64{
grid-template-columns:1fr;
justify-items:center;
min-height:150px;
padding-top:20px;
}
.library-terminal-content-clean-v64 .library-coffee-v63{
font-size:19px;
line-height:1.15;
}
.library-empty-copy-v19,
.library-empty-copy-v19 h2,
.library-empty-copy-v19 p,
.library-empty-copy-v19 .checkout-kicker-v17,
.library-empty-copy-v19 .btn{
font-family:var(--font-ar)!important;
}
.library-empty-copy-v19 h2{
font-weight:800;
letter-spacing:0;
}
.library-empty-copy-v19 p{
font-weight:400;
}
@media(max-width:760px){
.library-terminal-content-clean-v64{
min-height:130px;
}
.library-terminal-content-clean-v64 .library-coffee-v63{
display:block;
font-size:17px;
}
}
@media(max-width:460px){
.library-terminal-content-clean-v64 .library-coffee-v63{
display:block;
font-size:16px;
}
}
/* v66 configurable footer social links and admin password reset */
.footer-links-two-v66{
grid-template-columns:repeat(2,minmax(150px,1fr));
max-width:560px;
margin-inline-start:auto;
}
.footer-social-v66{
flex-wrap:wrap;
}
.footer-social-v66 a{
position:relative;
}
.footer-social-v66 a:hover{
transform:translateY(-2px);
}
.admin-password-reset-v66{
margin:20px 0;
display:grid;
grid-template-columns:minmax(220px,.65fr) minmax(320px,1.35fr);
gap:24px;
align-items:center;
}
.admin-password-reset-v66 h2{
margin:5px 0 8px;
}
.admin-password-reset-v66 .admin-form{
margin:0;
}
.admin-password-reset-v66 .btn{
width:max-content;
}
@media(max-width:900px){
.footer-links-two-v66{
width:100%;
max-width:none;
margin-inline-start:0;
}
.admin-password-reset-v66{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.footer-links-two-v66{
grid-template-columns:1fr 1fr;
}
.footer-links-two-v66 .footer-col-v52:last-child{
grid-column:auto;
}
.footer-social-v66{
gap:8px;
}
.footer-social-v66 a{
width:40px;
height:40px;
}
.admin-password-reset-v66 .form-grid{
grid-template-columns:1fr;
}
.admin-password-reset-v66 .btn{
width:100%;
}
}
/* ===== v67 diamond membership, verification footer, and coupon dashboard ===== */
.footer-verification-v67{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:17px 0;
border-top:1px solid rgba(130,170,210,.12);
color:#b8cce0;
}
.footer-verification-v67>div{
display:flex;
align-items:center;
gap:12px;
min-width:0;
}
.footer-verification-v67 p{
margin:0;
line-height:1.75;
}
.footer-verification-icon-v67{
width:38px;
height:38px;
flex:0 0 38px;
display:grid;
place-items:center;
border-radius:13px;
color:#8fd1ff;
background:rgba(79,163,255,.10);
border:1px solid rgba(120,180,255,.18);
font-weight:900;
}
.footer-verification-v67>a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 14px;
border-radius:13px;
color:#fff;
background:rgba(32,196,104,.13);
border:1px solid rgba(58,220,124,.24);
font-weight:900;
transition:.16s ease;
}
.footer-verification-v67>a:hover{
transform:translateY(-1px);
background:rgba(32,196,104,.20);
}
.is-diamond-member-v67{
color:#e8fbff!important;
border-color:rgba(99,220,255,.27)!important;
background:linear-gradient(135deg,rgba(41,149,255,.16),rgba(91,236,255,.10))!important;
box-shadow:0 0 24px rgba(61,196,255,.10);
}
.diamond-nav-link-v67{
display:inline-flex!important;
align-items:center;
gap:7px;
color:#d8f7ff!important;
background:linear-gradient(135deg,rgba(37,139,255,.15),rgba(85,235,255,.08))!important;
border:1px solid rgba(94,218,255,.24)!important;
box-shadow:0 0 24px rgba(46,177,255,.08);
}
.diamond-nav-link-v67 svg{
width:17px;
height:17px;
color:#76ddff;
filter:drop-shadow(0 0 7px rgba(80,215,255,.5));
}
.diamond-badge-v67{
display:inline-flex;
align-items:center;
vertical-align:middle;
gap:5px;
margin-inline-start:7px;
padding:5px 9px;
border-radius:999px;
color:#dffaff;
background:linear-gradient(135deg,rgba(44,149,255,.20),rgba(91,235,255,.11));
border:1px solid rgba(104,224,255,.27);
box-shadow:0 0 20px rgba(55,190,255,.10);
font-size:12px;
font-weight:900;
white-space:nowrap;
}
.diamond-check-v67{
display:inline-flex;
align-items:center;
gap:7px;
color:#d4f6ff;
white-space:nowrap;
}
.diamond-check-v67 input{
width:auto!important;
}
.diamond-inline-v67{
color:#7de4ff!important;
text-shadow:0 0 18px rgba(85,220,255,.35);
}
.is-diamond-access-v67{
border-color:rgba(87,220,255,.25)!important;
background:
radial-gradient(circle at left,rgba(62,190,255,.12),transparent 44%),
rgba(0,12,19,.30)!important;
}
.diamond-account-card-v67,
.diamond-library-banner-v67{
margin-top:18px;
padding:19px;
border-radius:21px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
background:
radial-gradient(circle at 10% 10%,rgba(79,198,255,.15),transparent 38%),
linear-gradient(135deg,rgba(20,80,145,.24),rgba(6,28,55,.65));
border:1px solid rgba(98,216,255,.22);
box-shadow:0 20px 52px rgba(0,0,0,.20);
}
.diamond-account-card-v67>div{
display:grid;
gap:5px;
}
.diamond-account-card-v67 span{
color:#7de2ff;
font-weight:900;
}
.diamond-account-card-v67 strong{
color:#fff;
font-size:19px;
}
.diamond-account-card-v67 p,
.diamond-library-banner-v67 p{
margin:0;
color:#b6d2e4;
line-height:1.65;
}
.diamond-library-banner-v67{
margin:0 0 24px;
}
.diamond-library-banner-v67>span{
width:54px;
height:54px;
flex:0 0 54px;
display:grid;
place-items:center;
border-radius:17px;
color:#7ee5ff;
background:rgba(70,190,255,.12);
border:1px solid rgba(95,220,255,.22);
font-size:27px;
text-shadow:0 0 16px rgba(87,220,255,.48);
}
.diamond-library-banner-v67>div{
flex:1;
display:grid;
gap:4px;
}
.diamond-library-banner-v67 strong{
color:#fff;
font-size:19px;
}
.diamond-page-v67{
width:min(1180px,100%);
margin-inline:auto;
}
.diamond-hero-v67{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:24px;
padding:34px;
border-radius:32px;
background:
radial-gradient(circle at 8% 10%,rgba(82,220,255,.20),transparent 34%),
radial-gradient(circle at 90% 0,rgba(77,132,255,.20),transparent 40%),
linear-gradient(145deg,rgba(8,42,77,.96),rgba(3,17,34,.98));
border:1px solid rgba(102,220,255,.25);
box-shadow:0 34px 90px rgba(0,0,0,.30);
}
.diamond-hero-v67:after{
content:"◆";
position:absolute;
left:6%;
bottom:-72px;
color:rgba(91,219,255,.045);
font-size:240px;
line-height:1;
pointer-events:none;
}
.diamond-hero-icon-v67{
width:104px;
height:104px;
display:grid;
place-items:center;
border-radius:30px;
color:#7de5ff;
background:linear-gradient(145deg,rgba(59,157,255,.22),rgba(67,231,255,.10));
border:1px solid rgba(106,225,255,.28);
box-shadow:0 0 38px rgba(51,190,255,.15);
}
.diamond-hero-icon-v67 svg{
width:65px;
height:65px;
filter:drop-shadow(0 0 16px rgba(73,215,255,.35));
}
.diamond-hero-v67>div:nth-child(2){
position:relative;
z-index:1;
}
.diamond-hero-v67>div:nth-child(2)>span{
color:#78dfff;
font-weight:900;
}
.diamond-hero-v67 h1{
margin:5px 0 8px;
color:#fff;
font-size:clamp(36px,5vw,62px);
line-height:1.15;
}
.diamond-hero-v67 h1 b{
color:#77e3ff;
text-shadow:0 0 22px rgba(79,218,255,.50);
}
.diamond-hero-v67 p{
margin:0;
max-width:720px;
color:#b8d2e4;
line-height:1.85;
font-size:17px;
}
.diamond-hero-actions-v67{
position:relative;
z-index:1;
display:grid;
gap:10px;
min-width:190px;
}
.diamond-stats-v67{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin:20px 0;
}
.diamond-stats-v67 article{
padding:19px;
border-radius:21px;
display:grid;
gap:6px;
background:rgba(255,255,255,.045);
border:1px solid rgba(115,200,255,.13);
}
.diamond-stats-v67 span{
color:#9fbed5;
}
.diamond-stats-v67 strong{
color:#fff;
font-size:26px;
}
.diamond-code-editor-v67{
padding:28px;
margin:20px 0;
}
.diamond-section-head-v67{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:20px;
}
.diamond-section-head-v67 h2{
margin:4px 0 7px;
color:#fff;
font-size:clamp(28px,4vw,44px);
}
.diamond-section-head-v67 p{
margin:0;
color:#aac4d7;
line-height:1.75;
}
.diamond-codes-section-v67{
margin-top:30px;
}
.diamond-code-list-v67{
display:grid;
gap:16px;
}
.diamond-code-card-v67{
padding:22px;
border-color:rgba(96,211,255,.13);
}
.diamond-code-card-v67.is-active{
box-shadow:inset 4px 0 0 rgba(82,220,255,.54),0 20px 50px rgba(0,0,0,.15);
}
.diamond-code-card-v67.is-paused{
opacity:.78;
}
.diamond-code-summary-v67{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}
.diamond-code-summary-v67>div:first-child>span{
display:inline-flex;
padding:5px 9px;
border-radius:999px;
color:#8eeaff;
background:rgba(75,203,255,.09);
border:1px solid rgba(91,220,255,.16);
font-size:12px;
font-weight:900;
}
.diamond-code-summary-v67 h3{
margin:7px 0 4px;
color:#fff;
direction:ltr;
text-align:right;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:28px;
}
.diamond-code-summary-v67 p{
margin:0;
color:#a9c2d4;
}
.diamond-code-actions-v67{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
}
.diamond-code-actions-v67 form{
margin:0;
}
.diamond-code-meta-v67{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:16px;
padding-top:14px;
border-top:1px solid rgba(120,190,230,.10);
}
.diamond-code-meta-v67 span{
padding:7px 10px;
border-radius:999px;
color:#aac5d8;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.07);
font-size:13px;
}
.diamond-usage-details-v67{
margin-top:16px;
border-radius:17px;
background:rgba(0,7,17,.30);
border:1px solid rgba(107,198,245,.10);
overflow:hidden;
}
.diamond-usage-details-v67 summary{
cursor:pointer;
padding:15px;
color:#d6f4ff;
font-weight:900;
}
.diamond-usage-details-v67[open] summary{
border-bottom:1px solid rgba(107,198,245,.10);
}
.diamond-usage-details-v67>.table-wrap,
.diamond-usage-details-v67>p{
margin:14px;
}
.diamond-empty-v67{
display:grid;
justify-items:center;
text-align:center;
gap:8px;
padding:38px;
}
.diamond-empty-v67>span{
color:#76e0ff;
font-size:36px;
}
.diamond-empty-v67 strong{
color:#fff;
font-size:23px;
}
.diamond-empty-v67 p{
margin:0;
color:#a9c3d5;
}
@media(max-width:950px){
.diamond-hero-v67{
grid-template-columns:auto 1fr;
}
.diamond-hero-actions-v67{
grid-column:1/-1;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.diamond-stats-v67{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:700px){
.footer-verification-v67{
align-items:flex-start;
flex-direction:column;
}
.footer-verification-v67>a{
width:100%;
}
.diamond-account-card-v67,
.diamond-library-banner-v67{
align-items:flex-start;
flex-direction:column;
}
.diamond-account-card-v67 .btn,
.diamond-library-banner-v67 .btn{
width:100%;
}
.diamond-hero-v67{
grid-template-columns:1fr;
text-align:center;
padding:25px 20px;
}
.diamond-hero-icon-v67{
margin-inline:auto;
}
.diamond-hero-actions-v67{
grid-column:auto;
grid-template-columns:1fr;
}
.diamond-stats-v67{
grid-template-columns:1fr 1fr;
}
.diamond-section-head-v67,
.diamond-code-summary-v67{
display:grid;
}
.diamond-code-actions-v67{
justify-content:flex-start;
}
}
@media(max-width:460px){
.diamond-stats-v67{
grid-template-columns:1fr;
}
.diamond-code-editor-v67,
.diamond-code-card-v67{
padding:18px;
}
}
.diamond-admin-note-v67{
margin:18px 0;
display:flex;
align-items:center;
gap:14px;
border-color:rgba(96,216,255,.22);
background:linear-gradient(135deg,rgba(50,150,255,.12),rgba(70,225,255,.05));
}
.diamond-admin-note-v67 strong{
color:#e8f9ff;
line-height:1.7;
}
@media(max-width:650px){
.diamond-admin-note-v67{
align-items:flex-start;
flex-direction:column;
}
}
/* ===== v76 consolidated CyberPTS theme, responsive shell, header and polish ===== */
:root{
--font-ar:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;
--cpt-bg:#07111d;
--cpt-bg-2:#0b1726;
--cpt-surface:#101d2d;
--cpt-surface-2:#0e1927;
--cpt-text:#eef6ff;
--cpt-muted:#a8b7c9;
--cpt-purple:#7c5cff;
--cpt-blue:#5b7cfa;
--cpt-mint:#21d4a8;
--cpt-mint-soft:#8ff5d8;
--cpt-border:rgba(255,255,255,.10);
--cpt-shadow:0 24px 70px rgba(0,0,0,.25);
}
html{
min-width:0;
overflow-x:hidden;
scroll-behavior:smooth;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
html,body,button,input,select,textarea,option{
font-family:var(--font-ar)!important;
}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
body{
min-width:0;
overflow-x:hidden;
letter-spacing:0;
}
body:not(.darkweb-body){
--brand-primary:#7c5cff;
--brand-secondary:#21d4a8;
--brand-accent:#5b7cfa;
--surface:#101d2d;
color:var(--cpt-text)!important;
background:
radial-gradient(circle at 18% 0%,rgba(124,92,255,.20),transparent 33%),
radial-gradient(circle at 88% 8%,rgba(33,212,168,.13),transparent 29%),
linear-gradient(180deg,#07111d,#07111d 40%,#081422)!important;
}
.site-shell{
width:min(1180px,100%);
min-width:0;
margin-inline:auto;
padding-inline:18px;
}
main,.page-main,.admin-content{
min-width:0;
}
section[id]{scroll-margin-top:118px}
:is(h1,h2,h3,h4,h5,h6,p,li,a,strong,span,label){
overflow-wrap:break-word;
}
body:not(.darkweb-body) :is(h1,h2,h3,h4,h5,h6){
color:#fff;
font-weight:700!important;
letter-spacing:-.025em!important;
}
body:not(.darkweb-body) :is(p,.muted,.admin-hint){
color:var(--cpt-muted);
}
body:not(.darkweb-body) :is(
.home-featured-copy h1,.hero-content h1,.sales-copy h1,.book-detail h1,
.corp-hero h1,.diamond-hero-v67 h1,.section-head h1,.section-head h2
){
line-height:1.12!important;
font-weight:700!important;
}
body:not(.darkweb-body) :is(
.home-featured-intro,.hero-content p,.sales-intro,.section-head p,.lead
){
font-weight:400!important;
}
.courses-gradient-text-v71{
background:linear-gradient(90deg,#fff 0%,#a998ff 46%,#6ef0cf 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent!important;
-webkit-text-fill-color:transparent;
}
/* Desktop header */
.site-header{
position:sticky!important;
top:0!important;
z-index:90!important;
width:calc(100% + 36px)!important;
max-width:none!important;
min-height:78px!important;
margin:0 -18px 28px!important;
padding:0!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
border-radius:0!important;
background:rgba(7,17,29,.84)!important;
-webkit-backdrop-filter:blur(18px)!important;
backdrop-filter:blur(18px)!important;
box-shadow:none!important;
}
.site-header-inner-v71{
width:min(1160px,calc(100% - 36px));
min-height:78px;
margin-inline:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.site-header .brand{
min-width:max-content;
padding:0!important;
display:flex!important;
align-items:center!important;
gap:11px!important;
color:#fff!important;
border:0!important;
background:none!important;
box-shadow:none!important;
}
.site-header .brand-logo-v72{
width:56px!important;
height:56px!important;
min-width:56px!important;
flex:0 0 56px!important;
display:block!important;
object-fit:contain!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
filter:none!important;
}
.site-header .brand-copy{
display:grid!important;
line-height:1.12!important;
text-align:right!important;
}
.site-header .brand-copy strong{
color:#fff!important;
font-size:1.08rem!important;
font-weight:800!important;
}
.site-header .brand-copy small{
display:block!important;
margin-top:-2px!important;
color:var(--cpt-muted)!important;
font-size:.78rem!important;
font-weight:500!important;
}
.site-header .desktop-main-nav-v74{
position:static!important;
width:auto!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
gap:7px!important;
overflow:visible!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.site-header .desktop-main-nav-v74 a{
min-height:42px!important;
padding:10px 11px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
color:#aeb9c8!important;
white-space:nowrap!important;
border:1px solid transparent!important;
border-radius:11px!important;
background:transparent!important;
box-shadow:none!important;
font-size:14px!important;
font-weight:700!important;
transition:.16s ease!important;
}
.site-header .desktop-main-nav-v74 a:hover,
.site-header .desktop-main-nav-v74 a:focus,
.site-header .desktop-main-nav-v74 a.active{
color:#fff!important;
background:rgba(255,255,255,.065)!important;
border-color:transparent!important;
box-shadow:none!important;
transform:none!important;
}
.site-header .desktop-main-nav-v74 a::before,
.site-header .desktop-main-nav-v74 a::after{
display:none!important;
content:none!important;
}
.site-header .desktop-main-nav-v74 .nav-register-v71{
color:#fff!important;
background:linear-gradient(135deg,#7c5cff,#5b7cfa)!important;
box-shadow:0 14px 34px rgba(124,92,255,.22)!important;
}
.site-header .desktop-main-nav-v74 .nav-logout-v71{
color:#fff!important;
background:rgba(255,255,255,.035)!important;
border-color:rgba(255,255,255,.10)!important;
}
.mobile-header-v74{display:none!important}
/* Buttons */
body:not(.darkweb-body) :is(
.btn-primary,.checkout-pay-button-v17,.checkout-pay-button-v32,
button[type=submit]:not(.danger):not(.dw-submit)
){
color:#fff!important;
background:linear-gradient(135deg,#7c5cff 0%,#5b7cfa 58%,#21d4a8 145%)!important;
border-color:rgba(124,92,255,.30)!important;
box-shadow:0 16px 40px rgba(124,92,255,.22)!important;
}
body:not(.darkweb-body) :is(
.btn-primary,.checkout-pay-button-v17,.checkout-pay-button-v32,
button[type=submit]:not(.danger):not(.dw-submit)
):hover{
transform:translateY(-1px);
box-shadow:0 20px 48px rgba(124,92,255,.29)!important;
}
body:not(.darkweb-body) :is(.btn-ghost,.inline-actions button,td button){
color:#eef6ff!important;
background:rgba(255,255,255,.045)!important;
border-color:rgba(255,255,255,.10)!important;
}
body:not(.darkweb-body) :is(.btn-ghost,.inline-actions button,td button):hover{
background:rgba(124,92,255,.12)!important;
border-color:rgba(124,92,255,.23)!important;
}
body:not(.darkweb-body) :is(
.eyebrow,.book-badge,.checkout-kicker-v17,.corp-kicker,.floating-badge
){
color:#ddd7ff!important;
background:rgba(124,92,255,.11)!important;
border-color:rgba(124,92,255,.23)!important;
}
/* Cards and forms */
body:not(.darkweb-body) :is(
.hero-card,.book-card,.panel,.auth-card,.stat,.book-detail-content,.book-side-card,
.benefits>div,.price-box,.offer-card,.offer-price,.faq-list details,.editor-section,
.preview-page-card,.virtual-book,.checkout-card,.checkout-account-card-v17,
.checkout-benefit-v17,.account-panel,.account-service-shortcut-v53,.library-book-v19,
.library-empty-v19,.payment-result-card,.payment-redirect-card,.content-tools-panel,
.content-add-panel,.content-row-v34,.diamond-code-card-v67,.diamond-code-editor-v67,
.diamond-empty-v67,.corp-card,.corp-deliverable-card,.corp-process-card,
.corp-hero-panel,.corp-request-form,.corp-admin-card
){
min-width:0;
color:#eef6ff!important;
background:
radial-gradient(circle at 100% 0,rgba(124,92,255,.07),transparent 36%),
linear-gradient(180deg,rgba(16,29,45,.95),rgba(14,25,39,.91))!important;
border-color:var(--cpt-border)!important;
box-shadow:var(--cpt-shadow)!important;
}
body:not(.darkweb-body) :is(
input[type=text],input[type=email],input[type=password],input[type=number],
input[type=url],input[type=search],input[type=tel],input[type=datetime-local],
textarea,select,.admin-form input,.admin-form textarea,.admin-form select
){
min-width:0;
max-width:100%;
color:#eef6ff!important;
background:#0e1927!important;
border-color:rgba(255,255,255,.12)!important;
}
body:not(.darkweb-body) :is(input,textarea,select):focus{
outline:none!important;
border-color:rgba(124,92,255,.54)!important;
box-shadow:0 0 0 4px rgba(124,92,255,.14)!important;
}
body:not(.darkweb-body) select option{
color:#eef6ff!important;
background:#101d2d!important;
}
.table-wrap{
max-width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
table{min-width:640px}
body:not(.darkweb-body) th{
color:#ddd7ff!important;
background:rgba(124,92,255,.055)!important;
}
body:not(.darkweb-body) th,
body:not(.darkweb-body) td{
border-color:rgba(255,255,255,.075)!important;
}
/* Book and home visuals */
body:not(.darkweb-body) :is(.home-book-media,.catalog-cover,.book-cover-stage){
background:
radial-gradient(circle at 50% 18%,rgba(124,92,255,.19),transparent 50%),
radial-gradient(circle at 82% 85%,rgba(33,212,168,.09),transparent 40%),
linear-gradient(180deg,rgba(16,29,45,.91),rgba(14,25,39,.83))!important;
border-color:rgba(255,255,255,.09)!important;
}
body:not(.darkweb-body) :is(.book-cover-fallback,.mini-cover-fallback,.book-cover-fallback-3d){
background:
radial-gradient(circle at 30% 15%,rgba(33,212,168,.19),transparent 40%),
linear-gradient(155deg,#101d2d,#171f3d 58%,#7c5cff)!important;
}
body:not(.darkweb-body) :is(
.book-card li,.panel li,.book-side-card li,.sales-bullets span,
.home-points li,.home-featured-points li
)::before{
color:#21d4a8!important;
}
body:not(.darkweb-body) :is(
.hero-content p,.section-head p,.lead,.sales-intro,.book-card p,.offer-card p,.faq-list p
){
color:#c3cfdd!important;
}
/* Corporate services — rebuilt for consistent desktop/mobile behavior */
.corp-services-body{
background:
radial-gradient(circle at 90% 0,rgba(124,92,255,.20),transparent 34%),
radial-gradient(circle at 8% 80%,rgba(33,212,168,.10),transparent 32%),
linear-gradient(135deg,#07111d,#0a1726 55%,#071827)!important;
}
.corp-page{
width:100%;
min-width:0;
padding:26px 0 88px;
}
.corp-page :is(.corp-hero-copy,.corp-section,.corp-card,.corp-process div,.corp-deliverable-card,.corp-contact-copy,.corp-request-form){
min-width:0;
}
.corp-hero{
min-height:540px;
padding:38px 0 52px;
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
gap:30px;
align-items:center;
}
.corp-kicker{
display:inline-flex;
width:max-content;
max-width:100%;
margin-bottom:14px;
padding:8px 13px;
border-radius:999px;
font-size:13px;
font-weight:800!important;
}
.corp-hero h1,
.corp-section-head h2,
.corp-process-card h2,
.corp-deliverable-main h2,
.corp-contact-copy h2{
margin:0 0 15px;
font-size:clamp(34px,4.8vw,64px);
line-height:1.12!important;
}
.corp-hero p,
.corp-section-head p,
.corp-contact-copy p,
.corp-deliverable-main p{
margin:0 0 20px;
color:#c2d2e1!important;
font-size:clamp(17px,1.7vw,20px);
line-height:1.9;
}
.corp-actions{
display:flex;
align-items:center;
gap:11px;
flex-wrap:wrap;
}
.corp-actions .btn{
min-height:48px;
}
.corp-trust{
margin-top:20px;
display:flex;
gap:8px;
flex-wrap:wrap;
}
.corp-trust span{
padding:8px 11px;
border-radius:999px;
color:#cce6df!important;
background:rgba(33,212,168,.07)!important;
border:1px solid rgba(33,212,168,.16)!important;
font-size:13px;
font-weight:700!important;
}
.corp-hero-panel{
padding:22px;
border-radius:28px;
}
.corp-terminal{
max-width:100%;
overflow:hidden;
border-radius:20px;
background:#030a10!important;
border:1px solid rgba(33,212,168,.19)!important;
}
.corp-terminal-top{
display:flex;
gap:7px;
padding:11px;
background:rgba(255,255,255,.035)!important;
}
.corp-terminal-top span{
width:10px;
height:10px;
border-radius:50%;
background:#21d4a8;
}
.corp-terminal pre{
max-width:100%;
margin:0;
padding:21px;
overflow:auto;
color:#8ff5d8!important;
font:500 14px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace!important;
direction:ltr;
text-align:left;
white-space:pre-wrap;
overflow-wrap:anywhere;
}
.corp-section{padding:48px 0}
.corp-section-head{
max-width:940px;
margin:0 auto 27px;
text-align:right;
}
.corp-service-grid-v40{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
.corp-card{
position:relative;
min-height:270px;
padding:27px 25px;
overflow:hidden;
border-radius:26px;
}
.corp-card::before{
content:"";
position:absolute;
inset:auto -70px -95px auto;
width:190px;
height:190px;
background:radial-gradient(circle,rgba(124,92,255,.14),transparent 70%);
pointer-events:none;
}
.corp-card-featured{
border-color:rgba(33,212,168,.25)!important;
background:
radial-gradient(circle at 100% 0,rgba(33,212,168,.10),transparent 40%),
linear-gradient(180deg,rgba(16,29,45,.96),rgba(14,25,39,.92))!important;
}
.corp-card-tag{
display:inline-flex;
max-width:100%;
margin-bottom:16px;
padding:7px 10px;
border-radius:999px;
color:#ddd7ff!important;
background:rgba(124,92,255,.14)!important;
border:1px solid rgba(124,92,255,.22)!important;
font-size:12px;
font-weight:800!important;
}
.corp-card h3{
margin:0 0 11px;
font-size:25px;
line-height:1.35;
}
.corp-card p{
margin:0;
color:#bdccda!important;
line-height:1.82;
}
.corp-card ul{
margin:17px 0 0;
padding:0;
display:grid;
gap:9px;
list-style:none;
}
.corp-card li{
color:#edf7ff;
line-height:1.65;
}
.corp-card li::before{
content:"•";
margin-left:9px;
color:#8ff5d8!important;
font-weight:900;
}
.corp-process-card{
padding:31px;
border-radius:30px;
}
.corp-process{
margin-top:24px;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.corp-process div{
padding:21px;
border-radius:22px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.08);
}
.corp-process strong{
min-width:42px;
height:42px;
display:inline-grid;
place-items:center;
border-radius:13px;
color:#e3deff!important;
background:rgba(124,92,255,.16)!important;
font-size:17px;
}
.corp-process h3{
margin:15px 0 7px;
font-size:21px;
}
.corp-process p{
margin:0;
color:#b6c6d6!important;
line-height:1.78;
}
.corp-deliverables{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:20px;
}
.corp-deliverable-card{
padding:29px;
border-radius:27px;
}
.corp-deliverable-main{
background:
radial-gradient(circle at 100% 0,rgba(124,92,255,.14),transparent 43%),
linear-gradient(180deg,rgba(16,29,45,.96),rgba(14,25,39,.91))!important;
}
.corp-deliverable-card h3{
margin:0 0 16px;
font-size:24px;
}
.corp-deliverable-card ul{
margin:0;
padding:0;
display:grid;
gap:12px;
list-style:none;
}
.corp-deliverable-card li{
color:#e6f2ff;
font-weight:700;
line-height:1.6;
}
.corp-deliverable-card li::before{
content:"✓";
margin-left:9px;
color:#21d4a8;
}
.corp-contact-section{
margin-top:18px;
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
gap:30px;
align-items:center;
}
.corp-contact-copy{padding:12px}
.corp-request-form{
width:100%;
padding:26px;
display:grid;
gap:17px;
border-radius:28px;
}
.corp-form-grid{
min-width:0;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:13px;
}
.corp-request-form label{
min-width:0;
display:grid;
gap:7px;
color:#e9f5ff;
font-weight:700!important;
}
.corp-request-form input,
.corp-request-form select,
.corp-request-form textarea{
width:100%;
min-width:0;
max-width:100%;
padding:13px 14px;
border-radius:14px;
font:inherit;
font-size:16px!important;
}
.corp-request-form textarea{
min-height:140px;
resize:vertical;
}
.corp-request-form button{
width:100%;
min-height:54px;
}
.corp-form-success,.corp-form-errors{
padding:13px 15px;
border-radius:14px;
font-weight:700;
}
.corp-form-success{
color:#b9ffe7;
background:rgba(33,212,168,.10);
border:1px solid rgba(33,212,168,.23);
}
.corp-form-errors{
color:#ffc5ce;
background:rgba(255,80,105,.10);
border:1px solid rgba(255,80,105,.22);
}
.corp-form-errors p+p{margin-top:5px}
/* Diamond and admin color integration */
body:not(.darkweb-body) :is(.diamond-hero-v67,.diamond-account-card-v67,.diamond-library-banner-v67){
background:
radial-gradient(circle at 8% 10%,rgba(33,212,168,.15),transparent 36%),
radial-gradient(circle at 90% 0,rgba(124,92,255,.22),transparent 42%),
linear-gradient(145deg,rgba(16,29,45,.98),rgba(11,23,38,.98))!important;
border-color:rgba(124,92,255,.24)!important;
}
body:not(.darkweb-body) :is(.diamond-badge-v67,.diamond-nav-link-v67,.is-diamond-member-v67){
color:#eef6ff!important;
background:linear-gradient(135deg,rgba(124,92,255,.18),rgba(33,212,168,.09))!important;
border-color:rgba(124,92,255,.24)!important;
}
body:not(.darkweb-body) .admin-nav{
background:rgba(16,29,45,.88)!important;
border-color:var(--cpt-border)!important;
}
body:not(.darkweb-body) .admin-nav a{
color:#d8e4f2!important;
}
body:not(.darkweb-body) .admin-nav a:hover,
body:not(.darkweb-body) .admin-nav a:focus{
color:#fff!important;
background:linear-gradient(135deg,rgba(124,92,255,.15),rgba(33,212,168,.065))!important;
}
/* Footer and floating WhatsApp */
body:not(.darkweb-body) .footer-inner-v52{
background:linear-gradient(180deg,rgba(16,29,45,.64),rgba(7,17,29,.42))!important;
border-color:var(--cpt-border)!important;
}
.footer-logo-link-v72,
.footer-logo-v52{
width:58px!important;
height:58px!important;
min-width:58px!important;
flex:0 0 58px!important;
padding:0!important;
display:block!important;
overflow:visible!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
}
.footer-brand-logo-v72,
.footer-logo-v52 img{
width:58px!important;
height:58px!important;
display:block!important;
object-fit:contain!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
filter:none!important;
}
body:not(.darkweb-body) :is(.footer-brand-v52 p,.footer-col-v52 a,.footer-col-v52 span,.footer-bottom-v52){
color:#a8b7c9!important;
}
body:not(.darkweb-body) .footer-col-v52 a:hover{color:#fff!important}
body:not(.darkweb-body) .footer-social-v52 a{
color:#d8e4f2!important;
background:rgba(255,255,255,.04)!important;
border-color:rgba(255,255,255,.09)!important;
}
body:not(.darkweb-body) .footer-social-v52 a:hover{
color:#fff!important;
background:linear-gradient(135deg,rgba(124,92,255,.17),rgba(33,212,168,.08))!important;
border-color:rgba(124,92,255,.22)!important;
}
.whatsapp-float{
max-width:calc(100vw - 28px);
bottom:max(18px,env(safe-area-inset-bottom))!important;
}
/* Responsive: tablet */
@media(max-width:1000px){
.site-header-inner-v71{width:min(100% - 28px,1160px)}
.site-header .desktop-main-nav-v74{gap:3px!important}
.site-header .desktop-main-nav-v74 a{
padding-inline:8px!important;
font-size:13px!important;
}
.corp-hero,
.corp-contact-section,
.corp-deliverables{
grid-template-columns:1fr;
}
.corp-hero{min-height:auto}
.corp-hero-panel{max-width:760px;width:100%;margin-inline:auto}
.corp-service-grid-v40,
.corp-process{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/* Mobile header and global mobile layout */
@media(max-width:860px){
.site-shell{
width:100%!important;
padding-inline:14px!important;
}
.site-header{
position:sticky!important;
top:0!important;
min-height:0!important;
width:calc(100% + 28px)!important;
margin:0 -14px 18px!important;
background:rgba(7,17,29,.97)!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 12px 34px rgba(0,0,0,.21)!important;
}
.site-header-inner-v71{
width:100%!important;
min-height:0!important;
display:block!important;
padding:0!important;
margin:0!important;
}
.site-header .desktop-brand-v74,
.site-header a.desktop-brand-v74,
.site-header .desktop-main-nav-v74,
.site-header nav.desktop-main-nav-v74{
display:none!important;
visibility:hidden!important;
width:0!important;
height:0!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
pointer-events:none!important;
}
.site-header .mobile-header-v74{
display:block!important;
visibility:visible!important;
width:100%!important;
direction:rtl;
}
.site-header .mobile-header-top-v74{
min-height:68px;
padding:9px 12px 8px;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
grid-template-areas:"brand actions"!important;
align-items:center!important;
gap:8px!important;
}
.site-header .mobile-brand-v74{
grid-area:brand!important;
justify-self:start!important;
min-width:0!important;
max-width:145px!important;
display:flex!important;
align-items:center!important;
gap:7px!important;
color:#fff!important;
background:none!important;
border:0!important;
box-shadow:none!important;
}
.site-header .mobile-brand-v74 img{
width:40px!important;
height:40px!important;
min-width:40px!important;
flex:0 0 40px!important;
object-fit:contain!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
filter:none!important;
}
.site-header .mobile-brand-v74 strong{
max-width:88px!important;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#fff!important;
font-size:13px!important;
font-weight:800!important;
}
.site-header .mobile-header-actions-v74{
grid-area:actions!important;
justify-self:end!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:5px!important;
direction:ltr!important;
}
.site-header .mobile-action-v74{
min-height:38px!important;
padding:7px 9px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
border-radius:9px!important;
font-size:12px!important;
font-weight:800!important;
line-height:1!important;
direction:rtl!important;
}
.site-header .mobile-action-outline-v74{
color:#fff!important;
background:rgba(255,255,255,.035)!important;
border:1px solid rgba(255,255,255,.17)!important;
box-shadow:none!important;
}
.site-header .mobile-action-primary-v74{
color:#fff!important;
background:#080b10!important;
border:1px solid rgba(124,92,255,.28)!important;
box-shadow:none!important;
}
.site-header .mobile-action-primary-v74::after{
content:"";
width:6px;
height:6px;
margin-inline-start:5px;
flex:0 0 6px;
border-radius:50%;
background:#8e7cff;
box-shadow:0 0 0 3px rgba(124,92,255,.12);
}
.site-header .is-diamond-mobile-v74::after{
border-radius:2px;
background:#6ef0cf;
transform:rotate(45deg);
}
.site-header .mobile-primary-nav-v74{
width:100%;
padding:7px 9px 9px!important;
display:flex!important;
align-items:center!important;
gap:4px!important;
overflow-x:auto!important;
overscroll-behavior-inline:contain;
scroll-snap-type:x proximity;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
border-top:1px solid rgba(255,255,255,.04)!important;
}
.site-header .mobile-primary-nav-v74::-webkit-scrollbar{display:none}
.site-header .mobile-primary-nav-v74 a{
min-height:38px!important;
flex:0 0 auto!important;
padding:8px 11px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
color:#aeb9c8!important;
white-space:nowrap!important;
scroll-snap-align:center;
background:transparent!important;
border:0!important;
border-radius:9px!important;
box-shadow:none!important;
font-size:12px!important;
font-weight:700!important;
}
.site-header .mobile-primary-nav-v74 a:hover,
.site-header .mobile-primary-nav-v74 a:focus,
.site-header .mobile-primary-nav-v74 a.active{
color:#fff!important;
background:rgba(255,255,255,.065)!important;
box-shadow:none!important;
}
.site-header .mobile-primary-nav-v74 a::before,
.site-header .mobile-primary-nav-v74 a::after{
display:none!important;
content:none!important;
}
body:not(.darkweb-body) :is(
input[type=text],input[type=email],input[type=password],input[type=number],
input[type=url],input[type=search],input[type=tel],input[type=datetime-local],
textarea,select
){
font-size:16px!important;
}
.btn{
max-width:100%;
}
.site-footer-v52{
margin-top:48px!important;
}
.footer-inner-v52{
padding:22px!important;
border-radius:24px!important;
}
.footer-top-v52{
gap:22px!important;
}
.footer-brand-v52{
min-width:0;
}
.footer-links-two-v66{
width:100%!important;
max-width:none!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
}
.footer-bottom-v52{
align-items:flex-start!important;
gap:14px!important;
}
.whatsapp-float{
right:12px!important;
bottom:max(12px,env(safe-area-inset-bottom))!important;
min-height:50px!important;
padding:10px 15px!important;
font-size:15px!important;
}
.corp-page{
padding:6px 0 72px;
}
.corp-hero{
min-height:auto;
padding:24px 0 38px;
grid-template-columns:1fr;
gap:20px;
text-align:center;
}
.corp-hero-copy{
width:100%;
margin-inline:auto;
}
.corp-kicker{
margin-inline:auto;
}
.corp-hero h1{
font-size:clamp(32px,9.6vw,43px)!important;
line-height:1.16!important;
text-align:center!important;
}
.corp-hero p{
max-width:620px;
margin-inline:auto;
font-size:17px!important;
line-height:1.82;
text-align:center;
}
.corp-actions{
width:100%;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.corp-actions .btn{
width:100%;
min-width:0;
padding-inline:10px;
}
.corp-trust{
justify-content:center;
}
.corp-hero-panel{
display:none!important;
}
.corp-section{
padding:34px 0;
}
.corp-section-head{
margin-bottom:21px;
text-align:center;
}
.corp-section-head h2,
.corp-process-card h2,
.corp-deliverable-main h2,
.corp-contact-copy h2{
font-size:clamp(28px,8.2vw,38px)!important;
line-height:1.18!important;
text-align:center!important;
}
.corp-section-head p,
.corp-contact-copy p,
.corp-deliverable-main p{
margin-inline:auto;
font-size:16px!important;
line-height:1.78;
text-align:center;
}
.corp-service-grid-v40,
.corp-process,
.corp-form-grid{
grid-template-columns:1fr;
}
.corp-card,
.corp-process-card,
.corp-deliverable-card,
.corp-request-form{
padding:20px;
border-radius:22px;
}
.corp-card{
min-height:0;
}
.corp-card h3{
font-size:22px;
}
.corp-card p,
.corp-card li{
font-size:15px;
}
.corp-process{
margin-top:18px;
gap:10px;
}
.corp-process div{
position:relative;
padding:18px 62px 18px 17px;
}
.corp-process strong{
position:absolute;
top:17px;
right:15px;
}
.corp-process h3{
margin:0 0 6px;
font-size:20px;
}
.corp-deliverables,
.corp-contact-section{
grid-template-columns:1fr;
gap:14px;
}
.corp-contact-copy{
padding:0;
}
.corp-request-form{
gap:15px;
}
.corp-request-form label{
text-align:right;
}
.corp-request-form input,
.corp-request-form select,
.corp-request-form textarea{
padding:12px 13px;
border-radius:12px;
}
.corp-request-form textarea{
min-height:125px;
}
.corp-request-form button{
min-height:52px;
}
.corp-admin-grid,
.corp-admin-actions{
grid-template-columns:1fr!important;
}
.corp-admin-card-head{
display:grid!important;
}
}
/* Small phones */
@media(max-width:430px){
.site-shell{
padding-inline:11px!important;
}
.site-header .mobile-header-top-v74{
min-height:64px;
padding-inline:9px;
grid-template-columns:minmax(60px,1fr) auto!important;
gap:5px!important;
}
.site-header .mobile-brand-v74{
max-width:108px!important;
}
.site-header .mobile-brand-v74 img{
width:37px!important;
height:37px!important;
min-width:37px!important;
flex-basis:37px!important;
}
.site-header .mobile-brand-v74 strong{
max-width:62px!important;
font-size:12px!important;
}
.site-header .mobile-action-v74{
min-height:36px!important;
padding-inline:7px!important;
font-size:11.5px!important;
}
.home-featured-copy h1,
.sales-copy h1,
.hero-content h1{
font-size:clamp(29px,8.8vw,38px)!important;
}
.corp-actions{
grid-template-columns:1fr;
}
.corp-trust span{
font-size:12px;
}
.corp-card,
.corp-process-card,
.corp-deliverable-card,
.corp-request-form{
padding:18px;
}
.footer-inner-v52{
padding:18px!important;
}
.footer-links-two-v66{
grid-template-columns:1fr 1fr!important;
gap:14px!important;
}
.footer-social-v66{
gap:7px!important;
}
.footer-social-v66 a{
width:38px!important;
height:38px!important;
}
}
@media(max-width:360px){
.site-header .mobile-brand-v74 strong{
display:none!important;
}
.site-header .mobile-brand-v74{
max-width:38px!important;
}
.site-header .mobile-action-v74{
padding-inline:6px!important;
}
.site-header .mobile-primary-nav-v74 a{
padding-inline:9px!important;
}
}
/* Motion/accessibility */
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important;
}
}
/* v76 form submission state */
button:disabled,
.btn[aria-disabled="true"]{
opacity:.68!important;
cursor:wait!important;
pointer-events:none!important;
transform:none!important;
box-shadow:none!important;
}
/* ===== v83 clean structural layout: true full-width header/footer ===== */
html,
body{
width:100%;
max-width:100%;
overflow-x:hidden;
overscroll-behavior-x:none;
}
@supports (overflow:clip){
html,
body{overflow-x:clip}
}
.site-shell{
width:min(1180px,calc(100% - 32px))!important;
max-width:1180px!important;
min-width:0!important;
margin-inline:auto!important;
padding-inline:0!important;
}
/* The header is no longer trapped inside .site-shell. */
.site-header{
position:sticky!important;
top:0!important;
z-index:90!important;
width:100%!important;
max-width:none!important;
min-height:78px!important;
margin:0 0 28px!important;
padding:0!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
border-radius:0!important;
background:rgba(7,17,29,.92)!important;
-webkit-backdrop-filter:blur(18px)!important;
backdrop-filter:blur(18px)!important;
box-shadow:0 12px 35px rgba(0,0,0,.18)!important;
overflow:visible!important;
}
.site-header::before{
display:none!important;
content:none!important;
}
.site-header-inner-v71{
width:min(1160px,calc(100% - 32px))!important;
max-width:1160px!important;
min-height:78px!important;
margin-inline:auto!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:20px!important;
}
/* The footer is also outside .site-shell. */
.site-footer-v52{
width:100%!important;
max-width:none!important;
margin:78px 0 0!important;
padding:0!important;
border:0!important;
border-top:1px solid rgba(130,170,210,.16)!important;
border-radius:0!important;
background:linear-gradient(180deg,rgba(16,29,45,.76),rgba(7,17,29,.58))!important;
box-shadow:none!important;
overflow:hidden!important;
}
.site-footer-v52::before{
display:none!important;
content:none!important;
}
body:not(.darkweb-body) .footer-inner-v52,
.footer-inner-v52{
width:min(1180px,calc(100% - 32px))!important;
max-width:1180px!important;
margin-inline:auto!important;
padding:30px 0 20px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
/* Stable mobile header grid with no horizontal carousel or blank cell. */
@media(max-width:860px){
.site-shell{
width:calc(100% - 18px)!important;
max-width:none!important;
}
.site-header{
min-height:0!important;
margin-bottom:18px!important;
border-radius:0!important;
}
.site-header-inner-v71,
.site-header .mobile-header-v74,
.site-header .mobile-header-top-v74,
.site-header .mobile-primary-nav-v74{
width:100%!important;
max-width:100%!important;
min-width:0!important;
}
.site-header-inner-v71{
margin:0!important;
}
.site-header .mobile-header-top-v74{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
gap:8px!important;
padding:9px 10px 8px!important;
}
.site-header .mobile-brand-v74{
min-width:0!important;
max-width:135px!important;
}
.site-header .mobile-brand-v74 strong{
max-width:86px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.site-header .mobile-header-actions-v74{
min-width:0!important;
max-width:100%!important;
}
.site-header .mobile-primary-nav-v74{
display:grid!important;
gap:5px!important;
padding:7px 8px 9px!important;
overflow:hidden!important;
border-top:1px solid rgba(255,255,255,.05)!important;
scroll-snap-type:none!important;
}
.site-header .mobile-primary-nav-v74 a{
width:100%!important;
min-width:0!important;
min-height:42px!important;
padding:7px 5px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
white-space:normal!important;
line-height:1.28!important;
font-size:11.8px!important;
}
.site-header .mobile-primary-nav-count-4{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.site-header .mobile-primary-nav-count-5{
grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.site-header .mobile-primary-nav-count-5>a:nth-child(-n+3){
grid-column:span 2!important;
}
.site-header .mobile-primary-nav-count-5>a:nth-child(n+4){
grid-column:span 3!important;
}
.site-header .mobile-primary-nav-count-6{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.site-footer-v52{
margin-top:48px!important;
}
body:not(.darkweb-body) .footer-inner-v52,
.footer-inner-v52{
width:calc(100% - 18px)!important;
max-width:none!important;
padding:24px 0 18px!important;
}
}
@media(max-width:390px){
.site-header .mobile-header-top-v74{
padding-inline:8px!important;
}
.site-header .mobile-brand-v74{
max-width:112px!important;
}
.site-header .mobile-action-v74{
padding-inline:6px!important;
font-size:11px!important;
}
.site-header .mobile-primary-nav-v74{
gap:4px!important;
padding-inline:6px!important;
}
.site-header .mobile-primary-nav-v74 a{
padding-inline:3px!important;
font-size:11px!important;
}
}
@media(max-width:340px){
.site-header .mobile-primary-nav-count-4,
.site-header .mobile-primary-nav-count-5,
.site-header .mobile-primary-nav-count-6{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.site-header .mobile-primary-nav-count-5>a,
.site-header .mobile-primary-nav-count-6>a{
grid-column:span 1!important;
}
.site-header .mobile-primary-nav-count-5>a:last-child{
grid-column:1/-1!important;
}
}
/* Small spacing under authentication submit buttons. */
.auth-card button[type="submit"] + a,
.auth-card .btn-primary + a{
display:inline-flex!important;
margin-top:16px!important;
line-height:1.8!important;
}
/* ===== v84 corporate page document-width guard =====
الحماية هنا للصفحة ومحتواها فقط، ولا تعدّل الهيدر. */
@media(max-width:860px){
.business-services-v2,
.business-services-v2 .site-shell,
.business-services-v2 .biz2-page{
max-width:100%!important;
min-width:0!important;
overscroll-behavior-x:none!important;
}
.business-services-v2 .biz2-page,
.business-services-v2 .biz2-page *{
min-width:0;
}
}
/* ===== v85 desktop header readability =====
Desktop/laptop only. Mobile header remains unchanged. */
@media (min-width:1001px){
.site-header{
min-height:92px!important;
margin-bottom:32px!important;
}
.site-header-inner-v71{
width:min(1280px,calc(100% - 48px))!important;
max-width:1280px!important;
min-height:92px!important;
gap:28px!important;
}
.site-header .brand{
gap:14px!important;
}
.site-header .brand-logo-v72{
width:68px!important;
height:68px!important;
min-width:68px!important;
flex:0 0 68px!important;
}
.site-header .brand-copy{
line-height:1.18!important;
}
.site-header .brand-copy strong{
font-size:1.22rem!important;
}
.site-header .brand-copy small{
margin-top:0!important;
font-size:.86rem!important;
}
.site-header .desktop-main-nav-v74{
gap:8px!important;
}
.site-header .desktop-main-nav-v74 a{
min-height:48px!important;
padding:12px 14px!important;
font-size:15.5px!important;
line-height:1.2!important;
}
}
/* Compact laptops keep the same clearer scale without crowding the menu. */
@media (min-width:861px) and (max-width:1000px){
.site-header{
min-height:84px!important;
margin-bottom:28px!important;
}
.site-header-inner-v71{
width:calc(100% - 24px)!important;
min-height:84px!important;
gap:14px!important;
}
.site-header .brand{
gap:10px!important;
}
.site-header .brand-logo-v72{
width:60px!important;
height:60px!important;
min-width:60px!important;
flex:0 0 60px!important;
}
.site-header .brand-copy strong{
font-size:1.12rem!important;
}
.site-header .brand-copy small{
margin-top:0!important;
font-size:.8rem!important;
}
.site-header .desktop-main-nav-v74{
gap:3px!important;
}
.site-header .desktop-main-nav-v74 a{
min-height:44px!important;
padding:10px 8px!important;
font-size:13.5px!important;
}
}
/* ===== v86 mobile intro rhythm + polished authentication actions ===== */
.auth-card{
position:relative;
overflow:hidden;
}
.auth-card::before{
content:"";
position:absolute;
inset:0 0 auto;
height:3px;
background:linear-gradient(90deg,#21d4a8 0%,#5b7cfa 48%,#7c5cff 100%);
opacity:.9;
}
.auth-card .auth-submit-v86{
width:100%;
min-height:52px;
margin-top:8px;
}
.auth-links-v86{
display:grid;
grid-template-columns:1fr;
gap:10px;
margin-top:14px;
}
.auth-links-split-v86{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.auth-link-v86{
min-height:48px;
padding:11px 14px;
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
border:1px solid rgba(255,255,255,.11);
border-radius:14px;
color:#dceaff!important;
background:rgba(255,255,255,.045);
font-size:14px;
font-weight:800;
line-height:1.4;
transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.auth-link-v86:hover,
.auth-link-v86:focus-visible{
transform:translateY(-1px);
color:#fff!important;
border-color:rgba(124,92,255,.34);
background:rgba(124,92,255,.10);
box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.auth-link-accent-v86{
border-color:rgba(124,92,255,.30);
background:linear-gradient(135deg,rgba(124,92,255,.17),rgba(91,124,250,.10));
}
.auth-link-muted-v86{
color:#bdd0e5!important;
}
.auth-card input:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus{
outline:none;
border-color:rgba(124,92,255,.58)!important;
box-shadow:0 0 0 4px rgba(124,92,255,.11)!important;
}
@media(max-width:860px){
/* Let the first page section start near the mobile header without looking cramped. */
.site-header{
margin-bottom:0!important;
}
.home-featured-hero{
padding:12px 0 50px!important;
gap:24px!important;
}
.home-featured-copy{
padding:4px 0 0!important;
}
.home-featured-copy>.eyebrow{
margin-bottom:12px!important;
}
.sales-hero,
.hero-section{
padding-top:14px!important;
}
.page-main{
padding-top:14px!important;
}
.page-main>.section-head:first-child,
main>.section:first-child,
.section-head.compact{
padding-top:4px!important;
}
.checkout-page-v17,
.checkout-page-v19{
padding-top:12px!important;
}
.auth-page{
min-height:auto!important;
padding:18px 0 48px!important;
place-items:start center!important;
}
.auth-card{
width:min(520px,100%)!important;
padding:24px 20px!important;
border-radius:24px!important;
}
.auth-links-split-v86{
grid-template-columns:1fr;
}
.auth-link-v86{
min-height:50px;
}
}
@media(max-width:430px){
.home-featured-hero{
padding-top:8px!important;
}
.home-featured-copy{
padding-top:0!important;
}
.home-featured-copy>.eyebrow{
margin-bottom:10px!important;
}
.page-main,
.sales-hero,
.hero-section{
padding-top:10px!important;
}
.auth-page{
padding-top:12px!important;
}
.auth-card{
padding:22px 16px!important;
}
}
/* ===== v80 lightweight analytics + clearer admin actions ===== */
.admin-content .inline-actions{
align-items:center;
}
.admin-content .inline-actions form{
margin:0;
display:inline-flex;
}
.admin-action-v80,
.admin-content .inline-actions>a,
.admin-content .inline-actions>form>button,
.admin-content td.inline-actions>a,
.admin-content td.inline-actions>form>button{
min-height:42px;
padding:10px 14px!important;
border-radius:13px!important;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.055);
color:#f4f8ff!important;
font-weight:900;
line-height:1.2;
white-space:nowrap;
cursor:pointer;
}
.admin-action-v80:hover,
.admin-content .inline-actions>a:hover,
.admin-content .inline-actions>form>button:hover{
transform:translateY(-1px);
background:rgba(124,92,255,.15)!important;
border-color:rgba(124,92,255,.30)!important;
}
.admin-action-primary-v80{
background:linear-gradient(135deg,#7c5cff,#5b7cfa)!important;
border-color:rgba(124,92,255,.42)!important;
box-shadow:0 10px 24px rgba(91,124,250,.20);
}
.admin-action-view-v80{
background:rgba(33,212,168,.10)!important;
border-color:rgba(33,212,168,.25)!important;
color:#cffff3!important;
}
.admin-action-danger-v80,
.admin-content .inline-actions>form>button.danger{
background:rgba(255,82,105,.10)!important;
border-color:rgba(255,82,105,.26)!important;
color:#ffc2ca!important;
}
.admin-action-danger-v80:hover,
.admin-content .inline-actions>form>button.danger:hover{
background:rgba(255,82,105,.17)!important;
border-color:rgba(255,82,105,.38)!important;
}
.admin-content .stats-grid{
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.admin-ability-panel{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.admin-dashboard-analytics-v80{
flex:0 0 auto;
}
.analytics-admin-v80{
display:grid;
gap:18px;
}
.analytics-head-v80{
align-items:flex-start;
}
.analytics-kicker-v80{
display:inline-flex;
padding:7px 11px;
margin-bottom:8px;
border-radius:999px;
color:#cfc7ff;
background:rgba(124,92,255,.12);
border:1px solid rgba(124,92,255,.22);
font-weight:900;
font-size:13px;
}
.analytics-periods-v80{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.analytics-periods-v80 a{
padding:10px 14px;
border-radius:13px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.045);
color:#cbd9e8;
font-weight:900;
}
.analytics-periods-v80 a.active,
.analytics-periods-v80 a:hover{
color:#fff;
background:linear-gradient(135deg,rgba(124,92,255,.28),rgba(91,124,250,.18));
border-color:rgba(124,92,255,.35);
}
.analytics-stats-v80{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
}
.analytics-stats-v80 article{
min-width:0;
padding:19px;
border-radius:22px;
background:linear-gradient(180deg,rgba(20,38,62,.88),rgba(8,20,36,.94));
border:1px solid rgba(124,92,255,.16);
box-shadow:0 16px 46px rgba(0,0,0,.20);
}
.analytics-stats-v80 span,
.analytics-stats-v80 small{
display:block;
color:#9eb5ca;
}
.analytics-stats-v80 span{
font-weight:850;
}
.analytics-stats-v80 strong{
display:block;
margin:7px 0 4px;
font-size:clamp(27px,3vw,42px);
color:#fff;
}
.analytics-stats-v80 small{
font-size:12px;
line-height:1.55;
}
.analytics-summary-grid-v80{
display:grid;
grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);
gap:16px;
}
.analytics-chart-card-v80,
.analytics-conversion-card-v80,
.analytics-list-card-v80{
padding:22px;
}
.analytics-card-head-v80{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
}
.analytics-card-head-v80 h2,
.analytics-conversion-card-v80 h2{
margin:0 0 6px;
font-size:24px;
}
.analytics-card-head-v80 p{
margin:0;
color:#9eb5ca;
}
.analytics-card-head-v80>span{
flex:0 0 auto;
padding:8px 11px;
border-radius:999px;
background:rgba(33,212,168,.10);
border:1px solid rgba(33,212,168,.20);
color:#bff7e9;
font-weight:900;
}
.analytics-bars-v80{
height:260px;
margin-top:24px;
padding-top:12px;
display:flex;
align-items:flex-end;
gap:4px;
border-bottom:1px solid rgba(255,255,255,.10);
background:repeating-linear-gradient(to top,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 25%);
}
.analytics-bar-item-v80{
height:100%;
flex:1 1 0;
min-width:3px;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
gap:7px;
}
.analytics-bar-v80{
width:min(18px,82%);
min-height:3px;
border-radius:8px 8px 2px 2px;
background:linear-gradient(180deg,#21d4a8,#5b7cfa 54%,#7c5cff);
box-shadow:0 0 20px rgba(91,124,250,.18);
}
.analytics-bar-item-v80 small{
height:18px;
color:#7f99b2;
font-size:10px;
white-space:nowrap;
}
.analytics-conversion-card-v80{
display:flex;
flex-direction:column;
}
.analytics-conversion-row-v80{
display:flex;
justify-content:space-between;
gap:12px;
padding:15px 0;
border-bottom:1px solid rgba(255,255,255,.075);
}
.analytics-conversion-row-v80 span{color:#a9bed2}
.analytics-conversion-row-v80 strong{font-size:20px;color:#fff}
.analytics-note-v80{
margin:auto 0 0;
padding-top:16px;
color:#8fa7be;
line-height:1.7;
font-size:13px;
}
.analytics-details-grid-v80{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}
.analytics-ranked-list-v80{
display:grid;
gap:8px;
margin-top:16px;
}
.analytics-ranked-list-v80>div{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding:12px 13px;
border-radius:15px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.055);
}
.analytics-ranked-list-v80 span{
min-width:0;
display:grid;
gap:3px;
}
.analytics-ranked-list-v80 b{
overflow-wrap:anywhere;
}
.analytics-ranked-list-v80 small{
color:#7892aa;
direction:ltr;
text-align:left;
overflow-wrap:anywhere;
}
.analytics-ranked-list-v80 strong{
flex:0 0 auto;
min-width:48px;
padding:7px 10px;
text-align:center;
border-radius:999px;
background:rgba(124,92,255,.12);
color:#ded8ff;
}
.analytics-privacy-v80{
padding:18px 20px;
border-color:rgba(33,212,168,.16)!important;
}
.analytics-privacy-v80 strong{color:#cafff2}
.analytics-privacy-v80 p{margin:7px 0 0;line-height:1.8;color:#a9bed2}
@media(max-width:1180px){
.analytics-stats-v80{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
.analytics-summary-grid-v80,
.analytics-details-grid-v80{grid-template-columns:1fr}
.analytics-bars-v80{height:220px}
.admin-ability-panel{align-items:stretch;flex-direction:column}
.admin-dashboard-analytics-v80{width:100%}
}
@media(max-width:600px){
.analytics-stats-v80{grid-template-columns:repeat(2,minmax(0,1fr))}
.analytics-stats-v80 article{padding:15px}
.analytics-card-head-v80{display:grid}
.analytics-bars-v80{gap:2px;height:190px}
.analytics-bar-v80{width:72%}
.admin-content .inline-actions{
display:grid;
grid-template-columns:1fr;
width:100%;
}
.admin-content .inline-actions>a,
.admin-content .inline-actions>form,
.admin-content .inline-actions>form>button{
width:100%;
}
}
/* ===== v81 clearer roles, analytics cleanup, upload measurements ===== */
.admin-role-cell-v81{
min-width:170px;
}
.admin-role-select-v81{
width:100%!important;
min-width:150px!important;
height:48px;
padding:0 16px!important;
border-radius:15px!important;
border:1px solid rgba(91,124,250,.38)!important;
background:linear-gradient(180deg,rgba(17,38,67,.98),rgba(5,20,40,.98))!important;
color:#fff!important;
font-weight:900!important;
font-size:15px!important;
line-height:1.2;
cursor:pointer;
color-scheme:dark;
}
.admin-role-select-v81:hover,
.admin-role-select-v81:focus{
border-color:rgba(124,92,255,.70)!important;
box-shadow:0 0 0 3px rgba(124,92,255,.13)!important;
}
.admin-role-select-v81 option{
background:#071a34;
color:#fff;
}
.analytics-cleanup-v81{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding:22px;
border-color:rgba(255,82,105,.20)!important;
background:linear-gradient(135deg,rgba(255,82,105,.075),rgba(8,20,36,.94))!important;
}
.analytics-cleanup-v81 h2{
margin:7px 0 7px;
font-size:22px;
}
.analytics-cleanup-v81 p{
margin:0;
color:#a9bed2;
line-height:1.75;
max-width:780px;
}
.analytics-cleanup-kicker-v81{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
color:#ffc2ca;
background:rgba(255,82,105,.10);
border:1px solid rgba(255,82,105,.22);
font-size:12px;
font-weight:900;
}
.analytics-cleanup-v81 form{
flex:0 0 auto;
margin:0;
}
.analytics-delete-button-v81{
min-height:48px;
padding:12px 17px!important;
border-radius:14px!important;
font:inherit;
font-weight:900!important;
cursor:pointer;
}
.upload-specs-v81{
display:grid;
gap:5px;
margin:10px 0 14px;
padding:15px 17px;
border-radius:17px;
background:linear-gradient(135deg,rgba(91,124,250,.11),rgba(33,212,168,.055));
border:1px solid rgba(91,124,250,.22);
}
.upload-specs-v81 strong{
color:#fff;
font-size:15px;
}
.upload-specs-v81 span{
color:#cfc7ff;
font-weight:900;
direction:ltr;
text-align:right;
}
.upload-specs-v81 small{
color:#9eb5ca;
line-height:1.75;
}
@media(max-width:850px){
.analytics-cleanup-v81{
align-items:stretch;
flex-direction:column;
}
.analytics-cleanup-v81 form,
.analytics-delete-button-v81{
width:100%;
}
}
/* ===== v91 featured-book points: match the books catalog list ===== */
.home-featured-points-v91{
margin:25px 0;
gap:8px;
}
.home-featured-points-v91 li{
padding:6px 0;
color:#d7e9fb;
font-size:19px;
line-height:1.65;
}
@media(max-width:620px){
.home-featured-points-v91{
margin:20px 0;
gap:7px;
}
.home-featured-points-v91 li{
padding:5px 0;
font-size:17px;
line-height:1.6;
}
}
/* ===== v83 people-first analytics + separate preview uploads + dark high-quality preview ===== */
.analytics-admin-v82{display:grid;gap:18px}
.analytics-people-hero-v82{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:14px}
.analytics-total-people-v82,.analytics-person-card-v82,.analytics-secondary-stats-v82 article{border:1px solid rgba(124,92,255,.17);background:linear-gradient(180deg,rgba(20,38,62,.92),rgba(7,18,34,.97));box-shadow:0 18px 52px rgba(0,0,0,.22)}
.analytics-total-people-v82{padding:25px;border-radius:26px;display:flex;flex-direction:column;justify-content:center;min-height:205px;background:radial-gradient(circle at 20% 10%,rgba(91,124,250,.22),transparent 55%),linear-gradient(160deg,rgba(18,42,72,.98),rgba(5,17,32,.98))}
.analytics-total-people-v82 span{color:#a9c2da;font-weight:900}
.analytics-total-people-v82 strong{font-size:clamp(48px,7vw,82px);line-height:1;margin:13px 0 10px;color:#fff}
.analytics-total-people-v82 small{color:#829db7;line-height:1.6}
.analytics-person-types-v82{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.analytics-person-card-v82{padding:18px;border-radius:22px;display:grid;gap:11px}
.analytics-person-card-v82>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.analytics-person-card-v82 span{color:#b9cce0;font-weight:900}
.analytics-person-card-v82 strong{font-size:30px;color:#fff}
.analytics-person-card-v82 small{color:#839db6;line-height:1.55}
.analytics-person-meter-v82{height:7px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden}
.analytics-person-meter-v82 i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#5b7cfa,#7c5cff)}
.analytics-person-card-v82.is-buyer .analytics-person-meter-v82 i{background:linear-gradient(90deg,#21d4a8,#5b7cfa)}
.analytics-person-card-v82.is-diamond .analytics-person-meter-v82 i{background:linear-gradient(90deg,#a974ff,#61c7ff)}
.analytics-person-card-v82.is-visitor .analytics-person-meter-v82 i{background:linear-gradient(90deg,#7290af,#5b7cfa)}
.analytics-secondary-stats-v82{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.analytics-secondary-stats-v82 article{padding:17px;border-radius:20px;min-width:0}
.analytics-secondary-stats-v82 span,.analytics-secondary-stats-v82 small{display:block;color:#8ea8c0}
.analytics-secondary-stats-v82 span{font-weight:850}
.analytics-secondary-stats-v82 strong{display:block;margin:7px 0 3px;color:#fff;font-size:clamp(25px,3vw,36px)}
.analytics-secondary-stats-v82 small{font-size:11px;line-height:1.5}
.analytics-summary-grid-v82{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr)}
.analytics-reading-v82 .analytics-note-v80{margin-top:auto}
.analytics-demand-card-v82{padding:22px}
.analytics-demand-table-v82{display:grid;margin-top:17px;border:1px solid rgba(255,255,255,.075);border-radius:18px;overflow:hidden}
.analytics-demand-head-v82,.analytics-demand-row-v82{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:12px;align-items:center;padding:12px 15px}
.analytics-demand-head-v82{background:rgba(91,124,250,.10);color:#9eb5ca;font-size:13px;font-weight:900}
.analytics-demand-row-v82{border-top:1px solid rgba(255,255,255,.065)}
.analytics-demand-row-v82>span{display:grid;gap:3px;min-width:0}
.analytics-demand-row-v82 b{overflow-wrap:anywhere;color:#edf6ff}
.analytics-demand-row-v82 small{color:#6f8ca7;direction:ltr;text-align:left;overflow-wrap:anywhere}
.analytics-demand-row-v82 strong,.analytics-demand-row-v82 em{text-align:center;font-style:normal;font-weight:900}
.analytics-demand-row-v82 strong{color:#bff7e9;font-size:18px}
.analytics-demand-row-v82 em{color:#9fb5cb}
.analytics-details-secondary-v82{grid-template-columns:repeat(2,minmax(0,1fr))}
.analytics-cleanup-actions-v82{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.analytics-cleanup-actions-v82 form{margin:0}
.preview-upload-head-v83{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 12px}
.preview-upload-head-v83>div{display:grid;gap:5px}
.preview-upload-head-v83 strong{color:#fff;font-size:18px}
.preview-upload-head-v83 small{color:#8ea9c2;line-height:1.6}
.preview-add-slot-v83{flex:0 0 auto;padding:11px 15px!important}
.preview-upload-slots-v83{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-form label.preview-upload-slot-v83{margin:0;padding:15px;border-radius:18px;background:linear-gradient(145deg,rgba(91,124,250,.095),rgba(2,14,30,.55));border:1px solid rgba(91,124,250,.18);display:grid;gap:12px}
.preview-upload-slot-v83>span{display:grid;gap:3px}
.preview-upload-slot-v83 b{color:#eef6ff}
.preview-upload-slot-v83 small{color:#7895af;font-weight:700}
.preview-upload-slot-v83 input[type=file]{min-height:52px;background:#06172c!important;border-style:dashed!important;border-color:rgba(126,181,240,.28)!important}
.preview-upload-slot-v83:focus-within{border-color:rgba(124,92,255,.55);box-shadow:0 0 0 3px rgba(124,92,255,.10)}
.upload-specs-quality-v83 span{color:#aeeadb}
.preview-admin-item .preview-replace-v83{grid-column:span 1;margin:0!important;padding:10px;border-radius:13px;background:rgba(91,124,250,.07);border:1px solid rgba(91,124,250,.14)}
.preview-replace-v83 input[type=file]{margin-top:5px;min-height:48px;background:#06172c!important;border-style:dashed!important}
.preview-replace-v83 small{color:#7895af;font-weight:700;line-height:1.5}
/* The preview surrounding area now uses the exact dark palette of the site instead of white paper. */
.preview-page-card img,.open-book-page,.preview-lightbox img,.card-preview-page-frame,.card-preview-page-frame img{
background:radial-gradient(circle at top right,rgba(79,163,255,.18),transparent 34%),linear-gradient(135deg,#020814 0%,#07111f 45%,#001b3d 100%)!important;
}
.open-book-page{aspect-ratio:3/4;box-shadow:inset 0 0 0 1px rgba(126,181,240,.12),inset 0 0 35px rgba(0,0,0,.24)}
.open-book-page:hover{filter:brightness(1.05)}
.open-book-page-empty{color:#8ba6c1}
.open-book-edge{background:repeating-linear-gradient(0deg,#07111f 0 2px,#0b2445 2px 3px)!important}
.open-book-gutter{background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(91,124,250,.14) 49%,rgba(0,0,0,.42))!important}
.page-number{color:#dcecff;background:rgba(2,8,20,.80);border:1px solid rgba(255,255,255,.09)}
.preview-lightbox{background:radial-gradient(circle at 50% 15%,rgba(79,163,255,.16),transparent 38%),linear-gradient(135deg,rgba(2,8,20,.985),rgba(7,17,31,.99) 48%,rgba(0,27,61,.985));padding:16px}
.preview-lightbox img{max-width:min(96vw,1200px);max-height:94vh;object-fit:contain;border:1px solid rgba(126,181,240,.18);box-shadow:0 34px 120px rgba(0,0,0,.72);image-rendering:auto}
.card-preview-page-frame{background:radial-gradient(circle at 50% 18%,rgba(79,163,255,.15),transparent 48%),linear-gradient(135deg,#020814,#07111f 55%,#001b3d)!important;box-shadow:0 20px 52px rgba(0,0,0,.48),inset 0 0 0 1px rgba(126,181,240,.12)!important}
.card-preview-page-frame:before{background:linear-gradient(90deg,rgba(0,0,0,.30),transparent 9%,transparent 91%,rgba(0,0,0,.24))!important}
.card-preview-paper-edge{display:none!important}
.card-preview-page-frame img{border:1px solid rgba(126,181,240,.12)!important;box-shadow:0 12px 30px rgba(0,0,0,.38)!important;image-rendering:auto}
@media(max-width:1180px){
.analytics-secondary-stats-v82{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
.analytics-people-hero-v82,.analytics-summary-grid-v82{grid-template-columns:1fr}
.analytics-cleanup-actions-v82{justify-content:stretch}
.analytics-cleanup-actions-v82 form,.analytics-cleanup-actions-v82 button{width:100%}
}
@media(max-width:650px){
.analytics-person-types-v82,.analytics-secondary-stats-v82,.preview-upload-slots-v83{grid-template-columns:1fr}
.analytics-demand-head-v82,.analytics-demand-row-v82{grid-template-columns:minmax(0,1fr) 70px 70px;padding:11px 10px;gap:7px}
.analytics-demand-head-v82 span:nth-child(2){font-size:0}.analytics-demand-head-v82 span:nth-child(2):after{content:'أشخاص';font-size:11px}
.analytics-demand-head-v82 span:nth-child(3){font-size:0}.analytics-demand-head-v82 span:nth-child(3):after{content:'فتح';font-size:11px}
.preview-upload-head-v83{align-items:stretch;flex-direction:column}
.preview-add-slot-v83{width:100%}
.preview-lightbox{padding:10px}
.preview-lightbox img{max-width:98vw;max-height:92vh}
}
/* ===== v92 mobile preview fit + original-image clarity ===== */
/* Keep every uploaded preview page visible in full. The original upload is
served directly; CSS no longer crops pages whose ratio differs from 3:4. */
.open-book-page img,
.card-preview-page-frame img,
.preview-lightbox img{
object-fit:contain!important;
object-position:center center!important;
image-rendering:auto!important;
}
.open-book-page img{
width:100%!important;
height:100%!important;
}
/* Preserve the complete cover instead of cutting taller or narrower artwork. */
.book-mockup .book-front img,
.book-cover-img{
object-fit:contain!important;
object-position:center center!important;
image-rendering:auto!important;
background:linear-gradient(145deg,#020814,#07111f 55%,#001b3d)!important;
}
.book-mockup .book-front{
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
@media(max-width:620px){
/* The mobile reader is a clean single page. Remove decorative edges that
could extend outside the available width and make the page look clipped. */
.virtual-book{
padding:13px!important;
overflow:hidden;
}
.virtual-book-opened,
.preview-spreads,
.preview-spread,
.open-book-scene{
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
.preview-spreads{
min-height:0!important;
}
.open-book-scene{
display:block!important;
margin:0 auto!important;
padding:0!important;
filter:drop-shadow(0 22px 28px rgba(0,0,0,.34));
}
.open-book-page-right{
display:grid!important;
width:100%!important;
max-width:430px!important;
margin:0 auto!important;
aspect-ratio:3/4!important;
border-radius:16px!important;
transform:none!important;
clip-path:none!important;
}
.open-book-page-right:hover{
transform:none!important;
}
.open-book-edge,
.open-book-gutter{
display:none!important;
}
.page-number{
inset-inline-end:9px!important;
bottom:9px!important;
padding:4px 8px!important;
font-size:11px!important;
}
.preview-lightbox{
padding:10px!important;
}
.preview-lightbox img{
width:auto!important;
height:auto!important;
max-width:calc(100vw - 20px)!important;
max-height:calc(100dvh - 20px)!important;
border-radius:12px!important;
}
/* Inline card previews also keep the whole page inside their frame. */
.card-preview-page-frame{
padding:8px!important;
}
.card-preview-page-frame img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
}
/* Reduce perspective rasterisation on small screens for a crisper cover. */
.book-mockup .book-front{
transform:rotateY(-5deg) rotateZ(.2deg)!important;
}
.book-link:hover .book-front,
.book-mockup:hover .book-front{
transform:rotateY(-3deg)!important;
}
}
/* ===== v93 mobile homepage copy rhythm + full inline preview ===== */
@media (max-width:620px){
/* Give the featured label a little more breathing room below the mobile header. */
.home-featured-hero{
padding-top:20px!important;
gap:26px!important;
}
.home-featured-copy{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
padding-top:0!important;
text-align:center!important;
}
.home-featured-copy>.eyebrow{
margin:0 auto 15px!important;
}
.home-featured-copy h1{
width:min(100%,360px)!important;
margin:0 auto 17px!important;
font-size:clamp(29px,8.2vw,34px)!important;
line-height:1.24!important;
letter-spacing:-.035em!important;
text-align:center!important;
text-wrap:balance;
}
.home-featured-copy h1>span{
display:inline;
}
.home-featured-copy h1>.courses-gradient-text-v71{
display:block!important;
margin-top:3px;
}
.home-featured-intro{
width:min(100%,350px)!important;
max-width:350px!important;
margin:0 auto!important;
font-size:17px!important;
line-height:1.9!important;
text-align:center!important;
text-wrap:pretty;
}
.home-featured-points-v91{
width:min(100%,340px)!important;
margin:20px auto!important;
text-align:right!important;
}
.home-featured-points-v91 li{
font-size:16.5px!important;
line-height:1.55!important;
padding:5px 0!important;
}
.home-featured-price,
.home-featured-copy .hero-actions,
.home-featured-copy .trust-bar{
align-self:stretch;
}
/* On phones the reader participates in layout instead of being squeezed
into the fixed-height cover card. This keeps the page and lower actions visible. */
.featured-book-stage.card-book-preview.is-previewing{
display:block!important;
min-height:0!important;
height:auto!important;
}
.featured-book-stage.card-book-preview.is-previewing .card-preview-reader-featured{
position:relative!important;
inset:auto!important;
width:100%!important;
height:auto!important;
min-height:0!important;
grid-template-rows:auto auto auto!important;
gap:12px!important;
padding:14px!important;
}
.card-preview-reader-featured .card-preview-page-frame{
width:100%!important;
max-width:100%!important;
min-height:0!important;
height:auto!important;
aspect-ratio:3/4!important;
padding:8px!important;
}
.card-preview-reader-featured .card-preview-page-frame img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
}
.card-preview-reader-featured .card-preview-controls{
top:50%!important;
}
.card-preview-reader-featured .card-preview-links{
min-height:42px;
padding-bottom:1px;
}
}
/* ===== v94 mobile accent alignment + all-book inline previews ===== */
@media (max-width:620px){
/* Keep the highlighted ending on its own line, but anchor it to the RTL edge
instead of centering it. The short underline gives the line a deliberate
visual finish without turning it into another badge. */
.home-featured-copy h1>.courses-gradient-text-v71{
display:block!important;
position:relative!important;
width:fit-content!important;
max-width:100%!important;
margin:8px 0 0 auto!important;
padding:0 12px 7px 0!important;
text-align:right!important;
line-height:1.2!important;
}
.home-featured-copy h1>.courses-gradient-text-v71:after{
content:"";
position:absolute;
right:0;
bottom:0;
width:min(78%,190px);
height:3px;
border-radius:999px;
background:linear-gradient(90deg,transparent,rgba(116,220,222,.55),rgba(141,103,255,.92));
box-shadow:0 0 16px rgba(112,156,255,.25);
}
/* Apply the successful featured-book mobile reader behavior to every other
book card on both the homepage and the books catalogue. */
.secondary-book-media.card-book-preview.is-previewing,
.catalog-card-media.card-book-preview.is-previewing{
display:block!important;
width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
overflow:hidden!important;
}
.secondary-book-media.card-book-preview.is-previewing .card-preview-reader-secondary,
.catalog-card-media.card-book-preview.is-previewing .card-preview-reader-catalog{
position:relative!important;
inset:auto!important;
width:100%!important;
height:auto!important;
min-height:0!important;
display:grid!important;
grid-template-rows:auto auto!important;
gap:11px!important;
padding:12px!important;
}
.card-preview-reader-secondary .card-preview-page-frame,
.card-preview-reader-catalog .card-preview-page-frame{
width:100%!important;
max-width:330px!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
aspect-ratio:3/4!important;
margin:0 auto!important;
padding:8px!important;
}
.card-preview-reader-secondary .card-preview-page-frame img,
.card-preview-reader-catalog .card-preview-page-frame img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
}
.card-preview-reader-secondary .card-preview-controls,
.card-preview-reader-catalog .card-preview-controls{
top:52%!important;
}
.secondary-book-media.card-book-preview.is-previewing + .secondary-book-copy,
.catalog-card-media.card-book-preview.is-previewing + .catalog-card-copy-v12{
position:relative!important;
z-index:1!important;
}
}
/* ===== v95 mobile RTL accent + reliable previews for every book ===== */
@media (max-width:620px){
/* The highlighted ending remains on its own line, but now occupies the
title width and is anchored unmistakably to the RTL/start edge. */
.home-featured-copy h1>.courses-gradient-text-v71{
display:block!important;
width:100%!important;
max-width:none!important;
margin:8px 0 0!important;
padding:0 10px 7px 0!important;
direction:rtl!important;
text-align:right!important;
box-sizing:border-box!important;
}
.home-featured-copy h1>.courses-gradient-text-v71:after{
right:10px!important;
left:auto!important;
width:min(72%,190px)!important;
}
/* Once a compact book preview is opened, remove the hidden cover from
document flow. Keeping it in flow produced the large empty block seen
above the reader on phones. */
.secondary-book-media.card-book-preview.is-previewing>.card-preview-cover,
.catalog-card-media.card-book-preview.is-previewing>.card-preview-cover{
display:none!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
}
.secondary-book-media.card-book-preview.is-previewing,
.catalog-card-media.card-book-preview.is-previewing{
display:block!important;
height:auto!important;
min-height:0!important;
overflow:hidden!important;
}
.secondary-book-media.card-book-preview.is-previewing>.card-preview-reader-secondary,
.catalog-card-media.card-book-preview.is-previewing>.card-preview-reader-catalog{
position:relative!important;
inset:auto!important;
display:grid!important;
width:100%!important;
height:auto!important;
min-height:0!important;
margin:0!important;
grid-template-rows:auto auto!important;
align-content:start!important;
}
}
/* ===== v96 mobile full headline RTL alignment ===== */
@media (max-width:620px){
/* Align the complete featured headline — white and highlighted parts —
to the Arabic reading edge. Preview styles remain untouched. */
.home-featured-copy h1{
align-self:flex-end!important;
width:min(100%,360px)!important;
margin:0 0 17px auto!important;
direction:rtl!important;
text-align:right!important;
unicode-bidi:plaintext!important;
text-wrap:initial!important;
}
.home-featured-copy h1>span:first-child{
display:block!important;
width:100%!important;
direction:rtl!important;
text-align:right!important;
}
.home-featured-copy h1>.courses-gradient-text-v71{
display:block!important;
width:100%!important;
margin:8px 0 0!important;
direction:rtl!important;
text-align:right!important;
}
}
/* ===== v97 mobile headline: one continuous RTL flow ===== */
@media (max-width:620px){
/* Keep the full headline — white and gradient words — in one natural Arabic
text flow. This lets words such as "وكيف" stay with the preceding line
whenever there is room, instead of forcing the coloured ending to a new row. */
.home-featured-copy h1{
align-self:stretch!important;
width:100%!important;
max-width:100%!important;
margin:0 0 17px!important;
padding:0!important;
direction:rtl!important;
text-align:right!important;
unicode-bidi:plaintext!important;
text-wrap:pretty!important;
line-height:1.28!important;
}
.home-featured-copy h1>span,
.home-featured-copy h1>span:first-child,
.home-featured-copy h1>.courses-gradient-text-v71{
display:inline!important;
width:auto!important;
max-width:none!important;
margin:0!important;
padding:0!important;
position:static!important;
direction:rtl!important;
text-align:inherit!important;
line-height:inherit!important;
box-sizing:content-box!important;
}
.home-featured-copy h1>.courses-gradient-text-v71:after{
content:none!important;
display:none!important;
}
}
/* ===== v98 feature checklist cards + Arabic right-to-left book opening ===== */
/* Reusable feature cards: the same visual language is used in the featured
book and in every book card on the homepage/catalogue. */
.feature-check-cards-v98{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px!important;
width:100%;
margin:18px 0!important;
padding:0!important;
direction:rtl;
}
.feature-check-cards-v98 li{
position:relative;
min-width:0;
min-height:62px;
margin:0!important;
padding:14px 15px!important;
display:flex!important;
align-items:center;
justify-content:flex-start;
gap:10px;
border:1px solid rgba(126,181,240,.16);
border-radius:19px;
background:
linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),
rgba(4,17,34,.72);
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.12);
color:#f1f7ff!important;
font-size:15.5px;
font-weight:900;
line-height:1.5;
text-align:right;
}
.feature-check-cards-v98 li:before{
content:"✓"!important;
width:28px;
height:28px;
flex:0 0 28px;
margin:0!important;
display:grid;
place-items:center;
border-radius:50%;
background:linear-gradient(145deg,rgba(79,163,255,.30),rgba(79,163,255,.12));
border:1px solid rgba(126,197,255,.18);
color:#69b9ff!important;
font-size:18px;
font-weight:1000;
line-height:1;
box-shadow:0 6px 16px rgba(14,91,172,.16);
}
.feature-check-cards-v98 li:hover{
border-color:rgba(126,181,240,.29);
background:
linear-gradient(145deg,rgba(91,124,250,.13),rgba(255,255,255,.03)),
rgba(4,17,34,.78);
transform:translateY(-1px);
}
.feature-check-cards-v98 li:last-child:nth-child(odd){
grid-column:1/-1;
}
.catalog-card-copy-v12 .feature-check-cards-v98{
grid-template-columns:1fr;
gap:9px!important;
margin:12px 0!important;
}
.catalog-card-copy-v12 .feature-check-cards-v98 li{
min-height:54px;
padding:11px 13px!important;
font-size:14px;
}
.secondary-book-copy .feature-check-cards-v98{
margin-block:12px!important;
}
/* The spread itself uses physical left/right placement. The site is RTL, so
explicitly setting this scene to LTR keeps page 1 on the physical right and
page 2 on the physical left, as an Arabic book should open. */
.open-book-scene{
direction:ltr!important;
}
.preview-spread.turn-forward .open-book-scene{
transform-origin:right center;
}
.preview-spread.turn-back .open-book-scene{
transform-origin:left center;
}
/* A right-to-left book advances toward the left. */
.card-preview-page-frame img{
transform-origin:left center;
}
@keyframes cardPageForward{
from{opacity:.35;transform:perspective(1000px) rotateY(18deg) translateX(12px)}
to{opacity:1;transform:none}
}
@keyframes cardPageBack{
from{opacity:.35;transform:perspective(1000px) rotateY(-18deg) translateX(-12px)}
to{opacity:1;transform:none}
}
@media(max-width:760px){
.feature-check-cards-v98{
grid-template-columns:1fr;
gap:9px!important;
}
.feature-check-cards-v98 li:last-child:nth-child(odd){
grid-column:auto;
}
}
@media(max-width:620px){
.home-featured-copy .feature-check-cards-v98{
width:100%!important;
max-width:none!important;
margin:20px 0!important;
}
.feature-check-cards-v98 li{
min-height:56px;
padding:12px 13px!important;
font-size:15px!important;
}
.feature-check-cards-v98 li:before{
width:27px;
height:27px;
flex-basis:27px;
}
}
/* ===== v99 Arabic closed-book mockup direction ===== */
/* Arabic books open from right to left, so the visible spine belongs on the
physical right edge while the page block is visible on the left. */
.book-mockup .book-front{
inset:0 14px 0 8px!important;
border-radius:10px 3px 3px 10px!important;
transform-origin:right center!important;
}
.book-mockup .book-front:after{
background:linear-gradient(270deg,rgba(255,255,255,.08),transparent 16%,transparent 82%,rgba(0,0,0,.16))!important;
}
.book-mockup .book-spine{
left:auto!important;
right:0!important;
border-radius:0 4px 4px 0!important;
background:linear-gradient(270deg,#020611,#0b2e61 62%,#071a36)!important;
box-shadow:inset -1px 0 rgba(255,255,255,.11),4px 5px 12px rgba(0,0,0,.28)!important;
}
.book-mockup .book-pages{
right:auto!important;
left:0!important;
border-radius:5px 0 0 5px!important;
box-shadow:inset 2px 0 4px rgba(0,0,0,.18)!important;
}
.book-mockup .book-shadow{
left:2%!important;
right:8%!important;
}
@media(max-width:620px){
.book-mockup .book-front{
transform:rotateY(5deg) rotateZ(-.2deg)!important;
}
.book-link:hover .book-front,
.book-mockup:hover .book-front{
transform:rotateY(3deg)!important;
}
}
/* ===== v100 Arabic opening direction + stronger 3D mockup ===== */
/* Make the closed cover feel more like a physical 3D Arabic book. */
.book-mockup{
perspective:2200px!important;
transform-style:preserve-3d!important;
}
.book-mockup .book-front{
inset:0 16px 0 10px!important;
border-radius:12px 4px 4px 12px!important;
transform:perspective(1800px) rotateY(-18deg) rotateZ(-.45deg)!important;
transform-origin:right center!important;
box-shadow:
0 30px 56px rgba(0,0,0,.50),
18px 0 28px rgba(0,0,0,.18),
inset 0 0 0 1px rgba(255,255,255,.11),
inset -18px 0 28px rgba(0,0,0,.12)!important;
}
.book-mockup .book-front:after{
background:linear-gradient(270deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 15%,transparent 36%,transparent 72%,rgba(0,0,0,.24))!important;
}
.book-mockup .book-spine{
right:0!important;
left:auto!important;
top:3px!important;
bottom:3px!important;
width:22px!important;
border-radius:0 6px 6px 0!important;
background:linear-gradient(270deg,#020611,#08244f 42%,#0c3d82 78%,#071a36)!important;
box-shadow:inset -1px 0 rgba(255,255,255,.16),6px 8px 18px rgba(0,0,0,.28)!important;
transform:translateZ(10px)!important;
}
.book-mockup .book-pages{
left:0!important;
right:auto!important;
top:7px!important;
bottom:7px!important;
width:13px!important;
border-radius:8px 0 0 8px!important;
background:repeating-linear-gradient(0deg,#f4f1e9 0 2px,#ddd7cc 2px 3px,#f7f3ec 3px 4px)!important;
box-shadow:inset 3px 0 7px rgba(0,0,0,.18),-2px 0 0 rgba(255,255,255,.45)!important;
transform:translateZ(-4px)!important;
}
.book-mockup .book-shadow{
left:1%!important;
right:10%!important;
bottom:-38px!important;
height:54px!important;
filter:blur(6px)!important;
background:radial-gradient(ellipse at center,rgba(0,0,0,.42),rgba(0,0,0,0) 72%)!important;
}
.book-link:hover .book-front,
.book-mockup:hover .book-front{
transform:perspective(1800px) rotateY(-14deg) translateY(-4px)!important;
}
/* The opened preview should feel like it unfolds from the right side. */
.virtual-book-opened{
transform-origin:right center!important;
}
.virtual-book.is-open .virtual-book-opened{
animation:bookOpenArabic .82s cubic-bezier(.2,.82,.18,1)!important;
}
@keyframes bookOpenArabic{
0%{opacity:0;transform:perspective(1800px) rotateY(20deg) translateX(26px) scale(.90)}
55%{opacity:1;transform:perspective(1800px) rotateY(-4deg) translateX(-6px) scale(1.015)}
100%{opacity:1;transform:none}
}
/* Forward/back page changes also move in the opposite physical direction. */
.preview-spread.turn-forward .open-book-scene{
animation:rtlSpreadForward .52s cubic-bezier(.2,.75,.2,1);
transform-origin:right center;
}
.preview-spread.turn-back .open-book-scene{
animation:rtlSpreadBack .52s cubic-bezier(.2,.75,.2,1);
transform-origin:left center;
}
@keyframes rtlSpreadForward{
from{opacity:.28;transform:perspective(1500px) rotateY(11deg) translateX(18px) scale(.975)}
to{opacity:1;transform:none}
}
@keyframes rtlSpreadBack{
from{opacity:.28;transform:perspective(1500px) rotateY(-11deg) translateX(-18px) scale(.975)}
to{opacity:1;transform:none}
}
/* Single-page previews follow the same Arabic turning direction. */
.card-preview-page-frame img{
transform-origin:left center!important;
}
@keyframes cardPageForward{
from{opacity:.36;transform:perspective(1100px) rotateY(20deg) translateX(14px)}
to{opacity:1;transform:none}
}
@keyframes cardPageBack{
from{opacity:.36;transform:perspective(1100px) rotateY(-20deg) translateX(-14px)}
to{opacity:1;transform:none}
}
@media(max-width:620px){
.book-mockup .book-front{
inset:0 14px 0 8px!important;
transform:perspective(1600px) rotateY(-15deg) rotateZ(-.35deg)!important;
}
.book-link:hover .book-front,
.book-mockup:hover .book-front{
transform:perspective(1600px) rotateY(-12deg) translateY(-3px)!important;
}
.book-mockup .book-spine{width:18px!important}
.book-mockup .book-pages{width:11px!important}
}
/* ===== v101 repaired Arabic book cover + true RTL preview navigation ===== */
/* Keep the cover, page block and spine visually connected. The previous
perspective angle pulled the front artwork away from the page edge. */
.book-cover-stage-v7 .book-mockup-detail,
.virtual-book-closed .book-mockup-preview{
perspective:1400px!important;
}
.book-cover-stage-v7 .book-mockup-detail .book-front,
.virtual-book-closed .book-mockup-preview .book-front{
inset:0 13px 0 10px!important;
border-radius:11px 4px 4px 11px!important;
transform:translateZ(2px) rotateY(-4deg) rotateZ(-.15deg)!important;
transform-origin:right center!important;
overflow:hidden!important;
box-shadow:
0 28px 54px rgba(0,0,0,.48),
8px 0 18px rgba(0,0,0,.16),
inset 0 0 0 1px rgba(255,255,255,.10),
inset -12px 0 18px rgba(0,0,0,.10)!important;
}
.book-cover-stage-v7 .book-mockup-detail .book-front img,
.virtual-book-closed .book-mockup-preview .book-front img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
background:#020814!important;
}
.book-cover-stage-v7 .book-mockup-detail .book-spine,
.virtual-book-closed .book-mockup-preview .book-spine{
right:0!important;
width:18px!important;
top:4px!important;
bottom:4px!important;
transform:translateZ(0)!important;
}
.book-cover-stage-v7 .book-mockup-detail .book-pages,
.virtual-book-closed .book-mockup-preview .book-pages{
left:1px!important;
width:11px!important;
top:8px!important;
bottom:8px!important;
transform:translateZ(-1px)!important;
}
.book-cover-stage-v7 .book-mockup-detail:hover .book-front,
.virtual-book-closed .book-mockup-preview:hover .book-front{
transform:translateZ(2px) rotateY(-2deg) translateY(-3px)!important;
}
/* In Arabic reading order the next page is reached by moving toward the
right; make the turn animation follow that same physical direction. */
.preview-spread.turn-forward .open-book-scene{
transform-origin:left center!important;
animation:rtlSpreadForwardV101 .52s cubic-bezier(.2,.75,.2,1)!important;
}
.preview-spread.turn-back .open-book-scene{
transform-origin:right center!important;
animation:rtlSpreadBackV101 .52s cubic-bezier(.2,.75,.2,1)!important;
}
@keyframes rtlSpreadForwardV101{
from{opacity:.28;transform:perspective(1500px) rotateY(-11deg) translateX(-18px) scale(.975)}
to{opacity:1;transform:none}
}
@keyframes rtlSpreadBackV101{
from{opacity:.28;transform:perspective(1500px) rotateY(11deg) translateX(18px) scale(.975)}
to{opacity:1;transform:none}
}