:root {
  --cen-night: #14102a;
  --cen-sand: #f8f0df;
  --cen-gold: #d4a64f;
  --cen-calm: #2f7d73;
  --cen-ink-soft: color-mix(in srgb, var(--cen-night) 72%, white);
  --cen-line: color-mix(in srgb, var(--cen-night) 16%, transparent);
  --cen-radius-large: 30px;
  --cen-shadow-soft: 0 24px 80px color-mix(in srgb, var(--cen-gold) 26%, transparent);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; direction: rtl; color: var(--cen-night); background: radial-gradient(circle at 85% 5%, color-mix(in srgb, var(--cen-gold) 28%, transparent), transparent 34rem), var(--cen-sand); font-family: "Cairo", system-ui, sans-serif; line-height: 1.8; }
a { color: inherit; }
.cen-mast { position: sticky; top: 0; z-index: 50; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px clamp(18px, 5vw, 64px); border-bottom: 1px solid var(--cen-line); background: color-mix(in srgb, var(--cen-sand) 82%, transparent); backdrop-filter: blur(18px); }
.cen-sigil { font-family: "Noto Naskh Arabic", serif; font-weight: 700; font-size: clamp(24px, 3vw, 36px); text-decoration: none; }
.cen-nav-veil { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; font-size: 14px; }
.cen-nav-veil a { text-decoration: none; opacity: .76; }
.cen-nav-veil a:hover { opacity: 1; }
.cen-menu-spark { display: none; border: 1px solid var(--cen-line); border-radius: 999px; background: white; padding: 9px 16px; font: inherit; }
h1, h2, h3 { font-family: "Noto Naskh Arabic", serif; line-height: 1.15; margin: 0 0 16px; }
h1 { font-size: clamp(42px, 7vw, 86px); letter-spacing: -.04em; }
h2 { font-size: clamp(30px, 4vw, 54px); }
h3 { font-size: 24px; }
.cen-hero-field { min-height: 78vh; padding: clamp(54px, 8vw, 116px) clamp(18px, 6vw, 76px); display: grid; grid-template-columns: 1.1fr .9fr; gap: 34px; align-items: center; }
.cen-kicker, .cen-title-row p, .cen-contact-text > p, .cen-long-article > p:first-of-type, .cen-about-page > p, .cen-contact-page > p { color: var(--cen-calm); text-transform: uppercase; letter-spacing: .14em; font-size: 13px; font-weight: 800; }
.cen-lead, .cen-article-lead { font-size: clamp(18px, 2vw, 24px); color: var(--cen-ink-soft); max-width: 760px; }
.cen-above-disclaimer { margin: 22px 0; padding: 17px 20px; border: 1px solid color-mix(in srgb, var(--cen-gold) 42%, transparent); border-radius: var(--cen-radius-large); background: color-mix(in srgb, white 74%, var(--cen-gold)); box-shadow: var(--cen-shadow-soft); font-weight: 800; }
.cen-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.cen-gold-link, .cen-quiet-link, .cen-plan-stack a, .cen-article-lattice a, .cen-final-cta a, .cen-message-form button, .cen-cookie-orbit button { display: inline-flex; justify-content: center; align-items: center; border-radius: 999px; padding: 13px 22px; text-decoration: none; font-weight: 800; }
.cen-gold-link, .cen-plan-stack a, .cen-message-form button, .cen-cookie-orbit button { background: var(--cen-night); color: var(--cen-sand); border: 0; }
.cen-quiet-link { border: 1px solid var(--cen-line); background: color-mix(in srgb, white 72%, transparent); }
.cen-sky-panel { min-height: 360px; border-radius: calc(var(--cen-radius-large) * 1.15); border: 1px solid var(--cen-line); background: linear-gradient(145deg, color-mix(in srgb, white 70%, var(--cen-gold)), color-mix(in srgb, var(--cen-calm) 28%, var(--cen-sand))); box-shadow: var(--cen-shadow-soft); padding: 34px; display: grid; grid-template-columns: repeat(2, 1fr); place-items: center; text-align: center; font-size: 54px; }
.cen-sky-panel strong { grid-column: 1 / -1; font-size: 76px; font-family: "Noto Naskh Arabic", serif; }
.cen-sky-panel p { grid-column: 1 / -1; font-size: 18px; }
.cen-section-shell { padding: clamp(54px, 8vw, 104px) clamp(18px, 6vw, 76px); }
.cen-title-row { max-width: 820px; margin-bottom: 32px; }
.cen-feature-weave, .cen-plan-stack, .cen-voice-grid, .cen-article-lattice, .cen-contact-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.cen-feature-weave article, .cen-plan-stack article, .cen-voice-grid figure, .cen-article-lattice article, .cen-contact-cards article, .cen-legal-scroll, .cen-about-page, .cen-contact-page, .cen-long-article { border: 1px solid var(--cen-line); border-radius: var(--cen-radius-large); background: color-mix(in srgb, white 78%, transparent); padding: clamp(22px, 3vw, 36px); box-shadow: 0 18px 56px color-mix(in srgb, var(--cen-night) 10%, transparent); }
.cen-feature-weave span { color: var(--cen-calm); font-weight: 900; }
.cen-plan-stack article { display: flex; flex-direction: column; justify-content: space-between; }
.cen-plan-glow { outline: 2px solid var(--cen-gold); transform: translateY(-8px); }
.cen-voice-grid figure { margin: 0; }
.cen-voice-grid blockquote { margin: 0 0 18px; font-size: 18px; }
.cen-voice-grid figcaption { display: flex; justify-content: space-between; gap: 12px; color: var(--cen-ink-soft); }
.cen-contact-chamber { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; align-items: start; }
.cen-contact-text, .cen-message-form { border-radius: var(--cen-radius-large); padding: clamp(24px, 4vw, 44px); }
.cen-contact-text { background: var(--cen-night); color: var(--cen-sand); }
.cen-contact-text strong { display: block; margin: 18px 0; }
.cen-message-form { display: grid; gap: 14px; border: 1px solid var(--cen-line); background: color-mix(in srgb, white 84%, var(--cen-gold)); }
.cen-message-form label { display: grid; gap: 8px; font-weight: 800; }
.cen-message-form input, .cen-message-form textarea { width: 100%; border: 1px solid var(--cen-line); border-radius: 16px; padding: 13px 14px; font: inherit; background: white; }
.cen-form-note { font-weight: 800; color: var(--cen-calm); }
.cen-question-list { display: grid; gap: 12px; max-width: 950px; }
.cen-answer-fold { border: 1px solid var(--cen-line); border-radius: 18px; overflow: hidden; background: color-mix(in srgb, white 82%, transparent); }
.cen-answer-fold button { width: 100%; text-align: right; background: transparent; border: 0; padding: 18px 20px; color: var(--cen-night); font: inherit; font-weight: 900; }
.cen-answer-fold div { display: none; padding: 0 20px 18px; }
.cen-answer-fold.cen-unfolded div { display: block; }
.cen-final-cta { margin: clamp(34px, 6vw, 80px); padding: clamp(28px, 5vw, 56px); border-radius: 38px; display: flex; justify-content: space-between; gap: 24px; align-items: center; background: linear-gradient(135deg, var(--cen-night), color-mix(in srgb, var(--cen-night) 70%, var(--cen-calm))); color: var(--cen-sand); }
.cen-final-cta a { background: var(--cen-sand); color: var(--cen-night); }
.cen-footer-arc { padding: 44px clamp(18px, 6vw, 76px); background: color-mix(in srgb, var(--cen-night) 95%, black); color: var(--cen-sand); }
.cen-footer-lanes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 28px 0; }
.cen-footer-lanes a { display: block; color: inherit; text-decoration: none; opacity: .76; margin: 8px 0; }
.cen-footer-proof { opacity: .72; border-top: 1px solid color-mix(in srgb, white 18%, transparent); padding-top: 18px; }
.cen-cookie-orbit { position: fixed; left: 18px; right: 18px; bottom: 18px; z-index: 70; max-width: 900px; margin: auto; display: none; justify-content: space-between; align-items: center; gap: 18px; border: 1px solid var(--cen-line); border-radius: 22px; padding: 16px; background: white; box-shadow: 0 22px 72px rgba(0,0,0,.18); }
.cen-cookie-orbit.cen-cookie-visible { display: flex; }
.cen-inner-page { padding: clamp(48px, 8vw, 100px) clamp(18px, 6vw, 76px); }
.cen-legal-scroll, .cen-about-page, .cen-contact-page, .cen-long-article { max-width: 980px; margin: auto; }
.cen-long-article p, .cen-legal-scroll p, .cen-about-page p, .cen-contact-page p { font-size: 18px; }
.cen-breadcrumbs, .cen-more-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.cen-breadcrumbs a, .cen-more-links a { border: 1px solid var(--cen-line); border-radius: 999px; padding: 9px 14px; background: color-mix(in srgb, white 72%, transparent); text-decoration: none; }
.cen-article-note { border-right: 5px solid var(--cen-gold); border-radius: 18px; background: color-mix(in srgb, white 62%, var(--cen-gold)); padding: 18px 22px; margin: 24px 0; }
@media (max-width: 920px) {
  .cen-menu-spark { display: inline-flex; }
  .cen-nav-veil { position: absolute; top: 100%; left: 16px; right: 16px; display: none; padding: 18px; border-radius: 20px; background: white; box-shadow: 0 22px 70px rgba(0,0,0,.14); }
  .cen-nav-veil.cen-nav-open { display: grid; }
  .cen-hero-field, .cen-contact-chamber { grid-template-columns: 1fr; }
  .cen-feature-weave, .cen-plan-stack, .cen-voice-grid, .cen-article-lattice, .cen-contact-cards, .cen-footer-lanes { grid-template-columns: 1fr; }
  .cen-final-cta, .cen-cookie-orbit { flex-direction: column; align-items: flex-start; }
}