:root{--bg-primary-dark: #05070f;--bg-secondary-dark: #0b0e1c;--text-primary-dark: #eef1ff;--text-secondary-dark: #9aa3c0;--accent-dark: #00d9ff;--accent-hover-dark: #5ce7ff;--accent-2-dark: #7a5cff;--border-dark: #1c2138;--card-bg-dark: #0c101f;--card-shadow-dark: 0 16px 40px rgba(0, 0, 0, .5);--bg-primary-light: #f6f8fc;--bg-secondary-light: #eceff7;--text-primary-light: #0d1120;--text-secondary-light: #525a75;--accent-light: #0092c7;--accent-hover-light: #00a8e0;--accent-2-light: #6a4df0;--border-light: #dde1ef;--card-bg-light: #ffffff;--card-shadow-light: 0 8px 24px rgba(13, 17, 32, .08);--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--accent: var(--accent-dark);--accent-hover: var(--accent-hover-dark);--accent-2: var(--accent-2-dark);--border: var(--border-dark);--card-bg: var(--card-bg-dark);--card-shadow: var(--card-shadow-dark);--gradient-accent: linear-gradient(110deg, var(--accent-2) 0%, var(--accent) 100%);--gradient-accent-soft: linear-gradient(110deg, rgba(122, 92, 255, .14) 0%, rgba(0, 217, 255, .14) 100%);--glow: 0 0 32px rgba(0, 217, 255, .3);--glow-2: 0 0 32px rgba(122, 92, 255, .32);--transition-speed: .3s;--halo-color-light: rgba(0, 146, 199, .14);--halo-color-dark: rgba(0, 217, 255, .16);--halo-color: var(--halo-color-dark)}[data-theme=light]{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--accent: var(--accent-light);--accent-hover: var(--accent-hover-light);--accent-2: var(--accent-2-light);--border: var(--border-light);--card-bg: var(--card-bg-light);--card-shadow: var(--card-shadow-light);--halo-color: var(--halo-color-light);--glow: 0 0 28px rgba(0, 146, 199, .2);--glow-2: 0 0 28px rgba(106, 77, 240, .2)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(52rem 52rem at 15% -8%,rgba(122,92,255,.12),transparent 60%),radial-gradient(46rem 46rem at 98% 12%,rgba(0,217,255,.1),transparent 60%),radial-gradient(44rem 44rem at 50% 115%,rgba(122,92,255,.09),transparent 60%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(0,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,black,transparent 80%)}[dir=rtl] body{font-family:Tajawal,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Tajawal,Space Grotesk,sans-serif}a{color:var(--accent);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:5rem 0}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;border-radius:3px;background:var(--gradient-accent)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.section{padding:3rem 0}.section-title{font-size:2rem;margin-bottom:2rem}}.fade-in{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.halo-effect{position:relative;overflow:visible}.halo-effect:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:radial-gradient(circle at center,var(--halo-color) 0%,transparent 50%);z-index:-1;opacity:0;transition:opacity .3s ease}.halo-effect:hover:before{opacity:1}