*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--accent:#0f8;--accent-secondary:#00d4ff;--accent-tertiary:#ff6b35;--bg:#050505;--surface:#0a0a0a;--card:#111;--border:#1a1a1a;--text:#fff;--text-muted:#888;--font-display:Syne,sans-serif;--font-body:Outfit,sans-serif}.light{--bg:#fafafa;--surface:#fff;--card:#fff;--border:#e5e5e5;--text:#0a0a0a;--text-muted:#666}html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth;width:100%}html[dir=rtl]{direction:rtl}html[dir=rtl] .about__greeting,html[dir=rtl] .card-title,html[dir=rtl] .hero__name,html[dir=rtl] .info-title,html[dir=rtl] .project-title,html[dir=rtl] .section-title,html[dir=rtl] .service-title,html[dir=rtl] .stat-number,html[dir=rtl] .timeline-degree,html[dir=rtl] body{font-family:Noto Sans Arabic,sans-serif}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;max-width:100vw;overflow-x:hidden;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);width:100%}::-moz-selection{background-color:var(--accent);color:var(--bg)}::selection{background-color:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit}ol,ul{list-style:none}.container{margin:0 auto;max-width:1400px;padding:0 clamp(1rem,5vw,3rem);width:100%}.section{overflow-x:hidden;padding:clamp(4rem,10vh,8rem) 0;position:relative}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.section-title .accent{color:var(--accent);position:relative}.section-title .accent:after{background:var(--accent);bottom:.1em;content:"";height:.15em;left:0;opacity:.3;position:absolute;transform:skew(-12deg);width:100%}.section-subtitle{color:var(--text-muted);font-size:clamp(1rem,2vw,1.25rem);margin-bottom:3rem;max-width:600px}.btn{align-items:center;border-radius:100px;display:inline-flex;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn--primary{background:var(--accent);color:var(--bg)}.btn--primary:hover{box-shadow:0 10px 40px #00ff884d;transform:translateY(-2px)}.btn--outline{border:2px solid var(--border);color:var(--text)}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.btn--icon{border-radius:50%;height:50px;justify-content:center;padding:0;width:50px}.magnetic{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.text-gradient{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blob{border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;position:absolute}.blob--accent{background:var(--accent)}.blob--secondary{background:var(--accent-secondary)}.noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.03;z-index:9999}.grid-overlay,.noise{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.grid-overlay{background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:80px 80px;opacity:0;transition:opacity .3s;z-index:1}.dark .grid-overlay{opacity:1}.cursor{border:2px solid var(--accent);border-radius:50%;height:20px;mix-blend-mode:difference;pointer-events:none;position:fixed;transition:transform .15s ease-out,width .2s,height .2s,border-color .2s;width:20px;z-index:10000}.cursor--expanded{background:#00ff881a;border-color:var(--accent);height:60px;width:60px}@media(max-width:768px){.cursor{display:none}}.cursor-dot{background:var(--accent);border-radius:50%;height:6px;pointer-events:none;position:fixed;width:6px;z-index:10001}@media(max-width:768px){.cursor-dot{display:none}}.reveal{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal--visible{opacity:1;transform:translateY(0)}.stagger:first-child{transition-delay:.1s}.stagger:nth-child(2){transition-delay:.2s}.stagger:nth-child(3){transition-delay:.3s}.stagger:nth-child(4){transition-delay:.4s}.stagger:nth-child(5){transition-delay:.5s}.stagger:nth-child(6){transition-delay:.6s}.stagger:nth-child(7){transition-delay:.7s}.stagger:nth-child(8){transition-delay:.8s}.stagger:nth-child(9){transition-delay:.9s}.stagger:nth-child(10){transition-delay:1s}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee__content{animation:marquee 30s linear infinite;display:flex}.marquee__content:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00ff884d}50%{box-shadow:0 0 40px #00ff8880}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.split-text .char{display:inline-block;opacity:0;transform:translateY(100%);transition:opacity .5s,transform .5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.split-text--visible .char{opacity:1;transform:translateY(0)}.split-text--visible .char:first-child{transition-delay:.02s}.split-text--visible .char:nth-child(2){transition-delay:.04s}.split-text--visible .char:nth-child(3){transition-delay:.06s}.split-text--visible .char:nth-child(4){transition-delay:.08s}.split-text--visible .char:nth-child(5){transition-delay:.1s}.split-text--visible .char:nth-child(6){transition-delay:.12s}.split-text--visible .char:nth-child(7){transition-delay:.14s}.split-text--visible .char:nth-child(8){transition-delay:.16s}.split-text--visible .char:nth-child(9){transition-delay:.18s}.split-text--visible .char:nth-child(10){transition-delay:.2s}.split-text--visible .char:nth-child(11){transition-delay:.22s}.split-text--visible .char:nth-child(12){transition-delay:.24s}.split-text--visible .char:nth-child(13){transition-delay:.26s}.split-text--visible .char:nth-child(14){transition-delay:.28s}.split-text--visible .char:nth-child(15){transition-delay:.3s}.split-text--visible .char:nth-child(16){transition-delay:.32s}.split-text--visible .char:nth-child(17){transition-delay:.34s}.split-text--visible .char:nth-child(18){transition-delay:.36s}.split-text--visible .char:nth-child(19){transition-delay:.38s}.split-text--visible .char:nth-child(20){transition-delay:.4s}.split-text--visible .char:nth-child(21){transition-delay:.42s}.split-text--visible .char:nth-child(22){transition-delay:.44s}.split-text--visible .char:nth-child(23){transition-delay:.46s}.split-text--visible .char:nth-child(24){transition-delay:.48s}.split-text--visible .char:nth-child(25){transition-delay:.5s}.split-text--visible .char:nth-child(26){transition-delay:.52s}.split-text--visible .char:nth-child(27){transition-delay:.54s}.split-text--visible .char:nth-child(28){transition-delay:.56s}.split-text--visible .char:nth-child(29){transition-delay:.58s}.split-text--visible .char:nth-child(30){transition-delay:.6s}.split-text--visible .char:nth-child(31){transition-delay:.62s}.split-text--visible .char:nth-child(32){transition-delay:.64s}.split-text--visible .char:nth-child(33){transition-delay:.66s}.split-text--visible .char:nth-child(34){transition-delay:.68s}.split-text--visible .char:nth-child(35){transition-delay:.7s}.split-text--visible .char:nth-child(36){transition-delay:.72s}.split-text--visible .char:nth-child(37){transition-delay:.74s}.split-text--visible .char:nth-child(38){transition-delay:.76s}.split-text--visible .char:nth-child(39){transition-delay:.78s}.split-text--visible .char:nth-child(40){transition-delay:.8s}.split-text--visible .char:nth-child(41){transition-delay:.82s}.split-text--visible .char:nth-child(42){transition-delay:.84s}.split-text--visible .char:nth-child(43){transition-delay:.86s}.split-text--visible .char:nth-child(44){transition-delay:.88s}.split-text--visible .char:nth-child(45){transition-delay:.9s}.split-text--visible .char:nth-child(46){transition-delay:.92s}.split-text--visible .char:nth-child(47){transition-delay:.94s}.split-text--visible .char:nth-child(48){transition-delay:.96s}.split-text--visible .char:nth-child(49){transition-delay:.98s}.split-text--visible .char:nth-child(50){transition-delay:1s}.parallax-bg{height:120%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;will-change:transform}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--accent);box-shadow:0 20px 60px #0000004d;transform:translateY(-5px)}.tag{background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:100px;color:var(--accent);display:inline-flex;font-size:.85rem;padding:.5rem 1rem;white-space:nowrap}.social-link,.tag{align-items:center}.social-link{border:1px solid var(--border);border-radius:50%;display:flex;font-size:1.25rem;height:50px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:50px}.social-link:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-muted);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #00ff881a;outline:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:150px;resize:vertical}.loading-bar{background:linear-gradient(90deg,var(--accent),var(--accent-secondary));height:3px;left:0;position:fixed;top:0;transform-origin:left;width:100%;z-index:10000}@media(max-width:1024px){.hide-mobile{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}