/* غلاف react-native-book — مستخرج آليًّا من styles.css الكاتب بـimport-standalone-book.php. لا يُحرَّر يدويًّا. */
@font-face{font-family:'Fira Code';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/FiraCode-latin.woff2') format('woff2');unicode-range:U+0000-00FF}
.qtc-react-native-book{--font-mono:'Fira Code', 'Courier New', monospace;--color-text-muted:#8ba3ad;--color-primary:#0891b2;--font-sans:'Cairo', system-ui, sans-serif;font-family:var(--font-sans,'Cairo',system-ui,sans-serif);direction:rtl}
.qtc-react-native-book .landing__cover{margin: 0 auto 1.75rem; display: flex; flex-direction: column; align-items: center; gap: .9rem;}
.qtc-react-native-book .cover{--cover-w: 210px; --cover-h: 285px; position: relative; width: var(--cover-w); height: var(--cover-h); perspective: 1100px;}
.qtc-react-native-book .cover__book{position: relative; width: 100%; height: 100%; transform: rotateY(16deg) rotateX(4deg); transform-style: preserve-3d; transition: transform .7s cubic-bezier(.22, 1, .36, 1);}
.qtc-react-native-book .cover:hover .cover__book{transform: rotateY(0deg) rotateX(0deg) translateY(-6px);}
.qtc-react-native-book .cover__spine{position: absolute; top: 0; right: -13px; width: 14px; height: 100%; border-radius: 0 5px 5px 0; background: linear-gradient(180deg, #0e7490, #155e75 55%, #0c4a5e); box-shadow: inset 3px 0 6px rgba(0, 0, 0, .35);}
.qtc-react-native-book .cover__face{position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 12px 4px 4px 12px; background: radial-gradient(120% 90% at 15% 0%, rgba(97, 218, 251, .28), transparent 60%), linear-gradient(160deg, #20232a 0%, #16323d 55%, #0c4a5e 100%); box-shadow: 0 22px 45px -12px rgba(8, 60, 80, .55), 0 3px 10px rgba(15, 23, 42, .18), inset 0 0 0 1px rgba(97, 218, 251, .2); padding: .85rem .9rem; display: flex; flex-direction: column; color: #fff;}
.qtc-react-native-book .cover__glow{position: absolute; inset: -20% -10% auto; height: 70%; background: radial-gradient(closest-side, rgba(97, 218, 251, .35), transparent 70%); pointer-events: none;}
.qtc-react-native-book .cover__sheen{position: absolute; top: -60%; left: -70%; width: 55%; height: 220%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent); transform: rotate(18deg); animation: qtc-react-native-book-cover-sheen 7s ease-in-out infinite; pointer-events: none;}
.qtc-react-native-book .cover__phone{position: relative; z-index: 1; width: 96px; height: 150px; margin: .15rem auto auto; border-radius: 14px; background: #0f172a; box-shadow: 0 0 0 2px #61dafb55, 0 10px 22px -8px rgba(0, 0, 0, .7); padding: 8px 6px 6px; overflow: hidden;}
.qtc-react-native-book .cover__notch{position: absolute; top: 3px; left: 50%; transform: translateX(-50%); width: 26px; height: 3px; border-radius: 2px; background: #334155;}
.qtc-react-native-book .cover__app{display: flex; flex-direction: column; gap: 4px; height: 100%; position: relative;}
.qtc-react-native-book .cover__bar{height: 8px; width: 60%; border-radius: 3px; background: #61dafb; margin-bottom: 2px;}
.qtc-react-native-book .cover__row{display: flex; align-items: center; gap: 4px; background: #1e293b; border-radius: 5px; padding: 4px;}
.qtc-react-native-book .cover__row i{width: 9px; height: 9px; border-radius: 2px; background: #38bdf8; flex: none;}
.qtc-react-native-book .cover__row b{height: 4px; border-radius: 2px; background: #475569; flex: 1;}
.qtc-react-native-book .cover__row--new{animation: qtc-react-native-book-cover-add 3.4s ease-in-out infinite;}
.qtc-react-native-book .cover__fab{position: absolute; bottom: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #f59e0b; color: #20232a; display: grid; place-items: center; font-weight: 800; font-size: 13px; line-height: 1; animation: qtc-react-native-book-cover-tap 3.4s ease-in-out infinite;}
.qtc-react-native-book .cover__title{font-size: 1.5rem; font-weight: 800; line-height: 1.15; margin: .5rem 0 .3rem; direction: ltr; text-align: left; letter-spacing: -.02em; color: #61dafb; text-shadow: 0 2px 14px rgba(97, 218, 251, .35); position: relative; z-index: 1;}
.qtc-react-native-book .cover__tag{align-self: flex-start; font-family: var(--font-mono); font-size: .58rem; font-weight: 700; letter-spacing: .12em; padding: .18rem .5rem; border-radius: 999px; border: 1px solid rgba(97, 218, 251, .45); background: rgba(97, 218, 251, .1); color: #a5eefd; direction: ltr; position: relative; z-index: 1;}
.qtc-react-native-book .cover__shadow{position: absolute; bottom: -16px; left: 8%; width: 84%; height: 22px; border-radius: 50%; background: rgba(8, 60, 80, .4); filter: blur(13px); transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .7s;}
.qtc-react-native-book .cover:hover .cover__shadow{transform: scale(.92); opacity: .75;}
.qtc-react-native-book .cover__note{font-size: .78rem; color: var(--color-text-muted); display: flex; align-items: center; gap: .4rem;}
.qtc-react-native-book .cover__note i{color: var(--color-primary);}
@media (prefers-reduced-motion: reduce){.qtc-react-native-book .cover__sheen, .qtc-react-native-book .cover__row--new, .qtc-react-native-book .cover__fab, .qtc-react-native-book .page{animation: none !important;}.qtc-react-native-book .cover__book, .qtc-react-native-book .cover__shadow, .qtc-react-native-book .progress-bar__fill{transition: none !important;}}
@keyframes qtc-react-native-book-cover-sheen{0%, 62% { left: -70%; } 88%, 100% { left: 130%; }}
@keyframes qtc-react-native-book-cover-add{0%, 55% { opacity: 0; transform: translateY(6px); } 70%, 100% { opacity: 1; transform: none; }}
@keyframes qtc-react-native-book-cover-tap{0%, 45%, 60%, 100% { transform: scale(1); } 52% { transform: scale(.82); }}