@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--green-50: #f7f8ec;--green-100: #eef0d6;--green-200: #dfe2b3;--green-300: #cfd494;--green-400: #c2c780;--green-500: #bbbf73;--green-600: #a3a85c;--green-700: #848946;--green-800: #62662f;--green-900: #44471f;--olive-50: #eceadf;--olive-200: #c2c0ad;--olive-500: #6b6e51;--olive-700: #4c4e37;--olive-800: #3e402d;--olive-900: #2c2e1f;--blue-50: #eaf1f8;--blue-100: #cfe0f0;--blue-200: #a7c6e3;--blue-300: #739cbf;--blue-400: #5689c4;--blue-500: #427db8;--blue-600: #34679d;--blue-700: #2a527e;--blue-800: #213f60;--teal-300: #8fd0e0;--teal-400: #6ec2d6;--teal-500: #5db5d2;--teal-600: #3f9ab8;--yellow-300: #fdf29a;--yellow-400: #fcec6f;--yellow-500: #f4e44e;--ink-900: #20262d;--ink-800: #2d3740;--ink-700: #3c4854;--ink-600: #55626e;--ink-500: #74808c;--ink-400: #9aa4ad;--brown-700: #402d2d;--brown-500: #6b4f4f;--paper-0: #ffffff;--paper-50: #faf9f4;--paper-100: #f3f1e8;--paper-200: #e8e5d8;--paper-300: #d8d4c2;--success: #6f9f4f;--warning: #e0a93f;--danger: #c0563f;--info: var(--blue-500);--cover-900: #12232d;--cover-800: #1a3a4f;--cover-600: #245d80;--cover-500: #3680a6;--brand-gradient: linear-gradient(120deg, #f4e44e 0%, #bbbf73 42%, #6ec2d6 100%);--brand-gradient-soft: linear-gradient(120deg, #fdf29a 0%, #dfe2b3 50%, #a7d8e6 100%);--cover-gradient: linear-gradient(180deg, #12232d 0%, #1a3a4f 38%, #245d80 70%, #3680a6 100%);--surface-page: var(--paper-50);--surface-card: var(--paper-0);--surface-sunken: var(--paper-100);--surface-inverse: var(--olive-800);--text-heading: var(--olive-800);--text-body: var(--ink-800);--text-muted: var(--ink-500);--text-on-dark: #ffffff;--text-on-accent: var(--olive-900);--text-link: var(--blue-600);--banner-bg: var(--olive-800);--banner-text: #ffffff;--action-primary-bg: var(--olive-800);--action-primary-text: #ffffff;--action-primary-hover: var(--olive-900);--action-accent-bg: var(--green-500);--action-accent-text: var(--olive-900);--action-accent-hover: var(--green-600);--border-subtle: var(--paper-200);--border-strong: var(--paper-300);--focus-ring: var(--blue-400);--accent-green: var(--green-500);--accent-blue: var(--blue-500);--accent-teal: var(--teal-500);--accent-yellow: var(--yellow-400);--section-1: #43699a;--section-1-soft: #e7edf4;--section-2: #3e402d;--section-2-soft: #eceadf;--section-3: #76828f;--section-3-soft: #eaecef;--section-4: #402d2d;--section-4-soft: #ece4e4;--section-5: #9aa863;--section-5-soft: #eef0dc;--font-base: "Cairo", "Segoe UI", Tahoma, system-ui, sans-serif;--font-display: "Cairo", "Segoe UI", Tahoma, system-ui, sans-serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--lh-tight: 1.2;--lh-snug: 1.45;--lh-body: 1.9;--lh-relaxed: 2.1;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--type-display: 800 var(--text-4xl)/var(--lh-tight) var(--font-display);--type-h1: 800 var(--text-3xl)/var(--lh-tight) var(--font-display);--type-h2: 700 var(--text-2xl)/var(--lh-snug) var(--font-display);--type-h3: 700 var(--text-xl)/var(--lh-snug) var(--font-display);--type-banner: 700 var(--text-lg)/var(--lh-snug) var(--font-display);--type-body: 400 var(--text-md)/var(--lh-body) var(--font-base);--type-body-sm: 400 var(--text-base)/var(--lh-body) var(--font-base);--type-label: 600 var(--text-sm)/var(--lh-snug) var(--font-base);--type-caption: 500 var(--text-xs)/var(--lh-snug) var(--font-base);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-12: 6rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(45, 55, 64, .06);--shadow-sm: 0 2px 6px rgba(45, 55, 64, .08);--shadow-md: 0 6px 18px rgba(45, 55, 64, .1);--shadow-lg: 0 14px 36px rgba(45, 55, 64, .14);--shadow-banner: 0 8px 20px rgba(62, 64, 45, .22);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .25, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-base);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[dir=rtl]{text-align:right}::selection{background:var(--green-300);color:var(--olive-900)}a{text-decoration:none;color:inherit}img{display:block}h1,h2,h3,h4{margin:0 0 var(--space-4);color:var(--text-heading);font-family:var(--font-display);line-height:var(--lh-snug)}p{margin:0 0 var(--space-4)}strong,b{font-weight:var(--fw-bold)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.wrap{max-width:1180px;margin:0 auto;padding-inline:28px}.reveal{opacity:0;transform:translateY(38px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}.bob,.twinkle,.drift{animation:none!important}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.bob{animation:bob 6s var(--ease-in-out) infinite}@keyframes drift{0%,to{transform:translate(0) rotate(var(--r, 0deg))}50%{transform:translate(var(--dx, 10px),var(--dy, -14px)) rotate(calc(var(--r, 0deg) + 6deg))}}.drift{animation:drift var(--dur, 9s) ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.twinkle{animation:twinkle 3.2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.06)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes avBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.5deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.grad-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.grad-text.animated{background:linear-gradient(120deg,#f4e44e,#bbbf73,#6ec2d6,#f4e44e);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}.eyebrow{display:inline-block;white-space:nowrap;font-weight:800;font-size:14px;padding:7px 18px;border-radius:999px;background:var(--green-100);color:var(--green-800)}.navlink{position:relative;padding:6px 2px;font-weight:600;font-size:15px;color:var(--ink-700);transition:color var(--dur-base)}.navlink:after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--green-600);transform:scaleX(0);transform-origin:center;transition:transform var(--dur-base) var(--ease-out)}.navlink:hover{color:var(--olive-800)}.navlink:hover:after{transform:scaleX(1)}.lift{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.chrow{cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.chrow:hover{transform:translate(-6px)}.scrollbar-top{position:fixed;top:0;inset-inline:0;height:4px;z-index:300;background:var(--brand-gradient);transform-origin:right center;transform:scaleX(0)}.method{cursor:pointer;border:2px solid var(--border-subtle);transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.method:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.nowrap-lg{white-space:nowrap}@media (max-width: 1100px){.wrap{padding-inline:24px}}@media (max-width: 1024px){.authors-split{grid-template-columns:1fr 1fr!important;gap:22px!important}.hero-grid{grid-template-columns:1fr!important;text-align:center;min-height:auto!important;padding-top:104px!important;padding-bottom:80px!important;gap:40px!important}.hero-stats{justify-content:center!important}}@media (max-width: 900px){.grid-2,.grid-3{grid-template-columns:1fr!important}.authors-split{grid-template-columns:1fr!important;gap:26px!important}.authors-grid{grid-template-columns:repeat(2,1fr)!important}.hero-grid{grid-template-columns:1fr!important;text-align:center;min-height:auto!important;padding-top:104px!important;padding-bottom:72px!important;gap:36px!important}.hero-stats{justify-content:center!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}.nav-links{display:none!important}}@media (max-width: 820px){#preview .wrap>div:last-child{max-width:620px!important}}@media (max-width: 640px){.wrap{padding-inline:18px}.nowrap-lg{white-space:normal!important}.authors-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important;gap:28px!important}#learn,#chapters,#preview,#authors,#order{padding-top:64px!important;padding-bottom:64px!important}#order .price-banner{flex-direction:column!important;text-align:center!important}#order .price-banner>div{justify-content:center!important}.chrow:hover{transform:none!important}}@media (max-width: 380px){.wrap{padding-inline:14px}.hero-grid{padding-top:92px!important}}.book3d-scene{display:inline-block}.book3d-group{cursor:default}.book3d-scene:hover .book3d-group{transform:rotateX(-2deg) rotateY(6deg) scale(1.05)!important;filter:drop-shadow(0 44px 52px rgba(0,0,0,.52))!important}.mobile-br{display:none}@media (max-width: 640px){.mobile-br{display:block}}@media (max-width: 1024px){.hero-badge-wrap{display:flex;justify-content:center}.hero-desc{text-align:center!important}}@media (max-width: 640px){#order .price-banner{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:28px 24px!important;gap:20px!important}.price-banner-inner{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:16px!important;flex:unset!important;width:100%!important}.price-value{width:100%}}@media (max-width: 640px){.footer-col{text-align:center!important}.footer-col>div:first-child{justify-content:center!important}.footer-col p{margin-inline:auto!important}.footer-contacts span,.footer-contacts a{justify-content:center!important}.footer-bottom{flex-direction:column!important;align-items:center!important;text-align:center!important}}
