:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--text-primary: #f5f5f5;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .35);--accent: #d4a853;--accent-glow: rgba(212, 168, 83, .15);--accent-bright: #e8c572;--accent-secondary: #c29340;--glass: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .08);--gradient-gold: linear-gradient(135deg, #d4a853 0%, #e8c572 50%, #c29340 100%);--gradient-dark: linear-gradient(180deg, #0a0a0a 0%, #050505 100%);--gradient-card: linear-gradient(135deg, rgba(212, 168, 83, .05) 0%, rgba(0, 0, 0, 0) 100%);--font-display: "IBM Plex Sans Arabic", sans-serif;--font-body: "IBM Plex Sans Arabic", sans-serif;--font-mono: "JetBrains Mono", monospace;--container-max: 1400px;--section-padding: clamp(80px, 12vh, 160px);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-cursor: 9999;--z-nav: 1000;--z-preloader: 10000;--z-viewer: 9000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;direction:rtl;max-width:100vw}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button,body.custom-cursor-active .work-card,body.custom-cursor-active .cert-card,body.custom-cursor-active .filter-btn,body.custom-cursor-active .cert-cat-btn{cursor:none}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d4a8534d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}#custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-cursor);display:none}body.custom-cursor-active #custom-cursor{display:block}.cursor-dot{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:-3px;left:-3px;transition:transform .1s}.cursor-ring{width:40px;height:40px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;position:absolute;top:-20px;left:-20px;transition:width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),top .3s var(--ease-out-expo),left .3s var(--ease-out-expo),border-color .3s}body.cursor-hover .cursor-ring{width:60px;height:60px;top:-30px;left:-30px;border-color:var(--accent)}body.cursor-hover .cursor-dot{transform:scale(2);background:var(--accent)}#preloader{position:fixed;inset:0;background:var(--bg-primary);z-index:var(--z-preloader);display:flex;align-items:center;justify-content:center}#preloader.glitch-active .preloader-inner{animation:glitchShake .3s ease-in-out}#preloader .preloader-glitch-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:100}#preloader.glitch-active .preloader-glitch-overlay{opacity:1}.preloader-glitch-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);animation:scanlineMove .15s linear infinite}.preloader-glitch-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,0,50,.06) 0%,transparent 30%,rgba(0,255,255,.04) 70%,transparent 100%);mix-blend-mode:screen;animation:rgbSplit .2s ease-in-out 3}@keyframes glitchShake{0%,to{transform:translate(0)}10%{transform:translate(-3px,1px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-1px,3px)}40%{transform:translate(2px,-1px)}50%{transform:translate(-2px,2px)}60%{transform:translate(3px,1px)}70%{transform:translate(-1px,-2px)}80%{transform:translate(2px,3px)}90%{transform:translate(-3px,-1px)}}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes rgbSplit{0%,to{opacity:0;transform:translate(0)}25%{opacity:1;transform:translate(-2px)}50%{opacity:.5;transform:translate(2px)}75%{opacity:1;transform:translate(-1px)}}.preloader-inner{text-align:center;width:90%;max-width:500px}.preloader-canvas{margin-bottom:30px;opacity:0}.preloader-svg{width:100%;height:auto}.preloader-draw-el{stroke-dasharray:1000;stroke-dashoffset:1000;fill-opacity:0;transition:fill-opacity .5s ease}.preloader-anchor{opacity:0;transform-origin:center}.preloader-cursor,.preloader-mouse{opacity:0}.preloader-bar{width:200px;height:2px;background:#ffffff14;margin:0 auto 20px;border-radius:1px;overflow:hidden}.preloader-bar-fill{width:0%;height:100%;background:var(--gradient-gold);border-radius:1px}.preloader-tagline{font-family:var(--font-display);font-size:13px;letter-spacing:.35em;text-transform:uppercase;color:#ffffff80;opacity:0}#main-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:20px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505b3;border-bottom:1px solid rgba(255,255,255,.04);transform:translateY(-100%);transition:transform .6s var(--ease-out-expo)}#main-nav.visible{transform:translateY(0)}.nav-logo{font-family:var(--font-display);font-size:22px;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.nav-links{display:flex;gap:32px}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .3s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .4s var(--ease-out-expo)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.nav-lang-btn{font-family:var(--font-display);font-size:13px;font-weight:600;padding:6px 16px;border:1px solid var(--glass-border);border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s;letter-spacing:.1em}.nav-lang-btn:hover{border-color:var(--accent);color:var(--accent)}#hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 60px}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(212,168,83,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,83,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black 20%,transparent 70%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:var(--container-max);width:100%;position:relative;z-index:2}.hero-content{text-align:center;position:relative;z-index:2}.hero-photo-side{display:flex;align-items:center;justify-content:center}.hero-photo-frame{position:relative;width:100%;max-width:420px;border-radius:16px;overflow:hidden;opacity:0;transform:translateY(30px) scale(.97);animation:heroPhotoReveal 1.2s ease-out 2.5s forwards}.hero-photo{width:100%;height:auto;display:block;border-radius:16px;filter:brightness(.9) contrast(1.05) saturate(.95);transition:filter .4s ease}.hero-photo-frame:hover .hero-photo{filter:brightness(1) contrast(1.1) saturate(1)}.hero-photo-border{position:absolute;inset:-3px;border-radius:19px;border:2px solid rgba(212,168,83,.25);pointer-events:none;transition:border-color .4s ease}.hero-photo-frame:hover .hero-photo-border{border-color:#d4a85380}.hero-photo-frame:before,.hero-photo-frame:after{content:"";position:absolute;width:40px;height:40px;border-color:var(--accent);border-style:solid;border-width:0;z-index:2;opacity:.5;transition:opacity .4s ease}.hero-photo-frame:before{top:8px;right:8px;border-top-width:2px;border-right-width:2px;border-radius:0 8px 0 0}.hero-photo-frame:after{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 8px}.hero-photo-frame:hover:before,.hero-photo-frame:hover:after{opacity:.8}@keyframes heroPhotoReveal{to{opacity:1;transform:translateY(0) scale(1)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid rgba(212,168,83,.2);border-radius:100px;font-size:13px;font-weight:500;color:var(--accent);margin-bottom:40px;opacity:0;background:#d4a8530d}.hero-badge-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{margin-bottom:24px;text-align:center}.hero-line{overflow:hidden;line-height:1;white-space:nowrap}.hero-text-reveal{display:inline-block;font-family:var(--font-display);font-size:clamp(44px,7vw,100px);font-weight:700;letter-spacing:-.02em;line-height:1.1;opacity:0;transform:translateY(100%)}.hero-text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sweep{position:relative;-webkit-text-fill-color:currentColor}.hero-sweep:after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(212,168,83,.9) 45%,rgba(232,197,114,1) 50%,rgba(212,168,83,.9) 55%,transparent 70%,transparent 100%);background-size:250% 100%;background-position:200% center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sweepLight 4s ease-in-out 4.5s infinite;pointer-events:none}.hero-sweep.accent:after{background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(255,255,255,.95) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,.95) 55%,transparent 70%,transparent 100%);background-size:250% 100%;background-position:200% center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sweepLight 4s ease-in-out 4.8s infinite}@keyframes sweepLight{0%,to{background-position:200% center}40%,60%{background-position:-100% center}}.hero-tagline{min-height:28px;margin-bottom:16px;text-align:center;opacity:0;animation:fadeInUpClean .8s ease-out 4s both}.hero-tagline-text{font-family:var(--font-body);font-size:clamp(14px,2vw,17px);color:#ffffff8c;letter-spacing:.01em;line-height:1.6}.hero-tagline-cursor{display:inline-block;font-weight:300;color:var(--accent);animation:blinkCursor .8s step-end infinite;margin-inline-start:2px}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.hero-roles{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:60px;opacity:0}.hero-role{font-size:clamp(14px,1.5vw,18px);font-weight:400;color:var(--text-secondary)}.hero-role-sep{color:var(--accent);font-weight:300}.hero-stats{display:flex;gap:60px;justify-content:center;opacity:0}.hero-stat{text-align:center}.hero-stat-number{display:block;font-family:var(--font-display);font-size:clamp(36px,4vw,56px);font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.hero-stat-label{font-size:13px;color:var(--text-muted);font-weight:400}.hero-scroll-indicator{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-pulse 2s infinite}@keyframes scroll-pulse{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero-scroll-indicator span{font-size:11px;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.section-container{max-width:var(--container-max);margin:0 auto;padding:var(--section-padding) 40px}.section-label{display:flex;align-items:center;gap:16px;margin-bottom:60px}.section-number{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.1em}.section-title-small{font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;position:relative;padding-right:20px}.section-title-small:before{content:"";position:absolute;right:0;top:50%;width:12px;height:1px;background:var(--accent)}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s var(--ease-out-expo)}.glass-card:hover{background:var(--glass-hover);border-color:#d4a85326;box-shadow:0 0 40px #d4a8530d}#about{position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:80px}.about-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.3;position:sticky;top:120px}.about-headline .text-reveal{display:block;opacity:0;transform:translateY(30px)}.about-headline .text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-bio{font-size:17px;line-height:1.9;color:var(--text-secondary);margin-bottom:40px}.about-skills{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{padding:8px 18px;border:1px solid var(--glass-border);border-radius:100px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--glass);opacity:.15;transition:all .4s ease;cursor:default}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);opacity:1!important;transform:translateY(-2px)}.software-icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px;margin-top:28px;padding-top:28px;border-top:1px solid var(--glass-border)}.software-icon{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;opacity:0;transform:translateY(10px);transition:all .4s ease;cursor:default}.software-icon:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #0000004d}.software-icon img{width:28px;height:28px;opacity:.8;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.software-icon:hover img{transform:scale(1.15);opacity:1}.software-icon span{font-size:9px;font-weight:500;color:#fff6;letter-spacing:.03em;text-align:center;transition:color .3s ease}.software-icon:hover span{color:#fffc}.software-icon-more .more-dots{font-size:24px;font-weight:700;color:#ffffff59;line-height:28px;letter-spacing:2px}.software-icon-more:hover .more-dots{color:#ffffffb3}.about-marquee{overflow:hidden;padding:30px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.marquee-track{display:flex;gap:40px;animation:marquee 30s linear infinite;white-space:nowrap;width:fit-content}.marquee-track span{font-family:var(--font-display);font-size:clamp(14px,2vw,20px);font-weight:700;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#experience{position:relative}.exp-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.3;margin-bottom:80px}.exp-headline .text-reveal{display:block;opacity:0;transform:translateY(30px)}.exp-headline .text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline{position:relative;padding-right:60px}.timeline-line{position:absolute;right:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent) 0%,rgba(212,168,83,.1) 100%);transform-origin:top;transform:scaleY(0)}.timeline-item{position:relative;margin-bottom:40px;opacity:0;transform:translate(-40px)}.timeline-dot{position:absolute;right:-50px;top:28px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-primary);box-shadow:0 0 20px var(--accent-glow);z-index:2}.timeline-content{padding:32px}.timeline-date{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.05em;display:block;margin-bottom:12px}.timeline-title{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:8px}.timeline-company{font-size:15px;color:var(--accent-secondary);margin-bottom:12px;font-weight:500}.timeline-desc{font-size:15px;color:var(--text-secondary);line-height:1.7}#works{position:relative;background:var(--bg-secondary)}.works-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.3;margin-bottom:40px}.works-headline .text-reveal{display:inline-block;opacity:0;transform:translateY(30px);margin-left:12px}.works-headline .text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.works-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:50px}.filter-btn{padding:10px 24px;border:1px solid var(--glass-border);border-radius:100px;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s var(--ease-out-expo);display:flex;align-items:center;gap:8px}.filter-btn:hover{border-color:var(--accent);color:var(--text-primary)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.filter-count{font-size:11px;font-weight:700;opacity:.7}.filter-btn.shuffle-btn{margin-inline-start:auto;border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.filter-btn.shuffle-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--accent-bright)}.filter-btn.shuffle-btn .shuffle-icon{transition:transform .6s var(--ease-out-expo)}.filter-btn.shuffle-btn:hover .shuffle-icon{transform:rotate(180deg)}.filter-btn.shuffle-btn.spinning .shuffle-icon{animation:shuffle-spin .6s var(--ease-out-expo)}@keyframes shuffle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.work-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:var(--bg-tertiary);border:1px solid var(--glass-border);transition:all .5s var(--ease-out-expo)}.work-card-bg{transition:opacity .6s ease,transform .6s var(--ease-out-expo)}.work-card-bg.has-thumb .pdf-placeholder-icon,.work-card-bg.has-thumb svg{display:none}.work-card:hover{border-color:#d4a85340;transform:translateY(-4px);box-shadow:0 20px 60px #00000080,0 0 40px #d4a85314}.work-card-thumb{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo)}.work-card:hover .work-card-thumb{transform:scale(1.05)}.work-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:64px;height:64px;background:#d4a853e6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s var(--ease-out-expo)}.work-card:hover .work-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.work-card-play svg{width:24px;height:24px;fill:var(--bg-primary);margin-left:3px}.work-card-pdf-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--accent);opacity:.3}.work-card-info{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);transform:translateY(20px);opacity:0;transition:all .4s var(--ease-out-expo)}.work-card:hover .work-card-info{transform:translateY(0);opacity:1}.work-card-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card-cat{font-size:12px;color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.1em}.viewer-overlay{position:fixed;inset:0;z-index:var(--z-viewer);background:#000000f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.viewer-overlay.active{display:flex!important;flex-direction:column;opacity:1;visibility:visible}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 80px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#00000080}.viewer-info{display:flex;align-items:center;gap:16px}.viewer-cat{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(212,168,83,.3);border-radius:4px}.viewer-title-text{font-size:15px;font-weight:500;color:var(--text-secondary);max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-counter{font-family:var(--font-display);font-size:14px;color:var(--text-muted);letter-spacing:.1em}.viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 80px;overflow:hidden}.viewer-frame-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.viewer-frame-container iframe{width:100%;height:100%;border:none;border-radius:8px;background:#1a1a1a}.viewer-frame-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.viewer-frame-container video{max-width:100%;max-height:100%;border-radius:8px;background:#000}.viewer-nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:56px;height:56px;border:1px solid var(--glass-border);border-radius:50%;background:#0009;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-nav-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.viewer-prev{right:20px}.viewer-next{left:20px}.viewer-close-btn{position:fixed;top:20px;left:20px;width:48px;height:48px;border:1px solid var(--glass-border);border-radius:50%;background:#0009;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}#certificates{position:relative}.certs-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.3;margin-bottom:16px}.certs-headline .text-reveal{display:inline-block;opacity:0;transform:translateY(30px);margin-left:12px}.certs-headline .text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.certs-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;max-width:700px}.certs-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.cert-cat-btn{padding:8px 20px;border:1px solid var(--glass-border);border-radius:100px;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.cert-cat-btn:hover{border-color:var(--accent);color:var(--text-primary)}.cert-cat-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;position:relative}.cert-card.cert-hidden{display:none}.certs-fade-overlay{position:relative;margin-top:-120px;padding-top:80px;display:flex;flex-direction:column;align-items:center;z-index:2}.certs-fade-gradient{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent 0%,var(--bg) 90%);pointer-events:none}.certs-show-more-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out-expo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.certs-show-more-btn:hover{background:#d4a8531f;border-color:#d4a85359;transform:translateY(-2px);box-shadow:0 8px 24px #d4a85326}.certs-show-more-btn svg{transition:transform .3s ease}.certs-show-more-btn:hover svg{transform:translateY(3px)}.cert-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s var(--ease-out-expo);display:flex;flex-direction:column;overflow:hidden}.cert-card:hover{background:var(--glass-hover);border-color:#d4a85333;transform:translateY(-2px)}.cert-card-thumb{width:100%;height:140px;background:linear-gradient(135deg,#12100e,#0d0d0d);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.cert-card-thumb-loading{opacity:.4}.cert-card-icon{width:44px;height:44px;border-radius:10px;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.cert-card-info{padding:12px 16px;min-width:0}.cert-card-title{font-size:13px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-card-source{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#contact{position:relative;background:var(--bg-secondary)}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-headline{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.3;margin-bottom:24px}.contact-headline .text-reveal{display:block;opacity:0;transform:translateY(30px)}.contact-headline .text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-desc{font-size:17px;color:var(--text-secondary);line-height:1.8;margin-bottom:50px}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:14px;padding:20px 32px;min-width:200px;justify-content:center}.contact-link-icon{color:var(--accent)}.contact-link-text{font-weight:600;font-size:15px}.footer{text-align:center;padding:40px;border-top:1px solid var(--glass-border);margin-top:100px}.footer span{font-size:13px;color:var(--text-muted)}@media(max-width:768px){body{cursor:auto}#custom-cursor{display:none}#main-nav{padding:16px 20px}.nav-links{display:none}.section-container{padding:var(--section-padding) 20px}.about-grid{grid-template-columns:1fr;gap:40px}.about-headline{position:static}.hero-stats{gap:30px}.timeline{padding-right:40px}.timeline-dot{right:-30px}.works-grid{grid-template-columns:1fr 1fr;gap:16px}.certs-grid{grid-template-columns:1fr 1fr}.viewer-header{padding:12px 20px}.viewer-content{padding:10px}.viewer-nav-btn{width:44px;height:44px}.viewer-prev{right:10px}.viewer-next{left:10px}.contact-links{flex-direction:column;align-items:center}}@media(max-width:480px){.works-grid{grid-template-columns:1fr}.hero-roles{flex-direction:column;gap:8px}.hero-role-sep{display:none}.hero-stats{flex-wrap:wrap;gap:20px;justify-content:center}.works-filters{flex-wrap:wrap;gap:8px}.filter-btn{font-size:12px;padding:8px 14px}.certs-categories{flex-wrap:wrap;gap:8px}.about-marquee{overflow:hidden}.software-icons-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}}.landing-ambience{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.landing-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:ambientFloat 8s ease-in-out infinite alternate}.landing-glow-1{width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,83,.3),transparent);bottom:-100px;right:20%;animation-delay:0s}.landing-glow-2{width:300px;height:300px;background:radial-gradient(circle,rgba(212,168,83,.15),transparent);top:20%;left:10%;animation-delay:-3s}@keyframes ambientFloat{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-30px) scale(1.15)}}.landing-content{position:relative;z-index:5}.landing-role-main{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;color:var(--text-primary);margin-top:16px;opacity:0;letter-spacing:-.02em}.landing-role-en{font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.3rem);font-weight:400;color:var(--accent);margin-top:8px;letter-spacing:.15em;text-transform:uppercase;opacity:0}.landing-scroll-arrow{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;opacity:0;animation:fadeInUp 1s ease-out 4s both}.landing-scroll-arrow span{font-family:var(--font-display);font-size:11px;color:#ffffff80;letter-spacing:.25em;text-transform:uppercase}.scroll-arrow-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);position:relative;animation:scrollBounce 2s ease-in-out infinite;background:#d4a8530a}.scroll-arrow-icon:before{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,rgba(212,168,83,.6),transparent 40%,rgba(212,168,83,.3),transparent 80%,rgba(212,168,83,.6));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:rotateGlow 4s linear infinite}@keyframes rotateGlow{to{transform:rotate(360deg)}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeInUpClean{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#achievements{padding:var(--section-pad) 0;position:relative;overflow:hidden}#achievements:before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(212,168,83,.03) 0%,transparent 70%);pointer-events:none}.achievements-headline{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:16px}.achievements-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin-bottom:60px;line-height:1.7}.awards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.award-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all .6s var(--ease-out-expo);opacity:0;transform:translateY(40px)}.award-card:hover{transform:translateY(-6px);border-color:#d4a85340;box-shadow:0 20px 50px #0006,0 0 40px #d4a8530d}.award-card-featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;border-color:#d4a85333}.award-card-featured:before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.award-year-badge{position:absolute;top:16px;right:16px;z-index:10;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--bg-primary);background:var(--accent);padding:4px 14px;border-radius:100px;box-shadow:0 4px 12px #d4a8534d}.award-images{position:relative;aspect-ratio:4/3;overflow:hidden}.award-card-featured .award-images{aspect-ratio:auto;height:100%;min-height:380px}.award-image-main,.award-image-secondary{position:relative;width:100%;height:100%;overflow:hidden}.award-image-main img,.award-image-secondary img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out-expo)}.award-card:hover .award-image-main img{transform:scale(1.06)}.award-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.6) 0%,transparent 50%);pointer-events:none}.award-images-duo{display:grid;grid-template-columns:1.2fr 1fr;gap:2px}.award-images-duo .award-image-main,.award-images-duo .award-image-secondary{aspect-ratio:auto}.award-info{padding:28px}.award-card-featured .award-info{display:flex;flex-direction:column;justify-content:center;padding:40px}.award-icon{width:48px;height:48px;border-radius:14px;background:#d4a8531a;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:20px;border:1px solid rgba(212,168,83,.15)}.award-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.award-org{font-size:.85rem;color:var(--accent);margin-bottom:12px;line-height:1.6;font-weight:500}.award-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.award-location{font-size:.8rem;color:var(--text-secondary);opacity:.7;display:inline-flex;align-items:center;gap:4px}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}#hero{padding:80px 30px 40px}.hero-content{text-align:center;order:1}.hero-photo-side{order:0}.hero-photo-frame{max-width:300px}.hero-stats,.hero-cv-buttons{justify-content:center}.award-card-featured{grid-template-columns:1fr}.award-card-featured .award-images{min-height:280px}}@media(max-width:768px){.awards-grid{grid-template-columns:1fr;gap:24px}.hero-photo-frame{max-width:240px}.landing-role-main{font-size:1.4rem}.landing-role-en{font-size:.9rem}.award-images-duo{grid-template-columns:1fr}.achievements-headline{font-size:2.2rem}.award-card-featured .award-info{padding:24px}}.t-en,body.lang-en .t-ar{display:none!important}body.lang-en .t-en{display:inline!important}body.lang-en .about-headline .t-en,body.lang-en .exp-headline .t-en,body.lang-en .clients-headline .t-en,body.lang-en .contact-headline .t-en,body.lang-en .achievements-headline .t-en{display:block!important}body.lang-en .works-headline .t-en,body.lang-en .projects-headline .t-en,body.lang-en .certs-headline .t-en{display:inline-block!important}body.lang-en{direction:ltr}body.lang-en .hero-content{text-align:center}body.lang-en .hero-stats{justify-content:center}body.lang-en .timeline{padding-right:0;padding-left:60px}body.lang-en .timeline-line{right:auto;left:20px}body.lang-en .timeline-dot{right:auto;left:-50px}body.lang-en .timeline-item{transform:translate(40px)}body.lang-en .section-title-small{padding-right:0;padding-left:20px}body.lang-en .section-title-small:before{right:auto;left:0}.hero-cv-buttons{display:flex;gap:16px;margin-top:20px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fadeInUpClean 1s ease-out 3.5s both}.cv-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;transition:all .4s var(--ease-out-expo);text-decoration:none}.cv-btn-primary{background:var(--gradient-gold);color:var(--bg-primary);border:1px solid transparent}.cv-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #d4a85340}.cv-btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.cv-btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}#clients{position:relative;background:var(--bg-secondary)}.clients-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.3;margin-bottom:16px}.clients-headline .text-reveal{display:inline-block;opacity:0;transform:translateY(30px);margin-left:12px}.clients-headline .text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clients-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:50px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.client-card{display:flex;align-items:center;gap:18px;padding:22px;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;transition:all .4s var(--ease-out-expo);cursor:default}.client-card:hover{background:var(--glass-hover);border-color:#d4a85340;transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.client-abbr{width:88px;height:88px;border-radius:16px;background:#fffffff0;border:1px solid color-mix(in srgb,var(--client-color, #d4a853) 30%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease;overflow:hidden;padding:10px;box-shadow:0 4px 14px #0000002e}.client-abbr:has(img[src*=ntdp]){background:#040d2c;border-color:#ffffff1f}.client-card:hover .client-abbr:has(img[src*=ntdp]){background:#040d2c;border-color:#ffffff4d}.client-abbr img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.client-card:hover .client-abbr img{transform:scale(1.04)}.client-card:hover .client-abbr{background:#fff;border-color:var(--client-color, #d4a853);transform:scale(1.04);box-shadow:0 8px 22px color-mix(in srgb,var(--client-color, #d4a853) 35%,rgba(0,0,0,.3))}.client-info{flex:1;min-width:0}.client-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:normal;line-height:1.4;transition:color .3s}.client-card:hover .client-name{color:#fff}.client-cat{font-size:11px;color:var(--text-muted);margin-top:4px;display:block}.memberships-section{margin-top:60px;padding-top:40px;border-top:1px solid var(--glass-border)}.memberships-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff9;margin-bottom:20px}.memberships-list{display:flex;flex-wrap:wrap;gap:16px}.membership-card{padding:16px 24px;font-size:14px;color:var(--text-secondary)}.contact-cv-section{margin-top:60px}.contact-cv-divider{text-align:center;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:20px;justify-content:center}.contact-cv-divider:before,.contact-cv-divider:after{content:"";width:60px;height:1px;background:var(--gradient-gold);opacity:.4}.contact-cv-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.clients-grid{grid-template-columns:1fr}.hero-cv-buttons{justify-content:center}.cv-btn{font-size:13px;padding:12px 20px}body.lang-en .timeline{padding-left:40px}body.lang-en .timeline-dot{left:-30px}}@media(max-width:480px){.hero-cv-buttons{flex-direction:row;align-items:center;gap:10px}.contact-cv-buttons{flex-direction:column;align-items:center}}#projects{position:relative}.projects-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.3;margin-bottom:40px}.projects-headline .text-reveal{display:inline-block;opacity:0;transform:translateY(30px);margin-left:12px}.projects-headline .text-reveal.accent{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.project-card{position:relative;border-radius:16px;overflow:hidden;background:var(--glass);border:1px solid var(--glass-border);transition:all .5s var(--ease-out-expo);display:flex;flex-direction:column;text-decoration:none;color:inherit}.project-card:hover{border-color:#d4a85340;transform:translateY(-4px);box-shadow:0 20px 60px #00000080,0 0 40px #d4a85314}.project-card-thumb{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--bg-tertiary)}.project-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo)}.project-card:hover .project-card-thumb img{transform:scale(1.05)}.project-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card:hover .project-card-overlay{opacity:1}.project-card-overlay svg{width:32px;height:32px;color:var(--accent)}.project-card-info{padding:16px 20px;display:flex;align-items:center;gap:14px}.project-card-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-glow);border:1px solid rgba(212,168,83,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.project-card-text{min-width:0}.project-card-title{font-family:var(--font-display);font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-desc{font-size:11px;color:var(--text-secondary);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-tech{font-size:11px;color:var(--text-muted);font-weight:500;margin-top:2px}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}.work-thumb-skeleton{position:absolute;inset:0;background:linear-gradient(135deg,#1a1510,#0d0d0d);z-index:0}.work-thumb-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.04) 40%,rgba(212,168,83,.08) 50%,rgba(212,168,83,.04) 60%,transparent 100%);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.work-thumb-skeleton svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2}.work-thumb-failed{background:linear-gradient(135deg,#1a1510,#0d0d0d)!important}.work-thumb-failed:after{display:none}.work-video-preview{position:absolute;inset:0;object-fit:cover;z-index:2;opacity:0;animation:videoFadeIn .3s ease forwards}@keyframes videoFadeIn{to{opacity:1}}.certs-sentinel{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:40px 0}.certs-sentinel-spinner{width:36px;height:36px;border:3px solid rgba(212,168,83,.15);border-top-color:var(--accent);border-radius:50%;animation:sentinelSpin .8s linear infinite}@keyframes sentinelSpin{to{transform:rotate(360deg)}}.whatsapp-section{margin-top:60px;max-width:560px;margin-left:auto;margin-right:auto;padding:32px;background:#25d3660a;border:1px solid rgba(37,211,102,.15);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;opacity:0;transform:translateY(30px)}.whatsapp-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.whatsapp-header h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)}.whatsapp-icon{flex-shrink:0}.whatsapp-textarea{width:100%;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0000004d;color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;resize:vertical;direction:rtl;transition:border-color .3s,box-shadow .3s;outline:none;margin-bottom:16px}.whatsapp-textarea::placeholder{color:var(--text-muted)}.whatsapp-textarea:focus{border-color:#25d36680;box-shadow:0 0 20px #25d3661a}.whatsapp-textarea.shake{border-color:#ef4444;animation:whatsappShake .4s ease}@keyframes whatsappShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}body.lang-en .whatsapp-textarea{direction:ltr}.whatsapp-send-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:all .4s var(--ease-out-expo)}.whatsapp-send-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #25d36640}.whatsapp-send-btn:active{transform:translateY(-1px)}