@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;800&family=Inter:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--font-primary:"Inter",system-ui,-apple-system,sans-serif;--font-arabic:"Cairo","Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--color-space-black:#0a0614;--color-deep-space:#11071f;--color-nebula-purple:#2d1b4e;--color-galaxy-blue:#1a2b4e;--color-star-white:#f0f0f3;--color-cosmic-purple:#6c5ce7;--color-stellar-blue:#4a90e2;--color-aurora-green:#00d9a3;--color-supernova-pink:#fd79a8;--color-constellation-gold:#ffd93d;--gradient-cosmic:linear-gradient(135deg,#11071f 0%,#2d1b4e 50%,#1a2b4e 100%);--gradient-nebula:linear-gradient(135deg,#6c5ce7 0%,#4a90e2 50%,#00d9a3 100%);--gradient-aurora:linear-gradient(45deg,#fd79a8 0%,#6c5ce7 50%,#4a90e2 100%);--gradient-star:radial-gradient(circle,#fffc 0%,#fff0 70%);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-cosmic:0 10px 40px #6c5ce733;--shadow-nebula:0 20px 60px #4a90e24d;--shadow-glow:0 0 20px #6c5ce780;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-background:-1;--z-content:1;--z-navigation:100;--z-modal:1000}.sanity-studio-wrapper{color:#fff!important;background:#101112!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Liberation Sans,sans-serif!important;font-size:16px!important;line-height:normal!important}.sanity-studio-wrapper *,.sanity-studio-wrapper :before,.sanity-studio-wrapper :after{font-size:initial;line-height:initial;box-sizing:border-box}html.in-studio,body.in-studio{font-size:16px!important;overflow:auto!important}*{box-sizing:border-box;margin:0;padding:0}html{height:auto;overflow-x:hidden;direction:ltr!important}body{color:var(--color-star-white);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;background:#1a2b4e;min-height:100dvh;margin:0;padding:0;font-size:16px;line-height:1.7;position:relative;overflow-x:hidden;overflow-y:visible!important}body[dir=rtl]{font-family:var(--font-arabic);direction:rtl}body[dir=ltr]{direction:ltr}.cosmic-background{width:100vw;height:100dvh;z-index:var(--z-background);background:var(--gradient-cosmic);position:fixed;top:0;left:0;overflow:hidden}.cosmic-background:before{content:"";opacity:.3;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000),radial-gradient(1px 1px at 15% 90%,#fff,#0000);background-position:0 0;background-size:200% 200%;width:200%;height:200%;animation:120s linear infinite stars-drift;position:absolute;top:-50%;left:-50%}.cosmic-background:after{content:"";background:radial-gradient(at top,#6c5ce726,#0000 50%),radial-gradient(at bottom,#4a90e21a,#0000 50%);width:100%;height:100%;animation:15s ease-in-out infinite nebula-pulse;position:absolute;top:0;left:0}@keyframes stars-drift{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}@keyframes nebula-pulse{0%,to{opacity:1}50%{opacity:.6}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-star-white);font-weight:600;line-height:1.3}h1{background:linear-gradient(135deg,var(--color-star-white)0%,var(--color-stellar-blue)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:#f0f0f3e6;margin-bottom:1rem}a{color:var(--color-stellar-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-aurora-green)}code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:#6c5ce71a;border:1px solid #6c5ce733;padding:.2em .4em;font-size:.9em}.container{max-width:1240px;padding:0 var(--spacing-lg);z-index:var(--z-content);margin:0 auto;position:relative}.container-narrow{max-width:900px;padding:0 var(--spacing-lg);margin:0 auto}@media (max-width:768px){.container,.container-narrow{padding:0 var(--spacing-md)}}@media (max-width:480px){.container,.container-narrow{padding:0 var(--spacing-sm)}}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-cosmic);will-change:transform,opacity;background:#11071f99;border:1px solid #ffffff1a;transform:translateZ(0)}@media (max-width:768px){.glass-card{-webkit-backdrop-filter:blur(10px)}}.glow-effect{position:relative}.glow-effect:before{content:"";background:var(--gradient-nebula);border-radius:inherit;opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(10px);position:absolute;inset:-2px}.glow-effect:hover:before{opacity:.6}.text-gradient{background:var(--gradient-nebula);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.constellation-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:30px 30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6c5ce74d}50%{box-shadow:0 0 40px #6c5ce799}}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-slide-in-left{animation:.6s ease-out slideInFromLeft}.animate-slide-in-right{animation:.6s ease-out slideInFromRight}*{scrollbar-width:none}::-webkit-scrollbar{display:none}html{scrollbar-width:thin;scrollbar-color:var(--color-cosmic-purple)transparent}html::-webkit-scrollbar{width:10px;display:block!important}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,transparent 0%,var(--color-cosmic-purple)20%,var(--color-aurora-green)50%,var(--color-cosmic-purple)80%,transparent 100%);background-clip:content-box;border:2px solid #0000;border-radius:20px}html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,transparent 0%,var(--color-aurora-green)20%,var(--color-cosmic-purple)50%,var(--color-aurora-green)80%,transparent 100%);background-clip:content-box}::-webkit-scrollbar-horizontal{height:0!important;display:none!important}::selection{color:var(--color-star-white);background:#6c5ce74d}::selection{color:var(--color-star-white);background:#6c5ce74d}:focus-visible{outline:2px solid var(--color-cosmic-purple);outline-offset:2px}@media (min-width:1400px){.container{max-width:1400px}}@media (min-width:961px) and (max-width:1399px){html:not(.in-studio){font-size:15px}.container{padding:0 var(--spacing-lg)}}@media (min-width:769px) and (max-width:960px){html:not(.in-studio){font-size:15px}.container{padding:0 var(--spacing-lg)}h1{font-size:2.5rem!important}h2{font-size:2rem!important}}@media (min-width:481px) and (max-width:768px){html:not(.in-studio){font-size:14px}.container{padding:0 var(--spacing-md)}h1{font-size:clamp(2.2rem,8vw,3rem)!important}h2{font-size:1.8rem!important}}@media (min-width:390px) and (max-width:480px){html:not(.in-studio){font-size:14px}.container{padding:0 var(--spacing-md);max-width:100%}h1{font-size:1.85rem!important;line-height:1.2!important}h2{font-size:1.6rem!important}button,a{min-width:44px;min-height:44px}}@media (max-width:389px){html{font-size:13px}.container{padding:0 var(--spacing-sm)}h1{font-size:1.65rem!important}h2{font-size:1.4rem!important}}.glass-card{transition:transform .3s,box-shadow .3s}@media (max-width:768px){.glass-card{padding:var(--spacing-lg)!important}}@media (max-width:480px){.glass-card{padding:var(--spacing-md)!important}}@media (max-width:960px){.article-card,.project-card{max-width:100%;margin:0 auto}}@media (max-width:768px){.article-card{padding:1.5rem!important}.article-card h3,.project-card h3{font-size:1.4rem!important}.article-card p,.project-card p{font-size:.95rem!important}}@media (max-width:430px){.article-card{border-radius:20px!important;padding:1.2rem!important}.article-card h3,.project-card h3{font-size:1.25rem!important}}img{max-width:100%;height:auto}@media (max-width:768px){button,a[role=button],.btn{min-width:44px;min-height:44px;padding:.75rem 1.5rem}input,textarea,select{padding:.75rem!important;font-size:16px!important}}@media (max-width:960px){.grid-2{grid-template-columns:1fr!important}.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.grid-3{grid-template-columns:1fr!important}}@media (max-width:768px){.text-center-mobile{text-align:center!important}.hide-mobile{display:none!important}.section{padding:var(--spacing-xl)0!important}}@media (max-width:480px){.section{padding:var(--spacing-lg)0!important}}html,body{max-width:100%;overflow-x:hidden}*{max-width:100%}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}body.lightbox-open .navigation{transition:opacity .3s ease-in-out;opacity:0!important;pointer-events:none!important}