.ubc-site{--ubc-bg:#08090a;--ubc-bg-2:#0c0d0f;--ubc-solid:#111214;--ubc-surface:#ffffff05;--ubc-surface-2:#ffffff0b;--ubc-border:#ffffff14;--ubc-border-strong:#ffffff24;--ubc-highlight:#ffffff0d;--ubc-text:#f7f8f8;--ubc-text-2:#8a8f98;--ubc-text-3:#62666d;--ubc-accent:#6aaec0;--ubc-progress:#f2c94c;--ubc-done:#6aaec0;--ubc-btn-bg:#e6e8eb;--ubc-btn-bg-hover:#fff;--ubc-btn-text:#08090a;--background:var(--ubc-bg);--foreground:var(--ubc-text);--card:var(--ubc-solid);--card-foreground:var(--ubc-text);--popover:var(--ubc-solid);--popover-foreground:var(--ubc-text);--primary:var(--ubc-text);--primary-foreground:var(--ubc-bg);--secondary:var(--ubc-solid);--secondary-foreground:var(--ubc-text);--muted:var(--ubc-solid);--muted-foreground:var(--ubc-text-2);--accent:var(--ubc-surface-2);--accent-foreground:var(--ubc-text);--border:var(--ubc-border);--input:var(--ubc-border);--ring:var(--ubc-accent);--font-body:var(--font-inter), "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif}html[data-theme=light] .ubc-site{--ubc-bg:#fcfcfc;--ubc-bg-2:#f5f6f7;--ubc-solid:#fff;--ubc-surface:#00000004;--ubc-surface-2:#00000009;--ubc-border:#00000014;--ubc-border-strong:#00000026;--ubc-highlight:#fffc;--ubc-text:#08090a;--ubc-text-2:#5f646c;--ubc-text-3:#8a8f98;--ubc-accent:#1d7489;--ubc-progress:#c99a06;--ubc-done:#1d7489;--ubc-btn-bg:#08090a;--ubc-btn-bg-hover:#26282c;--ubc-btn-text:#fff}body.ubc-site{background-color:var(--ubc-bg);color:var(--ubc-text);font-family:var(--font-body);font-feature-settings:"cv01", "ss03";font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color .3s,color .3s}.ubc-site ::selection{background:color-mix(in srgb, var(--ubc-accent) 35%, transparent);color:var(--ubc-text)}.ubc-display{letter-spacing:-.032em;font-weight:590;line-height:1.08}.ubc-gradient-text{background-image:linear-gradient(to bottom right, var(--ubc-text) 35%, color-mix(in srgb, var(--ubc-text) 55%, transparent));color:#0000;-webkit-background-clip:text;background-clip:text}.ubc-h1{font-size:clamp(2.25rem,5.6vw,4.25rem)}.ubc-h2{font-size:clamp(2rem,4.4vw,3.25rem)}.ubc-h3{font-size:clamp(1.625rem,2.8vw,2.25rem)}.ubc-card{background:linear-gradient(180deg, var(--ubc-surface-2), var(--ubc-surface) 60%);border:1px solid var(--ubc-border);box-shadow:inset 0 1px 0 0 var(--ubc-highlight);transition:border-color .2s,background-color .2s}a.ubc-card:hover,.ubc-card-hover:hover{border-color:var(--ubc-border-strong)}.ubc-divider{background:linear-gradient(90deg, transparent, var(--ubc-border-strong) 18%, var(--ubc-border-strong) 82%, transparent);height:1px}.ubc-glow{background:radial-gradient(ellipse 55% 60% at 50% 0%, color-mix(in srgb, var(--ubc-accent) 13%, transparent), transparent 70%)}.ubc-grid{background-image:linear-gradient(to right, var(--ubc-border) 1px, transparent 1px), linear-gradient(to bottom, var(--ubc-border) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%)}.ubc-spotlight{background:radial-gradient(60% 60% at 50% 35%, var(--ubc-surface-2), transparent 70%), var(--ubc-bg-2)}.ubc-fade-x{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ubc-link{color:var(--ubc-text-2);transition:color .15s}.ubc-link:hover{color:var(--ubc-text)}.ubc-btn{letter-spacing:-.005em;white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding-inline:1rem;font-size:.875rem;font-weight:510;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.ubc-btn:focus-visible{outline:2px solid var(--ubc-accent);outline-offset:2px}.ubc-btn-primary{background:var(--ubc-btn-bg);color:var(--ubc-btn-text)}.ubc-btn-primary:hover{background:var(--ubc-btn-bg-hover)}.ubc-btn-secondary{background:var(--ubc-surface-2);border:1px solid var(--ubc-border);color:var(--ubc-text)}.ubc-btn-secondary:hover{border-color:var(--ubc-border-strong);background:var(--ubc-highlight)}.ubc-input{border:1px solid var(--ubc-border);background:var(--ubc-surface);width:100%;height:2.5rem;color:var(--ubc-text);border-radius:.5rem;outline:none;padding-inline:.75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s,background-color .15s}textarea.ubc-input{resize:vertical;height:auto;padding-block:.625rem}.ubc-input::placeholder{color:var(--ubc-text-3)}.ubc-input:hover{border-color:var(--ubc-border-strong)}.ubc-input:focus{border-color:color-mix(in srgb, var(--ubc-accent) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ubc-accent) 18%, transparent)}.ubc-input[aria-invalid=true]{border-color:#eb5757b3}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}.animate-marquee{animation:marquee var(--duration) linear infinite}.animate-marquee-vertical{animation:marquee-vertical var(--duration) linear infinite}html[dir=rtl] .animate-marquee{animation-direction:reverse}@media (prefers-reduced-motion:reduce){.animate-marquee,.animate-marquee-vertical{animation:none!important}*{scroll-behavior:auto!important}}