html{scroll-behavior:smooth}html[lang=en]{font-family:Inter,sans-serif!important;--font-sans: "Inter", sans-serif}html[lang=ar]{font-family:Cairo,sans-serif!important;--font-sans: "Cairo", sans-serif}body{background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;line-height:1.6}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.02em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:Cairo,sans-serif;letter-spacing:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.nav-blur{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-link:hover{color:var(--text)!important;background:var(--border)}.gradient-text{background:linear-gradient(90deg,#e87722,#d4641a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.portfolio-item-card{width:100%;padding:16px}@media(min-width:768px){.portfolio-item-card{width:50%}}@media(min-width:1024px){.portfolio-item-card{width:25%}}.glow-card{position:relative;overflow:hidden}.glow-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.glow-card:hover:before{opacity:1}html[data-theme=dark] .glow-card:hover{border-color:#e877224d!important}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.1)}}.hero-orb-1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,119,34,.15) 0%,transparent 70%);top:-100px;left:-100px;animation:orbFloat1 8s ease-in-out infinite;pointer-events:none}.hero-orb-2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(8,145,178,.08) 0%,transparent 70%);bottom:-80px;right:-80px;animation:orbFloat2 10s ease-in-out infinite;pointer-events:none}.hero-orb-3{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(232,119,34,.06) 0%,transparent 70%);top:40%;left:60%;animation:orbFloat1 12s ease-in-out infinite reverse;pointer-events:none}.tab-item{border-left:2px solid var(--border);transition:border-color .2s}.tab-item.active{border-color:var(--accent)}.tab-item.active .tab-title{color:var(--text)!important}@media(max-width:767px){.process-panel{display:none!important}.tab-item{border-left:none;border-bottom:1px solid var(--border);padding-left:0!important}.tab-item:first-child{border-top:1px solid var(--border)}.tab-item.active{border-bottom-color:#e8772240;background:#e877220a;border-radius:8px}.tab-chevron{display:block!important}.tab-item.active .tab-chevron{transform:rotate(180deg)}}@media(min-width:768px){.tab-item .tab-body{display:none!important}}.tab-chevron{display:none;transition:transform .25s ease}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(var(--marquee-dist, -50%))}}.trust-marquee-track{display:flex;align-items:center;width:max-content;animation:marquee var(--marquee-dur, 20s) linear infinite}.trust-marquee-track:hover{animation-play-state:paused}.trust-marquee-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:translateY(0)}html[data-theme=dark] .theme-icon-moon{display:block}html[data-theme=dark] .theme-icon-sun,html[data-theme=light] .theme-icon-moon{display:none!important}html[data-theme=light] .theme-icon-sun{display:block!important}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.social-icon:hover{color:var(--accent)!important;border-color:var(--accent)!important}