.portal-gateway{background:var(--bg-page);padding:clamp(56px,8vw,96px) var(--gutter) clamp(56px,8vw,112px)}.portal-gateway__inner{max-width:var(--content-max);margin:0 auto}.portal-gateway__header{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:24px;row-gap:12px;margin-bottom:clamp(28px,3.5vw,48px);padding-bottom:clamp(20px,2.4vw,32px);border-bottom:1px solid var(--border-hairline)}.portal-gateway__label{grid-column:1;font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--accent-text)}.portal-gateway__title{grid-column:1;font-family:var(--font-display);font-size:clamp(1.875rem,4vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--text-primary);margin:0;text-wrap:balance}html[lang=ar] .portal-gateway__title{font-family:var(--font-arabic);font-weight:700;line-height:1.25;letter-spacing:0}.portal-gateway__subtitle{grid-column:1;font-family:var(--font-body);font-size:clamp(.9375rem,1.05vw,1.0625rem);line-height:1.55;color:var(--text-body);margin:0;max-width:56ch}html[lang=ar] .portal-gateway__subtitle{font-family:var(--font-arabic);line-height:1.85}.portal-gateway__chip{grid-column:2;grid-row:1 / 4;align-self:end;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-soft);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-body);white-space:nowrap}html[lang=ar] .portal-gateway__chip{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0;text-transform:none}.portal-gateway__chip-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}@media(max-width:720px){.portal-gateway__header{grid-template-columns:1fr}.portal-gateway__chip{grid-column:1;grid-row:auto;justify-self:start}}.portal-gateway__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(14px,1.4vw,20px)}@media(max-width:880px){.portal-gateway__grid{grid-template-columns:1fr}}.pg-card{--pg-bg: var(--bg-soft);--pg-text: var(--text-primary);--pg-text-soft: var(--text-body);--pg-muted: var(--text-muted);--pg-accent: var(--accent);--pg-border: var(--border-hairline);--pg-cta-bg: var(--bg-page);--pg-cta-text: var(--text-primary);--pg-input-bg: var(--bg-page);--pg-input-border: var(--border-hairline);position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;padding:clamp(22px,2.4vw,32px);min-height:280px;background:var(--pg-bg);color:var(--pg-text);text-decoration:none;border:1px solid var(--pg-border);border-radius:24px;overflow:hidden;isolation:isolate;transform:translateZ(0);backface-visibility:hidden;will-change:transform;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart)}a.pg-card:hover,form.pg-card:hover{transform:translate3d(0,-4px,0);box-shadow:0 28px 60px -28px color-mix(in oklab,var(--color-ink-950) 26%,transparent)}a.pg-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-chartreuse-500)}.pg-card--dark{--pg-bg: var(--color-ink-950);--pg-text: var(--color-cream-50);--pg-text-soft: color-mix(in oklab, var(--color-cream-50) 75%, transparent);--pg-muted: color-mix(in oklab, var(--color-cream-50) 55%, transparent);--pg-accent: var(--color-chartreuse-500);--pg-border: color-mix(in oklab, var(--color-cream-50) 12%, transparent);--pg-cta-bg: var(--color-chartreuse-500);--pg-cta-text: var(--color-ink-950)}.pg-card--cream{--pg-bg: var(--color-cream-50);--pg-text: var(--color-ink-950);--pg-text-soft: var(--color-charcoal-700);--pg-muted: var(--color-charcoal-500);--pg-accent: var(--color-chartreuse-700);--pg-border: color-mix(in oklab, var(--color-ink-950) 10%, transparent);--pg-cta-bg: var(--color-ink-950);--pg-cta-text: var(--color-cream-50)}.pg-card--accent{--pg-bg: var(--color-chartreuse-500);--pg-text: var(--color-ink-950);--pg-text-soft: color-mix(in oklab, var(--color-ink-950) 78%, transparent);--pg-muted: color-mix(in oklab, var(--color-ink-950) 60%, transparent);--pg-accent: var(--color-ink-950);--pg-border: color-mix(in oklab, var(--color-ink-950) 16%, transparent);--pg-cta-bg: var(--color-ink-950);--pg-cta-text: var(--color-chartreuse-500);--pg-input-bg: color-mix(in oklab, var(--color-cream-50) 70%, var(--color-chartreuse-500));--pg-input-border: color-mix(in oklab, var(--color-ink-950) 24%, transparent)}html[data-theme=dark] .pg-card--cream{--pg-bg: var(--color-cream-50);--pg-text: var(--color-ink-950);--pg-text-soft: var(--color-charcoal-700);--pg-muted: var(--color-charcoal-500);--pg-cta-bg: var(--color-ink-950);--pg-cta-text: var(--color-cream-50)}.pg-card__kicker{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pg-muted);position:relative;z-index:2;align-self:start}html[lang=ar] .pg-card__kicker{font-family:var(--font-arabic);font-size:.8125rem;letter-spacing:0;text-transform:none;font-weight:600}.pg-card__title{font-family:var(--font-display);font-size:clamp(1.625rem,2.4vw,2.125rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--pg-text);margin:0;position:relative;z-index:2}html[lang=ar] .pg-card__title{font-family:var(--font-arabic);font-weight:700;line-height:1.2;letter-spacing:0}.pg-card__tagline{font-family:var(--font-body);font-size:.9375rem;line-height:1.55;color:var(--pg-text-soft);margin:0;max-width:38ch;position:relative;z-index:2;align-self:start}html[lang=ar] .pg-card__tagline{font-family:var(--font-arabic);line-height:1.85}.pg-card__cta{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--pg-cta-bg);color:var(--pg-cta-text);border-radius:999px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:2;width:max-content;transition:transform var(--duration-base) var(--ease-out-quart)}html[lang=ar] .pg-card__cta{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:600}.pg-card__cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:color-mix(in oklab,var(--pg-cta-text) 14%,transparent);transition:transform var(--duration-base) var(--ease-out-quart)}html[dir=rtl] .pg-card__cta-arrow svg{transform:scaleX(-1)}a.pg-card:hover .pg-card__cta-arrow{transform:translate3d(2px,0,0)}html[dir=rtl] a.pg-card:hover .pg-card__cta-arrow{transform:translate3d(-2px,0,0)}.pg-card__field{display:flex;align-items:stretch;gap:0;background:var(--pg-input-bg);border:1px solid var(--pg-input-border);border-radius:999px;overflow:hidden;position:relative;z-index:2;transition:border-color var(--duration-base) var(--ease-out-quart)}.pg-card__field:focus-within{border-color:var(--pg-accent)}.pg-card__input{flex:1;min-width:0;background:transparent;border:none;padding:12px 16px;font-family:var(--font-mono);font-size:.875rem;color:var(--pg-text)}html[lang=ar] .pg-card__input{font-family:var(--font-arabic);font-size:.9375rem}.pg-card__input::placeholder{color:var(--pg-muted)}.pg-card__input:focus{outline:none}.pg-card__submit{display:inline-flex;align-items:center;justify-content:center;width:44px;background:var(--pg-cta-bg);color:var(--pg-cta-text);border:none;cursor:pointer;transition:background var(--duration-base) var(--ease-out-quart),opacity var(--duration-base) var(--ease-out-quart)}.pg-card__submit:disabled{opacity:.4;cursor:not-allowed}html[dir=rtl] .pg-card__submit svg{transform:scaleX(-1)}.pg-card__decoration{position:absolute;inset:0;width:100%;height:100%;z-index:1;color:var(--pg-text);pointer-events:none;transition:transform var(--duration-base) var(--ease-out-quart),opacity var(--duration-base) var(--ease-out-quart)}a.pg-card:hover .pg-card__decoration,form.pg-card:hover .pg-card__decoration{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.pg-card,.pg-card__decoration,.pg-card__cta-arrow{transition:none}a.pg-card:hover,form.pg-card:hover,a.pg-card:hover .pg-card__decoration,form.pg-card:hover .pg-card__decoration{transform:none}}
