:root{--primary: #0A0A0A;--primary-light: #121212;--secondary: #F5F5F5;--secondary-muted: #A0A0A0;--accent: #00FF88;--accent-glow: rgba(0, 255, 136, .3);--accent-secondary: #7C3AED;--accent-secondary-glow: rgba(124, 58, 237, .3);--accent-blue: #00D4FF;--accent-pink: #FF3D8A;--accent-orange: #FF8A00;--accent-yellow: #FFD600;--surface: #1A1A1A;--surface-elevated: #242424;--surface-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--font-display: "Space Grotesk", sans-serif;--font-body: "DM Sans", sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.375rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.625rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--text-4xl: clamp(2.5rem, 1.75rem + 3.75vw, 5rem);--text-5xl: clamp(3rem, 2rem + 5vw, 7rem);--text-hero: clamp(3.5rem, 2rem + 7.5vw, 10rem);--space-xxs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--space-section: clamp(5rem, 10vh, 10rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--duration-slowest: 1.2s;--container-max: 1400px;--container-padding: clamp(1.5rem, 5vw, 5rem);--header-height: 5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 25px 80px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px var(--accent-glow);--shadow-glow-blue: 0 0 40px rgba(0, 212, 255, .3);--shadow-glow-pink: 0 0 40px rgba(255, 61, 138, .3);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--z-base: 0;--z-above: 10;--z-header: 100;--z-overlay: 200;--z-modal: 300;--z-cursor: 9999;--gradient-1: #0A0A0A;--gradient-2: #0D1B2A;--gradient-3: #1B263B;--gradient-4: #2A1B3D}[data-theme=light]{--primary: #FAFAFA;--primary-light: #F5F5F5;--secondary: #1A1A1A;--secondary-muted: #555555;--accent: #00CC6A;--accent-glow: rgba(0, 204, 106, .25);--accent-secondary: #7C3AED;--accent-secondary-glow: rgba(124, 58, 237, .25);--accent-blue: #0099CC;--accent-pink: #E91E63;--accent-orange: #FF6D00;--accent-yellow: #FFC400;--surface: #FFFFFF;--surface-elevated: #F5F5F5;--surface-border: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 25px 80px rgba(0, 0, 0, .15);--shadow-glow: 0 0 40px var(--accent-glow);--shadow-glow-blue: 0 0 40px rgba(0, 153, 204, .25);--shadow-glow-pink: 0 0 40px rgba(233, 30, 99, .25);--gradient-1: #F8FAFC;--gradient-2: #ECFDF5;--gradient-3: #EFF6FF;--gradient-4: #FDF4FF}[dir=rtl]{--font-display: "IBM Plex Sans Arabic", var(--font-display);--font-body: "IBM Plex Sans Arabic", var(--font-body)}[dir=rtl] body{font-family:var(--font-arabic)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0s;--duration-normal: 0s;--duration-slow: 0s;--duration-slower: 0s;--duration-slowest: 0s}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--secondary);background-color:var(--primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--secondary)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{max-width:65ch;color:var(--secondary-muted)}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}::selection{background:var(--accent);color:var(--primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay);opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-reverse{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{position:relative;padding:var(--space-section) 0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary);transition:opacity .6s var(--ease-out-expo),visibility .6s}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;letter-spacing:.1em;overflow:hidden}.loading-logo span{display:inline-block;opacity:0;transform:translateY(100%);animation:letterReveal .6s var(--ease-out-expo) forwards}.loading-logo span:nth-child(1){animation-delay:.1s}.loading-logo span:nth-child(2){animation-delay:.15s}.loading-logo span:nth-child(3){animation-delay:.2s}.loading-logo span:nth-child(4){animation-delay:.25s}@keyframes letterReveal{to{opacity:1;transform:translateY(0)}}.loading-bar{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:200px;height:2px;background:var(--surface);border-radius:var(--radius-full);overflow:hidden}.loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));transition:width .3s ease}.gradient-bg{position:fixed;inset:0;z-index:-2;background:linear-gradient(-45deg,var(--gradient-1),var(--gradient-2),var(--gradient-3),var(--gradient-4),var(--gradient-3),var(--gradient-2));background-size:600% 600%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.color-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.4;pointer-events:none;z-index:-1;animation:orbFloat 10s ease-in-out infinite}.color-orb-1{width:40vw;height:40vw;max-width:500px;max-height:500px;top:-10%;left:-10%;background:var(--accent);animation-delay:0s}.color-orb-2{width:35vw;height:35vw;max-width:450px;max-height:450px;bottom:10%;right:-5%;background:var(--accent-secondary);animation-delay:-3s}.color-orb-3{width:30vw;height:30vw;max-width:400px;max-height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--accent-blue),var(--accent-pink));animation-delay:-6s;opacity:.25}@keyframes orbFloat{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1.1) translate(5%,5%)}50%{transform:scale(.95) translate(-5%,5%)}75%{transform:scale(1.05) translate(5%,-5%)}}.color-orb-3{animation:orbFloat3 10s ease-in-out infinite}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-45%,-45%) scale(1.1)}50%{transform:translate(-55%,-45%) scale(.95)}75%{transform:translate(-45%,-55%) scale(1.05)}}[data-theme=light] .color-orb{opacity:.2;filter:blur(120px)}[data-theme=light] .color-orb-3{opacity:.15}.three-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.4}.three-bg canvas{width:100%!important;height:100%!important}[data-animate=fade-up]{opacity:0;transform:translateY(40px)}[data-animate=fade-up].animated{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}[data-animate=split-words] .word span,[data-animate=split-lines] .line{opacity:0;transform:translateY(100%)}[data-animate=split-words].animated .word span,[data-animate=split-lines].animated .line{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}[data-animate].animated[data-delay]{transition-delay:var(--delay)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-glow)}}@keyframes textRevealClip{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-rotate{animation:rotate 10s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-elevated) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .6s var(--ease-out-expo)}.img-zoom:hover img{transform:scale(1.1)}.underline-effect{position:relative}.underline-effect:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease-out-expo)}.underline-effect:hover:after{width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animate]{opacity:1!important;transform:none!important}}.header{position:fixed;top:0;left:0;width:100%;z-index:var(--z-header);padding:var(--space-lg) 0;transition:background .3s ease,padding .3s ease,backdrop-filter .3s ease}.header.scrolled{padding:var(--space-md) 0;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-border)}[data-theme=light] .header.scrolled{background:#ffffffd9;border-bottom:1px solid rgba(0,204,106,.2);box-shadow:0 4px 20px #00cc6a1a}.nav{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:.1em;transition:opacity .3s ease}.nav-logo:hover{opacity:.8}.logo-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:var(--space-2xl)}.nav-link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary-muted);transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease-out-expo)}.nav-link:hover,.nav-link.active{color:var(--secondary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:6px;width:32px;height:24px;justify-content:center}.nav-toggle-line{width:100%;height:2px;background:var(--secondary);transition:transform .3s ease,opacity .3s ease}.nav-toggle.active .nav-toggle-line:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle.active .nav-toggle-line:last-child{transform:translateY(-4px) rotate(-45deg)}.nav-controls{display:flex;align-items:center;gap:var(--space-sm)}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--secondary);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;transition:all .3s var(--ease-out-expo);cursor:pointer}.control-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.control-btn svg{width:18px;height:18px}#lang-toggle{width:auto;padding:0 var(--space-md);border-radius:var(--radius-full)}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}}.mobile-menu{position:fixed;inset:0;z-index:calc(var(--z-header) - 1);background:var(--primary);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s var(--ease-out-expo),visibility .5s}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.mobile-menu-link{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--secondary);opacity:0;transform:translateY(40px);transition:opacity .5s ease,transform .5s var(--ease-out-expo),color .3s ease}.mobile-menu.active .mobile-menu-link{opacity:1;transform:translateY(0)}.mobile-menu.active .mobile-menu-link:nth-child(1){transition-delay:.1s}.mobile-menu.active .mobile-menu-link:nth-child(2){transition-delay:.15s}.mobile-menu.active .mobile-menu-link:nth-child(3){transition-delay:.2s}.mobile-menu.active .mobile-menu-link:nth-child(4){transition-delay:.25s}.mobile-menu.active .mobile-menu-link:nth-child(5){transition-delay:.3s}.mobile-menu-link:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-blue));color:var(--primary);border:2px solid transparent;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-blue),var(--accent-secondary));transform:translateY(-3px);box-shadow:0 10px 30px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--secondary);border:2px solid var(--accent)}.btn-secondary:hover{background:var(--accent);color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 30px var(--accent-glow)}.btn-icon{width:20px;height:20px;transition:transform .3s var(--ease-out-expo)}.btn:hover .btn-icon{transform:translate(4px)}.btn-submit .btn-loading,.btn-submit.loading .btn-text{display:none}.btn-submit.loading .btn-loading{display:inline}.btn-submit.loading .btn-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magnetic{transition:transform .2s var(--ease-out-expo)}.form-group{position:relative;margin-bottom:var(--space-lg)}.form-group input,.form-group textarea{width:100%;padding:var(--space-lg) var(--space-lg) var(--space-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--secondary);background:var(--surface);border:2px solid var(--surface-border);border-radius:var(--radius-md);transition:border-color .3s ease,background .3s ease;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--surface-elevated)}.form-group label{position:absolute;top:50%;left:var(--space-lg);transform:translateY(-50%);font-size:var(--text-base);color:var(--secondary-muted);pointer-events:none;transition:all .3s var(--ease-out-expo)}.form-group textarea~label{top:var(--space-lg);transform:translateY(0)}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{top:var(--space-xs);font-size:var(--text-xs);color:var(--accent)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-3xl);transition:background .3s ease,border-color .3s ease,transform .4s var(--ease-out-expo)}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffff1f}.section-label{display:inline-block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:var(--space-lg)}.section-title{font-size:var(--text-4xl);max-width:800px;margin-bottom:var(--space-3xl)}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));z-index:calc(var(--z-header) + 1);transition:width .1s linear;box-shadow:0 0 10px var(--accent-glow)}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--surface-border);border-radius:50%;color:var(--secondary-muted);transition:all .3s var(--ease-out-expo)}.social-link:hover{color:var(--primary);background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.social-link svg{width:20px;height:20px}.form-notification{position:relative;margin-top:2rem;padding:1.5rem 1.75rem;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:500;opacity:1;transition:all .3s var(--ease-out-expo);animation:notificationSlideIn .5s var(--ease-out-expo);display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-md),0 0 0 1px var(--surface-border)}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-notification:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,currentColor 0%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}.form-notification-icon{width:24px;height:24px;flex-shrink:0;animation:iconPop .5s var(--ease-elastic) .1s both}@keyframes iconPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.form-notification-content{flex:1;line-height:1.6}.form-notification-title{font-weight:600;margin-bottom:.25rem;font-size:var(--text-lg)}.form-notification-message{opacity:.85;font-size:var(--text-sm)}.form-notification-success{background:linear-gradient(135deg,#00ff8826,#00ff880d);color:var(--accent);border:1px solid rgba(0,255,136,.3);box-shadow:var(--shadow-md),var(--shadow-glow),0 0 0 1px #0f83}.form-notification-success .form-notification-title{color:var(--accent)}.form-notification-error{background:linear-gradient(135deg,#ff444426,#ff44440d);color:#f44;border:1px solid rgba(255,68,68,.3);box-shadow:var(--shadow-md),0 0 40px #f443,0 0 0 1px #f443}.form-notification-error .form-notification-title{color:#ff6b6b}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--header-height) var(--container-padding)}.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-gradient{position:absolute;width:150%;height:150%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,255,136,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 80% 60%,rgba(124,58,237,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 80% at 50% 100%,rgba(0,255,136,.08) 0%,transparent 50%);animation:gradientFloat 20s ease-in-out infinite alternate}@keyframes gradientFloat{0%{transform:translate(-50%,-50%) scale(1) rotate(0)}to{transform:translate(-50%,-50%) scale(1.1) rotate(3deg)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:.3;animation:particleFloat 15s infinite linear}.particle:nth-child(1){left:10%;top:20%;animation-duration:18s;animation-delay:0s}.particle:nth-child(2){left:20%;top:80%;animation-duration:22s;animation-delay:-3s}.particle:nth-child(3){left:30%;top:40%;animation-duration:16s;animation-delay:-6s}.particle:nth-child(4){left:40%;top:70%;animation-duration:20s;animation-delay:-9s}.particle:nth-child(5){left:50%;top:30%;animation-duration:19s;animation-delay:-2s}.particle:nth-child(6){left:60%;top:60%;animation-duration:21s;animation-delay:-5s}.particle:nth-child(7){left:70%;top:10%;animation-duration:17s;animation-delay:-8s}.particle:nth-child(8){left:80%;top:50%;animation-duration:23s;animation-delay:-1s}.particle:nth-child(9){left:90%;top:85%;animation-duration:18s;animation-delay:-4s}.particle:nth-child(10){left:15%;top:55%;animation-duration:24s;animation-delay:-7s}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}25%{transform:translateY(-100px) translate(50px) scale(1.2);opacity:.6}50%{transform:translateY(-50px) translate(-30px) scale(.8);opacity:.4}75%{transform:translateY(50px) translate(20px) scale(1.1);opacity:.5}}.hero-content{position:relative;z-index:1;text-align:center;max-width:1200px}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,var(--accent),var(--accent-blue),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xl);opacity:0;transform:translateY(20px);padding:var(--space-sm) var(--space-lg);border:1px solid var(--accent);border-radius:var(--radius-full);background-size:200% 200%;animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-eyebrow:before,.hero-eyebrow:after{display:none}.hero-title{font-size:var(--text-hero);font-weight:700;line-height:1.1;margin-bottom:var(--space-xl);letter-spacing:-.03em}[dir=rtl] .hero-title{line-height:1.3;letter-spacing:0}.hero-title .word{display:inline-block;overflow:visible;padding-bottom:.1em}.hero-title .word span{display:inline-block;opacity:0;transform:translateY(120%)}.hero-title .gradient-word span{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-xl);color:var(--secondary-muted);max-width:600px;margin:0 auto var(--space-3xl);opacity:0;transform:translateY(30px)}.hero-cta{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(30px)}.scroll-indicator{position:absolute;bottom:var(--space-3xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);opacity:0}.scroll-indicator span{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--secondary-muted)}.scroll-indicator-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--accent),transparent);position:relative;overflow:hidden}.scroll-indicator-line:after{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:var(--secondary);animation:scrollLine 2s var(--ease-in-out-quart) infinite}@keyframes scrollLine{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.hero-marquee{position:absolute;bottom:0;left:0;width:100%;padding:var(--space-xl) 0;overflow:hidden;border-top:1px solid var(--surface-border);background:linear-gradient(to top,rgba(10,10,10,.8),transparent)}[data-theme=light] .hero-marquee{background:linear-gradient(to top,rgba(255,255,255,.9),transparent);border-top:1px solid rgba(0,0,0,.05)}.marquee-track{display:flex;animation:marquee 30s linear infinite}.marquee-content{display:flex;flex-shrink:0;gap:var(--space-3xl);padding-right:var(--space-3xl)}.marquee-item{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:#ffffff0f;white-space:nowrap;transition:color .3s ease}.marquee-item:hover{color:#ffffff26}.marquee-divider{color:var(--accent);opacity:.3}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.hero{padding-top:calc(var(--header-height) + var(--space-3xl));min-height:100svh}.hero-eyebrow:before,.hero-eyebrow:after{width:20px}.hero-cta{flex-direction:column;align-items:center}.scroll-indicator{bottom:120px}.hero-marquee{display:none}}.about{background:var(--primary)}.about-header{max-width:900px;margin-bottom:var(--space-4xl)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.about-text p{font-size:var(--text-lg);line-height:1.8;margin-bottom:var(--space-lg)}.about-text p:last-child{margin-bottom:0}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--surface-border);text-align:center;transition:transform .3s var(--ease-out-expo),border-color .3s ease}.stat-item:hover{transform:translateY(-5px);border-color:var(--accent)}.stat-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-unit{font-size:var(--text-2xl)}.stat-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--secondary-muted)}@media(max-width:1024px){.about-content{grid-template-columns:1fr}.about-stats{margin-top:var(--space-xl)}}@media(max-width:640px){.about-stats{grid-template-columns:1fr}}.work{background:var(--primary-light)}.work-header{text-align:center;margin-bottom:var(--space-4xl)}.work-header .section-title{margin-left:auto;margin-right:auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl)}.project-card{position:relative;display:block;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);border:1px solid var(--surface-border);transition:transform .5s var(--ease-out-expo),border-color .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 30px 60px #0000004d}.project-image{position:relative;aspect-ratio:16/10;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo),filter .3s ease;filter:saturate(.8) brightness(.9)}.project-card:hover .project-image img{transform:scale(1.05);filter:saturate(1) brightness(1)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.9) 0%,transparent 60%);transition:opacity .3s ease}.project-info{padding:var(--space-xl)}.project-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.project-category,.project-year{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.project-title{font-size:var(--text-2xl);margin-bottom:var(--space-sm);transition:color .3s ease}.project-card:hover .project-title{color:var(--accent)}.project-description{font-size:var(--text-sm);color:var(--secondary-muted);margin-bottom:var(--space-md);line-height:1.6}.project-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.stack-tag{font-size:var(--text-xs);padding:var(--space-xxs) var(--space-sm);background:#00ff881a;color:var(--accent);border-radius:var(--radius-full);border:1px solid rgba(0,255,136,.2)}.stack-tag:nth-child(2){background:#00d4ff1a;color:var(--accent-blue);border-color:#00d4ff33}.stack-tag:nth-child(3){background:#7c3aed1a;color:var(--accent-secondary);border-color:#7c3aed33}.stack-tag:nth-child(4){background:#ff3d8a1a;color:var(--accent-pink);border-color:#ff3d8a33}.project-coming{pointer-events:none}.coming-soon{display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px dashed var(--surface-border)}.coming-soon-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--secondary-muted)}.coming-soon-icon{font-size:var(--text-4xl);font-weight:300;opacity:.5}.coming-soon-text{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em}@media(max-width:900px){.projects-grid{grid-template-columns:1fr}}.team{background:var(--primary)}.team-header{text-align:center;margin-bottom:var(--space-4xl)}.team-header .section-title{margin-left:auto;margin-right:auto}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}.team-card{position:relative;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform .4s var(--ease-out-expo),border-color .3s ease,box-shadow .3s ease}.team-card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 20px 40px #0000004d}.team-card-inner{padding:var(--space-2xl);text-align:center}.team-avatar{position:relative;width:120px;height:120px;margin:0 auto var(--space-xl);border-radius:50%;overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .4s ease,transform .4s var(--ease-out-expo)}.team-card:hover .team-avatar img{filter:grayscale(0%);transform:scale(1.1)}.avatar-glow{position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-blue),var(--accent-secondary));z-index:-1;opacity:0;transition:opacity .3s ease;animation:rotateGlow 3s linear infinite}@keyframes rotateGlow{0%{background:linear-gradient(0deg,var(--accent),var(--accent-blue),var(--accent-secondary))}33%{background:linear-gradient(120deg,var(--accent-blue),var(--accent-secondary),var(--accent))}66%{background:linear-gradient(240deg,var(--accent-secondary),var(--accent),var(--accent-blue))}to{background:linear-gradient(360deg,var(--accent),var(--accent-blue),var(--accent-secondary))}}.team-card:hover .avatar-glow{opacity:1}.team-name{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.team-role{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:var(--space-md)}.team-bio{font-size:var(--text-sm);color:var(--secondary-muted);line-height:1.6;margin-bottom:var(--space-lg)}.team-socials{display:flex;justify-content:center;gap:var(--space-sm)}@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.team-grid{grid-template-columns:1fr}}.contact{background:var(--primary-light)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.contact-info{max-width:500px}.contact-text{font-size:var(--text-lg);color:var(--secondary-muted);margin-bottom:var(--space-2xl)}.contact-links{display:flex;flex-direction:column;gap:var(--space-md)}.contact-link{display:inline-flex;align-items:center;gap:var(--space-md);font-size:var(--text-base);color:var(--secondary);transition:color .3s ease}.contact-link:hover{color:var(--accent)}.contact-link svg{width:24px;height:24px;color:var(--accent)}.contact-form{background:var(--surface);padding:var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--surface-border)}@media(max-width:900px){.contact-wrapper{grid-template-columns:1fr}}.footer{background:var(--primary);border-top:1px solid var(--surface-border);padding:var(--space-4xl) 0 var(--space-2xl)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-2xl);margin-bottom:var(--space-3xl)}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--secondary-muted)}.footer-links{display:flex;gap:var(--space-xl);flex-wrap:wrap}.footer-link{font-size:var(--text-sm);color:var(--secondary-muted);transition:color .3s ease}.footer-link:hover{color:var(--accent)}.footer-socials{display:flex;gap:var(--space-sm)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--surface-border)}.footer-copyright{font-size:var(--text-sm);color:var(--secondary-muted);text-align:center}@media(max-width:768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-links{justify-content:center}}