:root {--ink: #f8f8f9;--ink-soft: #a8a5b6;--paper: #0c0a15;--paper-deep: #131022;--border: rgba(255, 255, 255, 0.12);--shadow: 0 20px 40px rgba(0, 0, 0, 0.4);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);--max-width: 1200px;}.facts-grid {padding-bottom: 2rem !important; }.hero {align-items: flex-start !important; }body.project-page {background: linear-gradient(180deg, var(--paper) 0%, #151226 45%, var(--paper-deep) 100%) !important;}:root {--ink: #f8f8f9;--ink-soft: #a8a5b6;--paper: #0c0a15;--paper-deep: #131022;--accent: #685fba;--accent-2: #fbb82b;--forest: #1e3a34;--mystic: #685fba;--border: rgba(255, 255, 255, 0.12);--shadow: 0 20px 40px rgba(0, 0, 0, 0.4);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);--max-width: 1200px;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: "Cairo", sans-serif;color: var(--ink);background: linear-gradient(180deg, var(--paper) 0%, #151226 45%, var(--paper-deep) 100%);min-height: 100vh;overflow-x: hidden;}body::before {content: "";position: fixed;inset: 0;background-image:radial-gradient(circle at 12% 18%, rgba(95, 122, 229, 0.18), transparent 45%),radial-gradient(circle at 80% 16%, rgba(138, 107, 217, 0.16), transparent 45%),radial-gradient(circle at 15% 82%, rgba(47, 111, 97, 0.18), transparent 40%),radial-gradient(circle at 82% 75%, rgba(242, 201, 76, 0.18), transparent 45%),radial-gradient(circle at 30% 42%, rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size: auto, auto, auto, auto, 22px 22px;opacity: 0.85;z-index: -1;}.lang-en { display: none; font-family: "Cairo", sans-serif; }body.english-mode .lang-ar { display: none; }body.english-mode .lang-en { display: inline-block; }body.english-mode { direction: ltr; }body:not(.english-mode) { direction: rtl; }a { color: inherit; text-decoration: none; }img { display: block; max-width: 100%; }.container {width: min(100%, var(--max-width));margin: 0 auto;padding: 0 1.5rem;}.topbar {position: sticky;top: 0;z-index: 10;backdrop-filter: blur(14px);background: rgba(12, 10, 21, 0.9);border-bottom: 1px solid rgba(255, 255, 255, 0.08);}.topbar-inner {display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1.1rem 0;}.brand {font-family: "Cairo", sans-serif;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;font-size: 0.95rem;}.nav {display: flex;align-items: center;gap: 1rem;font-size: 0.9rem;}.nav a {padding: 0.45rem 0.85rem;border-radius: 999px;transition: var(--transition);}.nav a:hover {background: rgba(255, 255, 255, 0.08);}.lang-btn {border: 1px solid var(--border);background: #1a172c;color: var(--ink);border-radius: 999px;padding: 0.4rem 0.9rem;font-size: 0.85rem;cursor: pointer;transition: var(--transition);font-family: inherit;}.lang-btn:hover {box-shadow: var(--shadow);transform: translateY(-1px);}.hero {padding: 4rem 0 2.5rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2.5rem;align-items: center;}.kicker {display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.35rem 1rem;border-radius: 999px;border: 1px dashed var(--border);background: rgba(26, 23, 44, 0.7);font-size: 0.85rem;}.hero h1 {font-size: clamp(2.2rem, 5vw, 3.8rem);margin: 1rem 0;line-height: 1.1;font-family: "Cairo", sans-serif;}.hero p {font-size: 1rem;color: var(--ink-soft);max-width: 520px;}.facts-grid {margin-top: 1.4rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 1rem;}.fact-card {background: #161326;border: 1px solid var(--border);border-radius: var(--radius-md);padding: 0.9rem 1rem;box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3);}.fact-label {display: block;font-size: 0.7rem;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255, 255, 255, 0.6);}.fact-value {display: block;margin-top: 0.45rem;font-size: 0.95rem;font-weight: 600;}.playlist-link {display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.45rem 0.8rem;border-radius: 999px;border: 1px solid rgba(22, 22, 22, 0.14);background: rgba(22, 22, 22, 0.04);color: var(--accent);font-weight: 700;text-decoration: none;transition: var(--transition);}.playlist-link::after {content: "↗";font-size: 0.9em;line-height: 1;}.playlist-link:hover {transform: translateY(-1px);background: rgba(22, 22, 22, 0.07);border-color: rgba(22, 22, 22, 0.24);box-shadow: 0 10px 18px rgba(22, 22, 22, 0.08);}.hero-figure {position: relative;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow);background: #111;}.hero-figure img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 2 / 3;}.hero-figure .badge {position: absolute;top: 1rem;left: 1rem;background: rgba(255, 255, 255, 0.92);padding: 0.35rem 0.8rem;border-radius: 999px;font-size: 0.85rem;}.section {padding: 3rem 0;}.section-title {font-size: clamp(1.6rem, 3vw, 2.4rem);margin-bottom: 0.8rem;font-family: "Cairo", sans-serif;}.section-subtitle {color: var(--ink-soft);max-width: 640px;}.mini-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.2rem;margin-top: 1.8rem;}.mini-card {background: #161326;border-radius: var(--radius-md);border: 1px solid var(--border);padding: 1.2rem;box-shadow: 0 10px 25px rgba(22, 22, 22, 0.08);}.mini-card h3 {font-size: 1rem;margin-bottom: 0.45rem;}.mini-card p {font-size: 0.9rem;color: var(--ink-soft);}.pipeline {margin-top: 2rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 1rem;}.pipeline-step {background: #161326;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 1rem;position: relative;}.pipeline-step::before {content: "";position: absolute;top: 0.9rem;inset-inline-start: 0.9rem;width: 8px;height: 8px;border-radius: 50%;background: var(--accent);}.pipeline-step .step-count {display: block;font-size: 0.7rem;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(255, 255, 255, 0.6);margin-inline-start: 1rem;}.pipeline-step .step-title {display: block;margin-top: 0.5rem;font-weight: 600;}.video-card {margin-top: 1.8rem;background: #111;border-radius: var(--radius-lg);overflow: hidden;position: relative;box-shadow: var(--shadow);}.video-card video {width: 100%;height: 100%;display: block;aspect-ratio: 16 / 9;object-fit: cover;}.video-card .label {position: absolute;bottom: 1rem;left: 1rem;background: rgba(255, 255, 255, 0.92);padding: 0.35rem 0.8rem;border-radius: 999px;font-size: 0.85rem;}.card-grid {margin-top: 1.8rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));gap: 1.2rem;}.lineup {display: flex;flex-wrap: wrap;gap: 0.6rem;margin-top: 1.6rem;}.lineup-item {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0.85rem;border-radius: 999px;border: 1px solid var(--border);background: rgba(255, 255, 255, 0.85);font-size: 0.85rem;}.lineup-dot {width: 10px;height: 10px;border-radius: 50%;background: var(--line-color, var(--accent));box-shadow: 0 0 0 4px rgba(22, 22, 22, 0.08);}.lineup-trait {font-size: 0.75rem;color: rgba(255, 255, 255, 0.6);}.character-card {background: #161326;border-radius: var(--radius-md);padding: 1.2rem;border: 1px solid var(--border);box-shadow: 0 10px 24px rgba(22, 22, 22, 0.08);position: relative;overflow: hidden;transition: var(--transition);}.character-card::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--char-color, var(--accent));}.character-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(22, 22, 22, 0.08));opacity: 0;transition: var(--transition);}.character-card:hover {transform: translateY(-4px);}.character-card:hover::after {opacity: 1;}.character-card h3 {font-size: 1.1rem;margin-bottom: 0.3rem;}.character-card p {font-size: 0.9rem;color: var(--ink-soft);}.media-grid {margin-top: 1.8rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.2rem;}.media-card {border-radius: var(--radius-md);overflow: hidden;border: 1px solid var(--border);background: #161326;position: relative;box-shadow: 0 8px 20px rgba(22, 22, 22, 0.08);}.media-zoom {position: relative;display: block;width: 100%;border: none;padding: 0;background: none;cursor: zoom-in;}.media-zoom::after {content: "+";position: absolute;top: 0.8rem;right: 0.8rem;width: 32px;height: 32px;border-radius: 50%;background: #685fba; color: #ffffff;color: #1a1a1a;display: grid;place-items: center;font-weight: 700;box-shadow: 0 8px 18px rgba(22, 22, 22, 0.18);}.media-zoom img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 4 / 3;}.media-card .caption {position: absolute;bottom: 0.8rem;left: 0.8rem;background: #685fba; color: #ffffff;padding: 0.25rem 0.7rem;border-radius: 999px;font-size: 0.75rem;}.lightbox {position: fixed;inset: 0;background: rgba(16, 16, 16, 0.85);display: grid;place-items: center;opacity: 0;pointer-events: none;transition: var(--transition);z-index: 50;padding: 1.5rem;}.lightbox.is-open {opacity: 1;pointer-events: auto;}.lightbox img {max-width: min(92vw, 1200px);max-height: 85vh;border-radius: 16px;box-shadow: var(--shadow);}.lightbox-close {position: absolute;top: 1.5rem;right: 1.5rem;width: 40px;height: 40px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.95);font-size: 1.3rem;cursor: pointer;box-shadow: var(--shadow);}.assets-grid {margin-top: 1.6rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 1rem;}.asset-card {background: #161326;border-radius: var(--radius-md);border: 1px solid var(--border);padding: 1rem;text-align: center;box-shadow: 0 8px 18px rgba(22, 22, 22, 0.08);}.asset-card strong {display: block;font-size: 1.6rem;font-weight: 700;}.asset-card span {display: block;margin-top: 0.3rem;font-size: 0.8rem;color: var(--ink-soft);}.pair-group {margin-top: 1.6rem;display: grid;gap: 1.5rem;}.pair-title {font-size: 0.95rem;font-weight: 600;}.model-pair {display: grid;grid-template-columns: repeat(2, minmax(220px, 1fr));gap: 1.2rem;}@media (max-width: 720px) {.model-pair {grid-template-columns: 1fr;}}.cta {margin: 3rem 0 4rem;padding: 2rem;border-radius: var(--radius-lg);background: linear-gradient(135deg, rgba(95, 122, 229, 0.18), rgba(47, 111, 97, 0.18));border: 1px solid rgba(22, 22, 22, 0.12);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.2rem;}.cta h3 {font-size: clamp(1.3rem, 2.5vw, 1.9rem);}.btn {border-radius: 999px;padding: 0.8rem 1.6rem;border: none;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: var(--transition);}.btn-primary {background: linear-gradient(135deg, var(--accent), var(--accent-2));color: #1d1d1d;box-shadow: var(--shadow);}.reveal {opacity: 0;transform: translateY(22px);transition: 0.7s ease;}.reveal.is-visible {opacity: 1;transform: translateY(0);}@media (max-width: 760px) {.nav { display: none; }.hero { padding-top: 2rem; }.topbar { position: static; }}@media (prefers-reduced-motion: reduce) {* {scroll-behavior: auto !important;animation: none !important;transition: none !important;}}:root {--ink: #f8f8f9;--ink-soft: #a8a5b6;--paper: #0c0a15;--paper-deep: #131022;--sky: #685fba;--sun: #fbb82b;--green: #3c8f7b;--border: rgba(255, 255, 255, 0.12);--shadow: 0 20px 40px rgba(0, 0, 0, 0.4);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);--max-width: 1200px;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: "Cairo", sans-serif;color: var(--ink);background: linear-gradient(180deg, var(--paper) 0%, #151226 45%, var(--paper-deep) 100%);min-height: 100vh;overflow-x: hidden;}body::before {content: "";position: fixed;inset: 0;background-image:radial-gradient(circle at 12% 18%, rgba(77, 163, 216, 0.2), transparent 45%),radial-gradient(circle at 80% 16%, rgba(242, 201, 76, 0.18), transparent 45%),radial-gradient(circle at 15% 82%, rgba(60, 143, 123, 0.18), transparent 40%),radial-gradient(circle at 30% 42%, rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size: auto, auto, auto, 22px 22px;opacity: 0.85;z-index: -1;}.lang-en { display: none; font-family: "Cairo", sans-serif; }body.english-mode .lang-ar { display: none; }body.english-mode .lang-en { display: inline-block; }body.english-mode { direction: ltr; }body:not(.english-mode) { direction: rtl; }a { color: inherit; text-decoration: none; }img { display: block; max-width: 100%; }.container {width: min(100%, var(--max-width));margin: 0 auto;padding: 0 1.5rem;}.topbar {position: sticky;top: 0;z-index: 10;backdrop-filter: blur(14px);background: rgba(12, 10, 21, 0.9);border-bottom: 1px solid rgba(255, 255, 255, 0.08);}.topbar-inner {display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1.1rem 0;}.brand {font-family: "Cairo", sans-serif;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;font-size: 0.95rem;}.nav {display: flex;align-items: center;gap: 1rem;font-size: 0.9rem;}.nav a {padding: 0.45rem 0.85rem;border-radius: 999px;transition: var(--transition);}.nav a:hover {background: rgba(255, 255, 255, 0.08);}.lang-btn {border: 1px solid var(--border);background: #1a172c;color: var(--ink);border-radius: 999px;padding: 0.4rem 0.9rem;font-size: 0.85rem;cursor: pointer;transition: var(--transition);font-family: inherit;}.lang-btn:hover {box-shadow: var(--shadow);transform: translateY(-1px);}.hero {padding: 4rem 0 2.5rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2.5rem;align-items: center;}.kicker {display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.35rem 1rem;border-radius: 999px;border: 1px dashed var(--border);background: rgba(26, 23, 44, 0.7);font-size: 0.85rem;}.hero h1 {font-size: clamp(2.2rem, 5vw, 3.8rem);margin: 1rem 0;line-height: 1.1;font-family: "Cairo", sans-serif;}.hero p {font-size: 1rem;color: var(--ink-soft);max-width: 520px;}.facts-grid {margin-top: 1.4rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 1rem;}.fact-card {background: #161326;border: 1px solid var(--border);border-radius: var(--radius-md);padding: 0.9rem 1rem;box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3);}.fact-label {display: block;font-size: 0.7rem;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255, 255, 255, 0.6);}.fact-value {display: block;margin-top: 0.45rem;font-size: 0.95rem;font-weight: 600;}.playlist-link {display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.45rem 0.8rem;border-radius: 999px;border: 1px solid rgba(23, 23, 23, 0.14);background: rgba(23, 23, 23, 0.04);color: var(--sky);font-weight: 700;text-decoration: none;transition: var(--transition);}.playlist-link::after {content: "↗";font-size: 0.9em;line-height: 1;}.playlist-link:hover {transform: translateY(-1px);background: rgba(23, 23, 23, 0.07);border-color: rgba(23, 23, 23, 0.24);box-shadow: 0 10px 18px rgba(23, 23, 23, 0.08);}.hero-figure {position: relative;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow);background: #111;}.hero-figure img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 2 / 3;}.hero-figure .badge {position: absolute;top: 1rem;left: 1rem;background: rgba(255, 255, 255, 0.92);padding: 0.35rem 0.8rem;border-radius: 999px;font-size: 0.85rem;}.section {padding: 3rem 0;}.section-title {font-size: clamp(1.6rem, 3vw, 2.4rem);margin-bottom: 0.8rem;font-family: "Cairo", sans-serif;}.section-subtitle {color: var(--ink-soft);max-width: 640px;}.mini-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.2rem;margin-top: 1.8rem;}.mini-card {background: #161326;border-radius: var(--radius-md);border: 1px solid var(--border);padding: 1.2rem;box-shadow: 0 10px 25px rgba(22, 22, 22, 0.08);}.mini-card h3 {font-size: 1rem;margin-bottom: 0.45rem;}.mini-card p {font-size: 0.9rem;color: var(--ink-soft);}.pipeline {margin-top: 2rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 1rem;}.pipeline-step {background: #161326;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 1rem;position: relative;}.pipeline-step::before {content: "";position: absolute;top: 0.9rem;inset-inline-start: 0.9rem;width: 8px;height: 8px;border-radius: 50%;background: var(--sky);}.pipeline-step .step-count {display: block;font-size: 0.7rem;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(255, 255, 255, 0.6);margin-inline-start: 1rem;}.pipeline-step .step-title {display: block;margin-top: 0.5rem;font-weight: 600;}.video-embed {margin-top: 1.8rem;border-radius: var(--radius-lg);overflow: hidden;background: #111;box-shadow: var(--shadow);position: relative;}.video-embed::after {content: "▶";position: absolute;width: 54px;height: 54px;border-radius: 50%;background: #685fba; color: #ffffff;color: #1a1a1a;display: grid;place-items: center;font-size: 1.1rem;font-weight: 700;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;}.video-embed iframe {width: 100%;height: 100%;aspect-ratio: 16 / 9;border: 0;display: block;}.assets-grid {margin-top: 1.6rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 1rem;}.asset-card {background: #161326;border-radius: var(--radius-md);border: 1px solid var(--border);padding: 1rem;text-align: center;box-shadow: 0 8px 18px rgba(22, 22, 22, 0.08);}.asset-card strong {display: block;font-size: 1.6rem;font-weight: 700;}.asset-card span {display: block;margin-top: 0.3rem;font-size: 0.8rem;color: var(--ink-soft);}.media-grid {margin-top: 1.8rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.2rem;}.media-card {border-radius: var(--radius-md);overflow: hidden;border: 1px solid var(--border);background: #161326;position: relative;box-shadow: 0 8px 20px rgba(22, 22, 22, 0.08);}.media-zoom {position: relative;display: block;width: 100%;border: none;padding: 0;background: none;cursor: zoom-in;}.media-zoom::after {content: "+";position: absolute;top: 0.8rem;right: 0.8rem;width: 32px;height: 32px;border-radius: 50%;background: #685fba; color: #ffffff;color: #1a1a1a;display: grid;place-items: center;font-weight: 700;box-shadow: 0 8px 18px rgba(22, 22, 22, 0.18);}.media-zoom img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 4 / 3;}.media-card .caption {position: absolute;bottom: 0.8rem;left: 0.8rem;background: #685fba; color: #ffffff;padding: 0.25rem 0.7rem;border-radius: 999px;font-size: 0.75rem;}.lightbox {position: fixed;inset: 0;background: rgba(16, 16, 16, 0.85);display: grid;place-items: center;opacity: 0;pointer-events: none;transition: var(--transition);z-index: 50;padding: 1.5rem;}.lightbox.is-open {opacity: 1;pointer-events: auto;}.lightbox img {max-width: min(92vw, 1200px);max-height: 85vh;border-radius: 16px;box-shadow: var(--shadow);}.lightbox-close {position: absolute;top: 1.5rem;right: 1.5rem;width: 40px;height: 40px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.95);font-size: 1.3rem;cursor: pointer;box-shadow: var(--shadow);}.cta {margin: 3rem 0 4rem;padding: 2rem;border-radius: var(--radius-lg);background: linear-gradient(135deg, rgba(77, 163, 216, 0.18), rgba(60, 143, 123, 0.18));border: 1px solid rgba(23, 23, 23, 0.12);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.2rem;}.cta h3 {font-size: clamp(1.3rem, 2.5vw, 1.9rem);}.btn {border-radius: 999px;padding: 0.8rem 1.6rem;border: none;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: var(--transition);}.btn-primary {background: linear-gradient(135deg, var(--sky), var(--sun));color: #1d1d1d;box-shadow: var(--shadow);}.reveal {opacity: 0;transform: translateY(22px);transition: 0.7s ease;}.reveal.is-visible {opacity: 1;transform: translateY(0);}@media (max-width: 760px) {.nav { display: none; }.hero { padding-top: 2rem; }.topbar { position: static; }}@media (prefers-reduced-motion: reduce) {* {scroll-behavior: auto !important;animation: none !important;transition: none !important;}}:root {--ink: #f8f8f9;--ink-soft: #a8a5b6;--paper: #0c0a15;--paper-deep: #131022;--accent: #fbb82b;--accent-2: #685fba;--accent-3: #685fba;--border: rgba(255, 255, 255, 0.12);--shadow: 0 18px 36px rgba(0, 0, 0, 0.4);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--max-width: 1180px;--transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);}* { box-sizing: border-box; margin: 0; padding: 0; }html { scroll-behavior: smooth; }body {font-family: "Cairo", sans-serif;color: var(--ink);background: linear-gradient(180deg, var(--paper) 0%, #151226 50%, var(--paper-deep) 100%);min-height: 100vh;overflow-x: hidden;}body::before {content: "";position: fixed;inset: 0;background-image:radial-gradient(circle at 15% 15%, rgba(201, 138, 47, 0.16), transparent 40%),radial-gradient(circle at 85% 14%, rgba(78, 138, 126, 0.14), transparent 40%),radial-gradient(circle at 84% 76%, rgba(122, 92, 168, 0.12), transparent 40%),radial-gradient(circle at 14% 80%, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size: auto, auto, auto, 22px 22px;pointer-events: none;opacity: 0.9;z-index: -1;}a { color: inherit; text-decoration: none; }img { display: block; max-width: 100%; }.container { width: min(100%, var(--max-width)); margin: 0 auto; padding: 0 1.25rem; }.topbar {position: sticky;top: 0;z-index: 10;backdrop-filter: blur(14px);background: rgba(12, 10, 21, 0.92);border-bottom: 1px solid rgba(255, 255, 255, 0.08);}.topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; }.brand { display: inline-flex; align-items: center; gap: 0.75rem; font-weight: 700; letter-spacing: 0.03em; }.brand-mark {width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center;background: linear-gradient(135deg, rgba(201, 138, 47, 0.18), rgba(78, 138, 126, 0.16));border: 1px solid rgba(26, 21, 18, 0.1);box-shadow: 0 10px 20px rgba(26, 21, 18, 0.08);}.nav { display: flex; align-items: center; gap: 0.55rem; flex-wrap: wrap; }.nav a {padding: 0.5rem 0.85rem;border-radius: 999px;background: rgba(26, 23, 44, 0.72);border: 1px solid rgba(255, 255, 255, 0.08);font-size: 0.88rem;transition: var(--transition);}.nav a:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(0, 0, 0, 0.3); }.nav .nav-primary { background: linear-gradient(135deg, rgba(201, 138, 47, 0.18), rgba(78, 138, 126, 0.14)); }.lang-btn {border: 1px solid var(--border);background: #1a172c;color: var(--ink);border-radius: 999px;padding: 0.4rem 0.9rem;font-size: 0.85rem;cursor: pointer;transition: var(--transition);font-family: inherit;white-space: nowrap;}.lang-btn:hover {background: #fff;color: #0c0a15;}.hero {padding: 3.4rem 0 2rem;display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);gap: 2rem;align-items: start;}.eyebrow {display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.38rem 0.9rem;border-radius: 999px;background: rgba(26, 23, 44, 0.75);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--ink-soft);font-size: 0.82rem;}.hero h1 {margin: 1rem 0 0.75rem;font-size: clamp(2.35rem, 5vw, 4.3rem);line-height: 1.05;}.hero p {max-width: 670px;color: var(--ink-soft);line-height: 1.9;font-size: 1rem;}.hero-stats {margin-top: 1.4rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem;}.playlist-card {margin-top: 1rem;padding: 1rem;display: flex;flex-direction: column;gap: 0.75rem;background: rgba(26, 23, 44, 0.8);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);}.playlist-card .label {display: block;font-size: 0.8rem;color: rgba(255, 255, 255, 0.58);letter-spacing: 0.08em;text-transform: uppercase;}.playlist-link {display: inline-flex;align-items: center;gap: 0.4rem;width: fit-content;padding: 0.52rem 0.9rem;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.12);background: rgba(255, 255, 255, 0.05);font-weight: 700;transition: var(--transition);}.playlist-link::after {content: '↗';line-height: 1;}.playlist-link:hover {transform: translateY(-1px);background: rgba(255, 255, 255, 0.1);box-shadow: 0 10px 18px rgba(0, 0, 0, 0.3);}.stat-card, .info-card, .episode-card, .episode-art, .note-card {background: rgba(26, 23, 44, 0.8);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);}.stat-card { padding: 1rem; }.stat-card strong {display: block;font-size: 0.8rem;color: rgba(255, 255, 255, 0.58);letter-spacing: 0.08em;text-transform: uppercase;margin-bottom: 0.45rem;}.stat-card span { display: block; line-height: 1.65; }.poster-frame {position: relative;width: min(100%, 420px);justify-self: center;border-radius: var(--radius-lg);overflow: hidden;background: #17120f;box-shadow: var(--shadow);}.poster-frame img {width: 100%;height: auto;aspect-ratio: auto;object-fit: contain;display: block;}.poster-note {position: absolute;inset-inline: 1rem;bottom: 1rem;padding: 1rem 1.1rem;border-radius: 18px;background: rgba(16, 16, 16, 0.74);color: #fff;border: 1px solid rgba(255, 255, 255, 0.12);backdrop-filter: blur(8px);}.poster-note small { display: block; color: rgba(255, 255, 255, 0.7); margin-bottom: 0.35rem; font-size: 0.78rem; }.poster-note strong { display: block; font-size: 1.1rem; margin-bottom: 0.25rem; }.section { padding: 3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.08); }.section-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.35rem; }.section-head h2 { font-size: clamp(1.5rem, 2.8vw, 2.35rem); line-height: 1.15; }.section-head p { max-width: 760px; color: var(--ink-soft); line-height: 1.85; }.index-row { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 1.2rem; }.index-row a {padding: 0.52rem 0.85rem;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.09);background: rgba(26, 23, 44, 0.76);font-size: 0.88rem;transition: var(--transition);}.index-row a:hover { transform: translateY(-1px); }.overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }.info-card { padding: 1.1rem; }.info-card strong { display: block; margin-bottom: 0.55rem; font-size: 0.95rem; }.info-card p { color: var(--ink-soft); line-height: 1.8; font-size: 0.95rem; }.episode-shell {display: grid;grid-template-columns: 1fr;gap: 1rem;}.episode-card { padding: 1.15rem; }.episode-kicker {display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.35rem 0.8rem;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(12, 10, 21, 0.9);color: var(--ink-soft);font-size: 0.8rem;}.episode-card h3 { margin-top: 0.9rem; font-size: 1.35rem; }.episode-card .lesson { margin-top: 0.35rem; color: var(--accent); font-weight: 700; }.episode-card .summary { margin-top: 0.85rem; color: var(--ink-soft); line-height: 1.9; }.key-grid { margin-top: 1rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.85rem; }.note-card { padding: 0.95rem; }.note-card strong { display: block; margin-bottom: 0.4rem; font-size: 0.92rem; }.note-card p { color: var(--ink-soft); line-height: 1.75; font-size: 0.93rem; }.episode-art {overflow: hidden;min-height: 100%;padding: 1rem;background: linear-gradient(180deg, rgba(247, 241, 230, 0.95), rgba(255, 255, 255, 0.8));}.episode-gallery {display: grid;gap: 0.9rem;}.gallery-main,.gallery-item {position: relative;overflow: hidden;border-radius: 22px;border: 1px solid rgba(26, 21, 18, 0.12);box-shadow: 0 10px 22px rgba(26, 21, 18, 0.08);background: #111;}.gallery-main img,.gallery-item img {width: 100%;height: auto;aspect-ratio: auto;object-fit: contain;display: block;}.gallery-tag {position: absolute;top: 0.75rem;inset-inline-start: 0.75rem;padding: 0.35rem 0.65rem;border-radius: 999px;background: rgba(16, 16, 16, 0.76);color: #fff;font-size: 0.76rem;font-weight: 700;letter-spacing: 0.02em;}.episode-nav { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 0.75rem; }.episode-nav a {padding: 0.48rem 0.75rem;border-radius: 999px;border: 1px solid rgba(26, 21, 18, 0.08);background: rgba(255, 255, 255, 0.72);font-size: 0.84rem;}.cta {margin: 3rem 0 4rem;padding: 1.5rem;border-radius: var(--radius-lg);background: linear-gradient(135deg, rgba(201, 138, 47, 0.14), rgba(78, 138, 126, 0.12));border: 1px solid rgba(26, 21, 18, 0.1);display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;}.cta h3 { font-size: clamp(1.2rem, 2.2vw, 1.75rem); margin-bottom: 0.35rem; }.cta p { color: var(--ink-soft); line-height: 1.8; max-width: 720px; }.btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.84rem 1.25rem;border-radius: 999px;border: 1px solid rgba(26, 21, 18, 0.08);font-weight: 700;transition: var(--transition);white-space: nowrap;}.btn-primary {background: linear-gradient(135deg, rgba(201, 138, 47, 0.92), rgba(78, 138, 126, 0.9));color: #fff;box-shadow: 0 14px 24px rgba(26, 21, 18, 0.12);}.btn:hover { transform: translateY(-1px); }@media (max-width: 1080px) {.hero, .episode-shell { grid-template-columns: 1fr; }.hero-stats, .overview-grid, .key-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 720px) {.topbar { position: static; }.topbar-inner { flex-direction: column; align-items: start; }.hero-stats, .overview-grid, .key-grid { grid-template-columns: 1fr; }.section { padding-top: 2.5rem; }}:root {--ink: #f8f8f9;--ink-soft: #a8a5b6;--paper: #0c0a15;--paper-deep: #131022;--zaabeeb-blue: #685fba;--zaabola-orange: #fbb82b;--zaaboon-sky: #7fc8ff;--zaabooba-pink: #f26aa0;--accent: #fbb82b;--accent-2: #685fba;--border: rgba(255, 255, 255, 0.12);--shadow: 0 20px 40px rgba(0, 0, 0, 0.4);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);--max-width: 1200px;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {font-family: "Cairo", sans-serif;color: var(--ink);background: linear-gradient(180deg, var(--paper) 0%, #151226 45%, var(--paper-deep) 100%);min-height: 100vh;overflow-x: hidden;}body::before {content: "";position: fixed;inset: 0;background-image:radial-gradient(circle at 10% 15%, rgba(47, 143, 211, 0.15), transparent 45%),radial-gradient(circle at 85% 18%, rgba(243, 139, 58, 0.18), transparent 45%),radial-gradient(circle at 15% 80%, rgba(242, 106, 160, 0.18), transparent 40%),radial-gradient(circle at 75% 78%, rgba(127, 200, 255, 0.15), transparent 45%),radial-gradient(circle at 30% 42%, rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size: auto, auto, auto, auto, 22px 22px;opacity: 0.85;z-index: -1;}.lang-en { display: none; font-family: "Cairo", sans-serif; }body.english-mode .lang-ar { display: none; }body.english-mode .lang-en { display: inline-block; }body.english-mode { direction: ltr; }body:not(.english-mode) { direction: rtl; }a { color: inherit; text-decoration: none; }img { display: block; max-width: 100%; }.container {width: min(100%, var(--max-width));margin: 0 auto;padding: 0 1.5rem;}.topbar {position: sticky;top: 0;z-index: 10;backdrop-filter: blur(14px);background: rgba(12, 10, 21, 0.9);border-bottom: 1px solid rgba(255, 255, 255, 0.08);}.topbar-inner {display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1.1rem 0;}.brand {font-family: "Cairo", sans-serif;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;font-size: 0.95rem;}.nav {display: flex;align-items: center;gap: 1rem;font-size: 0.9rem;}.nav a {padding: 0.45rem 0.85rem;border-radius: 999px;transition: var(--transition);}.nav a:hover {background: rgba(255, 255, 255, 0.08);}.lang-btn {border: 1px solid var(--border);background: #1a172c;color: var(--ink);border-radius: 999px;padding: 0.4rem 0.9rem;font-size: 0.85rem;cursor: pointer;transition: var(--transition);font-family: inherit;}.lang-btn:hover {box-shadow: var(--shadow);transform: translateY(-1px);background: #fff;color: #0c0a15;}.hero {padding: 4rem 0 2.5rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2.5rem;align-items: center;}.kicker {display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.35rem 1rem;border-radius: 999px;border: 1px dashed var(--border);background: rgba(26, 23, 44, 0.7);font-size: 0.85rem;}.hero h1 {font-size: clamp(2.2rem, 5vw, 3.8rem);margin: 1rem 0;line-height: 1.1;font-family: "Cairo", sans-serif;color: var(--ink);}.hero p {font-size: 1rem;color: var(--ink-soft);max-width: 520px;}.tag-row {display: flex;flex-wrap: wrap;gap: 0.6rem;margin: 1.4rem 0;}.tag {padding: 0.35rem 0.9rem;border-radius: 999px;background: #1a172c;border: 1px solid var(--border);font-size: 0.85rem;box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3);}.facts-grid {margin-top: 1.4rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 1rem;}.fact-card {background: #161326;border: 1px solid var(--border);border-radius: var(--radius-md);padding: 0.9rem 1rem;box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3);}.fact-label {display: block;font-size: 0.7rem;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255, 255, 255, 0.6);}.fact-value {display: block;margin-top: 0.45rem;font-size: 0.95rem;font-weight: 600;}.playlist-link {display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.45rem 0.8rem;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.14);background: rgba(255, 255, 255, 0.04);color: var(--accent);font-weight: 700;text-decoration: none;transition: var(--transition);}.playlist-link::after {content: "↗";font-size: 0.9em;line-height: 1;}.playlist-link:hover {transform: translateY(-1px);background: rgba(255, 255, 255, 0.07);border-color: rgba(255, 255, 255, 0.24);box-shadow: 0 10px 18px rgba(0, 0, 0, 0.3);}.memory-track {display: flex;align-items: center;gap: 0.5rem;margin: 1rem 0 2rem;}.memory-dot {width: 12px;height: 12px;border-radius: 50%;background: var(--dot, var(--accent));box-shadow: 0 0 0 6px rgba(243, 139, 58, 0.12);}.memory-line {flex: 1;height: 2px;background: linear-gradient(90deg, rgba(47, 143, 211, 0.4), rgba(242, 106, 160, 0.4), rgba(243, 139, 58, 0.6));}.hero-figure {position: relative;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow);background: #111;}.hero-figure img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 2 / 3;}.hero-figure .badge {position: absolute;top: 1rem;left: 1rem;background: rgba(26, 23, 44, 0.92);padding: 0.35rem 0.8rem;border-radius: 999px;font-size: 0.85rem;}.section {padding: 3rem 0;}.section-title {font-size: clamp(1.6rem, 3vw, 2.4rem);margin-bottom: 0.8rem;font-family: "Cairo", sans-serif;color: var(--ink);}.section-subtitle {color: var(--ink-soft);max-width: 640px;}.mini-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.2rem;margin-top: 1.8rem;}.mini-card {background: #161326;border-radius: var(--radius-md);border: 1px solid var(--border);padding: 1.2rem;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);}.mini-card h3 {font-size: 1rem;margin-bottom: 0.45rem;}.mini-card p {font-size: 0.9rem;color: var(--ink-soft);}.pipeline {margin-top: 2rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 1rem;}.pipeline-step {background: #161326;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 1rem;position: relative;}.pipeline-step::before {content: "";position: absolute;top: 0.9rem;inset-inline-start: 0.9rem;width: 8px;height: 8px;border-radius: 50%;background: var(--accent-2);}.pipeline-step .step-count {display: block;font-size: 0.7rem;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(255, 255, 255, 0.6);margin-inline-start: 1rem;}.pipeline-step .step-title {display: block;margin-top: 0.5rem;font-weight: 600;}.video-switcher {margin-top: 1.8rem;display: grid;gap: 1.2rem;align-items: start;}.switcher-controls {display: inline-flex;flex-wrap: wrap;gap: 0.4rem;padding: 0.35rem;border-radius: 999px;border: 1px solid var(--border);background: #161326;width: fit-content;}.switcher-btn {color: var(--ink); border: none;background: transparent;padding: 0.45rem 1.1rem;border-radius: 999px;font-size: 0.9rem;cursor: pointer;transition: var(--transition);font-family: inherit;}.switcher-btn.is-active {background: linear-gradient(135deg, rgba(243, 139, 58, 0.25), rgba(47, 143, 211, 0.2));box-shadow: 0 10px 22px rgba(22, 22, 22, 0.08);}.video-shell {background: #111;border-radius: var(--radius-lg);overflow: hidden;position: relative;box-shadow: var(--shadow);}.video-shell video {width: 100%;height: 100%;display: block;aspect-ratio: 16 / 9;object-fit: cover;}.video-shell .label {position: absolute;bottom: 1rem;left: 1rem;background: rgba(255, 255, 255, 0.92);padding: 0.35rem 0.8rem;border-radius: 999px;font-size: 0.85rem;display: inline-flex;align-items: center;gap: 0.4rem;}.video-shell .label-animatic {display: none;}.video-shell.is-animatic .label-final {display: none;}.video-shell.is-animatic .label-animatic {display: inline-flex;}.video-shell.is-animatic video {filter: grayscale(1);}.switcher-hint {font-size: 0.85rem;color: var(--ink-soft);}.card-grid {margin-top: 1.8rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));gap: 1.2rem;}.lineup {display: flex;flex-wrap: wrap;gap: 0.6rem;margin-top: 1.6rem;}.lineup-item {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0.85rem;border-radius: 999px;border: 1px solid var(--border);background: rgba(26, 23, 44, 0.85);font-size: 0.85rem;}.lineup-dot {width: 10px;height: 10px;border-radius: 50%;background: var(--line-color, var(--accent));box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.08);}.lineup-trait {font-size: 0.75rem;color: rgba(255, 255, 255, 0.6);}.character-card {background: #161326;border-radius: var(--radius-md);padding: 1.2rem;border: 1px solid var(--border);box-shadow: 0 10px 24px rgba(22, 22, 22, 0.08);position: relative;overflow: hidden;transition: var(--transition);}.character-card::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--char-color, var(--accent));}.character-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(26, 26, 26, 0.08));opacity: 0;transition: var(--transition);}.character-card:hover {transform: translateY(-4px);}.character-card:hover::after {opacity: 1;}.character-card h3 {font-size: 1.1rem;margin-bottom: 0.3rem;color: var(--ink);}.character-card p {font-size: 0.9rem;color: var(--ink-soft);}.memory {margin-top: 0.6rem;font-size: 0.85rem;color: #1a1a1a;opacity: 0.65;transition: var(--transition);}.character-card:hover .memory {opacity: 1;}.media-grid {margin-top: 1.8rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.2rem;}.media-card {border-radius: var(--radius-md);overflow: hidden;border: 1px solid var(--border);background: #161326;position: relative;box-shadow: 0 8px 20px rgba(22, 22, 22, 0.08);}.media-zoom {position: relative;display: block;width: 100%;border: none;padding: 0;background: none;cursor: zoom-in;}.media-zoom::after {content: "+";position: absolute;top: 0.8rem;right: 0.8rem;width: 32px;height: 32px;border-radius: 50%;background: #685fba; color: #ffffff;color: #1a1a1a;display: grid;place-items: center;font-weight: 700;box-shadow: 0 8px 18px rgba(22, 22, 22, 0.18);}.media-zoom img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 4 / 3;}.media-card .caption {position: absolute;bottom: 0.8rem;left: 0.8rem;background: #685fba; color: #ffffff;padding: 0.25rem 0.7rem;border-radius: 999px;font-size: 0.75rem;}.lightbox {position: fixed;inset: 0;background: rgba(16, 16, 16, 0.85);display: grid;place-items: center;opacity: 0;pointer-events: none;transition: var(--transition);z-index: 50;padding: 1.5rem;}.lightbox.is-open {opacity: 1;pointer-events: auto;}.lightbox img {max-width: min(92vw, 1200px);max-height: 85vh;border-radius: 16px;box-shadow: var(--shadow);}.lightbox-close {position: absolute;top: 1.5rem;right: 1.5rem;width: 40px;height: 40px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.95);font-size: 1.3rem;cursor: pointer;box-shadow: var(--shadow);}.assets-grid {margin-top: 1.6rem;display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 1rem;}.asset-card {background: #161326;border-radius: var(--radius-md);border: 1px solid var(--border);padding: 1rem;text-align: center;box-shadow: 0 8px 18px rgba(22, 22, 22, 0.08);}.asset-card strong {display: block;font-size: 1.6rem;font-weight: 700;}.asset-card span {display: block;margin-top: 0.3rem;font-size: 0.8rem;color: var(--ink-soft);}.cta {margin: 3rem 0 4rem;padding: 2rem;border-radius: var(--radius-lg);background: linear-gradient(135deg, rgba(243, 139, 58, 0.18), rgba(47, 143, 211, 0.18));border: 1px solid rgba(26, 26, 26, 0.12);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.2rem;}.cta h3 {font-size: clamp(1.3rem, 2.5vw, 1.9rem);}.btn {border-radius: 999px;padding: 0.8rem 1.6rem;border: none;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: var(--transition);}.btn-primary {background: linear-gradient(135deg, var(--zaabola-orange), #f7c14f);color: #1d1d1d;box-shadow: var(--shadow);}.btn-ghost {background: transparent;border: 1px solid var(--border);}.btn:hover {transform: translateY(-2px);}.reveal {opacity: 0;transform: translateY(22px);transition: 0.7s ease;}.reveal.is-visible {opacity: 1;transform: translateY(0);}@media (max-width: 760px) {.nav { display: none; }.hero { padding-top: 2rem; }.topbar { position: static; }}@media (prefers-reduced-motion: reduce) {* {scroll-behavior: auto !important;animation: none !important;transition: none !important;}}