:root{--primary:#2277ac;--primary-dark:#1c6394;--secondary:#134d75;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--bg-1:#0f172a;--bg-2:#1e293b;--bg-3:#334155;--text:#e2e8f0;--text-muted:#94a3b8;--card-bg:#1e293bcc;--card-border:#2277ac26;--card-border-hover:#2277ac66;--navbar-bg:#0f172af2;--input-bg:#ffffff0d;--input-bg-focus:#ffffff14;--gradient:linear-gradient(135deg, #2277ac 0%, #1c6394 50%, #134d75 100%);--shadow-md:0 8px 25px #2277ac40;--shadow-lg:0 20px 40px #2277ac26;--transition:.3s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:50px}[data-theme=light]{--bg-1:#fafaf7;--bg-2:#fff;--bg-3:#f4f2ec;--text:#1f2024;--text-muted:#6b6e75;--card-bg:#fff;--card-border:#1f202414;--card-border-hover:#1f20242e;--navbar-bg:#ffffffd9;--input-bg:#1f202408;--input-bg-focus:#1f20240f}[data-theme=light] body{background:var(--bg-1);background-attachment:fixed}[data-theme=light] #hero{background:linear-gradient(#fff 0%,#fafaf7 100%)}[data-theme=light] #about{background:#fff}[data-theme=light] #experience{background:#fafaf7}[data-theme=light] #education{background:#fff}[data-theme=light] #services{background:#fafaf7}[data-theme=light] #projects{background:#fff}[data-theme=light] #brands{background:#f6f4ee}[data-theme=light] #contact{background:#fff}[data-theme=light] footer{background:#f4f2ec;border-top:1px solid #1f20240f}[data-theme=light] .service-card,[data-theme=light] .project-card,[data-theme=light] .contact-card,[data-theme=light] .brand-card{box-shadow:0 1px 3px #1f20240a,0 4px 16px #1f20240a}[data-theme=light] .service-card:hover,[data-theme=light] .project-card:hover,[data-theme=light] .brand-card:hover{box-shadow:0 8px 24px #1f202414,0 20px 40px #1f20240f}[data-theme=light] .stat-divider{border-inline-color:#1f20241f}[data-theme=light] .navbar{border-bottom-color:#1f20240f}[data-theme=light] .hero-deco,[data-theme=light] .code-particles .cp{opacity:.05}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-3)}[data-theme=light] ::-webkit-scrollbar-thumb{border-color:var(--bg-3);background:#1f202440}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#1f202473}*{box-sizing:border-box}*,:before,:after{max-width:100%}html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:80px;overflow-y:scroll}body{background-color:var(--bg-1);color:var(--text);width:100%;margin:0;font-family:Cairo,Inter,system-ui,sans-serif;transition:background-color .4s,color .4s;overflow-x:clip}html[lang=en] body{font-family:Inter,Cairo,system-ui,sans-serif}img{max-width:100%;height:auto;display:block}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--bg-2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);transition:padding var(--transition), box-shadow var(--transition), background-color .4s ease;padding:1rem 0;inset-inline:0;background:var(--navbar-bg)!important}.navbar.scrolled{padding:.5rem 0;box-shadow:0 4px 30px #2277ac26}.navbar-brand{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.nav-link{border-radius:var(--radius-sm);transition:all var(--transition);font-weight:500;position:relative;color:var(--text-muted)!important;padding:.5rem 1rem!important}.nav-link:hover,.nav-link.active{background:#2277ac1a;color:var(--primary)!important}.theme-toggle{width:38px;height:38px;color:var(--primary);cursor:pointer;transition:all var(--transition);background:#2277ac1f;border:1px solid #2277ac40;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.theme-toggle:hover{background:var(--primary);color:#fff;transform:rotate(15deg)scale(1.05)}.theme-toggle .icon-light,.theme-toggle .icon-dark{display:inline-flex}[data-theme=light] .theme-toggle .icon-light,[data-theme=dark] .theme-toggle .icon-dark,:root:not([data-theme=light]) .theme-toggle .icon-dark{display:none}.lang-toggle{border-radius:var(--radius-pill);color:var(--primary);transition:all var(--transition);background:#2277ac1f;border:1px solid #2277ac40;align-items:center;gap:.4rem;padding:.4rem .85rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.lang-toggle:hover{background:var(--primary);color:#fff}.lang-toggle i{font-size:1rem}#hero{background:var(--bg-1);align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-row{width:100%;min-height:100vh;padding-top:5rem;padding-bottom:3rem}#hero:before,#hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}#hero:before{top:-100px;background:radial-gradient(circle,#2277ac26 0%,#0000 70%);width:clamp(280px,50vw,600px);height:clamp(280px,50vw,600px);inset-inline-end:-100px}#hero:after{bottom:-50px;background:radial-gradient(circle,#134d751a 0%,#0000 70%);width:clamp(220px,35vw,400px);height:clamp(220px,35vw,400px);inset-inline-start:-50px}.hero-badge{color:var(--primary);border-radius:var(--radius-pill);background:#2277ac26;border:1px solid #2277ac4d;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-block}.hero-name{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2rem,6vw,4.5rem);font-weight:800;line-height:1.2}.hero-title{color:var(--text-muted);min-height:2.4rem;margin-bottom:1.5rem;font-size:clamp(1rem,3vw,1.8rem);font-weight:500}.hero-desc{color:var(--text-muted);max-width:540px;font-size:clamp(.92rem,2vw,1.05rem);line-height:1.8}.hero-btns{flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.btn-primary-custom,.btn-outline-custom{border-radius:var(--radius-pill);transition:all var(--transition);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.8rem 2rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary-custom{background:var(--gradient);color:#fff}.btn-primary-custom:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px #2277ac66}.btn-outline-custom{color:var(--primary);background:0 0;border:2px solid #2277ac80}.btn-outline-custom:hover{border-color:var(--primary);color:var(--primary);background:#2277ac1a;transform:translateY(-3px)}.btn-primary-custom:focus-visible,.btn-outline-custom:focus-visible,.btn-submit:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.hero-avatar{aspect-ratio:1;background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:clamp(160px,28vw,320px);height:auto;margin:0 auto;display:flex;position:relative}.hero-avatar:before{content:"";background:var(--gradient);z-index:-1;border-radius:50%;animation:4s linear infinite rotate;position:absolute;inset:-4px}.hero-avatar-inner{aspect-ratio:1;background:var(--bg-2);width:calc(100% - 16px);height:auto;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:clamp(3.5rem,10vw,8rem);display:flex;overflow:hidden}.hero-avatar-inner>i{line-height:1}.hero-avatar-inner img{object-fit:cover;width:100%;height:100%}.hero-stats{flex-wrap:nowrap;gap:0;max-width:100%;margin-top:3rem;display:flex}.stat-item{text-align:center;flex:1;min-width:0;padding:0 1.5rem}.stat-item:first-child{padding-inline-start:0}.stat-item:last-child{padding-inline-end:0}.stat-divider{border-inline:1px solid #2277ac40}.stat-number{background:var(--gradient);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,4vw,2rem);font-weight:800;display:block}.stat-label{color:var(--text-muted);white-space:nowrap;font-size:clamp(.7rem,1.6vw,.85rem)}.hero-deco{opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--primary);z-index:0;font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;line-height:1;position:absolute;font-size:clamp(3rem,9vw,9rem)!important}[data-theme=light] .hero-deco{opacity:.1}.section-header{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.section-tag{color:var(--primary);border-radius:var(--radius-pill);background:#2277ac1a;border:1px solid #2277ac4d;margin-bottom:1rem;padding:.3rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.section-title{color:var(--text);margin-bottom:1rem;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800}.section-divider{background:var(--gradient);border-radius:2px;width:60px;height:4px;margin:0 auto}#about{background:var(--bg-2)}.about-img-wrapper{padding-bottom:1.5rem;padding-inline-end:1rem;position:relative}.about-img-box{aspect-ratio:1/.88;border-radius:var(--radius-xl);background:linear-gradient(135deg,#2277ac33,#134d7533);border:1px solid #2277ac33;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.about-img-placeholder{color:var(--primary);opacity:.5;font-size:clamp(3.5rem,10vw,6rem)}.about-img-box img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.about-badge-box{bottom:0;aspect-ratio:1;border-radius:var(--radius-lg);background:var(--gradient);color:#fff;flex-direction:column;justify-content:center;align-items:center;width:clamp(80px,12vw,108px);padding:.5rem;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 8px 25px #2277ac66}.about-badge-num{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;line-height:1}.about-badge-lbl{text-align:center;margin-top:.25rem;font-size:clamp(.55rem,1.2vw,.65rem);line-height:1.3}.about-text{color:var(--text-muted);margin-bottom:1.5rem;font-size:clamp(.9rem,2vw,.97rem);line-height:2}.skill-item{border-radius:var(--radius-md);transition:all var(--transition);background:#2277ac14;border:1px solid #2277ac26;align-items:center;gap:.8rem;margin-bottom:.8rem;padding:.8rem 1.2rem;display:flex}.skill-item:hover{background:#2277ac26;border-color:#2277ac4d;transform:translate(-5px)}.skill-icon{color:var(--primary);flex-shrink:0;font-size:1.2rem}.skill-name{color:var(--text);font-size:clamp(.78rem,1.8vw,.88rem);font-weight:600}#experience{background:var(--bg-1)}.timeline{max-width:820px;margin:0 auto;padding-inline-start:2.75rem;position:relative}.timeline:before{content:"";inset-inline-start:18px;background:linear-gradient(180deg, var(--primary), #2277ac1f);width:2px;position:absolute;top:6px;bottom:6px}.timeline-item{margin-bottom:1.75rem;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{inset-inline-start:-2.75rem;background:var(--gradient);color:#fff;width:38px;height:38px;box-shadow:0 0 0 4px var(--bg-1), var(--shadow-md);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:4px}[data-theme=light] .timeline-marker{box-shadow:0 0 0 4px #fafaf7, var(--shadow-md)}.timeline-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem}.timeline-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.timeline-card-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.timeline-period{color:var(--primary);border-radius:var(--radius-pill);background:#2277ac1a;border:1px solid #2277ac40;align-items:center;padding:.25rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.timeline-badge{color:var(--success);border-radius:var(--radius-pill);background:#10b9811f;border:1px solid #10b9814d;align-items:center;gap:.4rem;padding:.22rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.timeline-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #10b98140}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.timeline-role{color:var(--text);margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.timeline-company{color:var(--primary);margin-bottom:.7rem;font-size:.92rem;font-weight:600}.timeline-desc{color:var(--text-muted);margin-bottom:.9rem;font-size:.93rem;line-height:1.8}.timeline-tags{flex-wrap:wrap;gap:.4rem;display:flex}#education{background:var(--bg-2)}.education-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:flex-start;gap:1.25rem;padding:1.75rem;display:flex}.education-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.education-icon{border-radius:var(--radius-md);background:var(--gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;display:flex}.education-body{min-width:0}.education-period{color:var(--primary);border-radius:var(--radius-pill);background:#2277ac1a;border:1px solid #2277ac40;align-items:center;margin-bottom:.6rem;padding:.25rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.education-degree{color:var(--text);margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.education-place{color:var(--primary);margin-bottom:.7rem;font-size:.92rem;font-weight:600}.education-note{color:var(--accent);border-radius:var(--radius-pill);background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;padding:.3rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}#services{background:var(--bg-1)}.service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);height:100%;padding:2rem;transition:all .4s;position:relative;overflow:hidden}.service-card:before{content:"";top:0;background:var(--gradient);transform-origin:100%;width:100%;height:3px;transition:transform .4s;position:absolute;inset-inline-end:0;transform:scaleX(0)}[dir=ltr] .service-card:before{transform-origin:0}.service-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{border-radius:var(--radius-lg);width:64px;height:64px;color:var(--primary);transition:all var(--transition);background:#2277ac26;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.8rem;display:flex}.service-card:hover .service-icon{background:var(--gradient);color:#fff}.service-title{color:var(--text);margin-bottom:.8rem;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:700}.service-desc{color:var(--text-muted);margin:0;font-size:clamp(.85rem,2vw,.95rem);line-height:1.7}#projects{background:var(--bg-2)}.filter-btns{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:3rem;display:flex}.filter-btn{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #2277ac4d;padding:.5rem 1.5rem;font-family:Cairo,sans-serif;font-size:clamp(.8rem,1.8vw,.95rem);font-weight:600}.filter-btn.active,.filter-btn:hover{background:var(--gradient);color:#fff;border-color:#0000}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;height:100%;transition:all .4s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.project-img{aspect-ratio:16/10;color:var(--primary);background:linear-gradient(135deg,#2277ac4d,#134d754d);justify-content:center;align-items:center;font-size:clamp(2.5rem,6vw,4rem);display:flex;position:relative;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%}.project-overlay{opacity:0;transition:opacity var(--transition);background:#2277ace6;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay,.project-card:focus-within .project-overlay{opacity:1}.project-overlay a{color:#fff;width:48px;height:48px;transition:background var(--transition);background:#fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;display:flex}.project-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-category{color:var(--secondary);border-radius:var(--radius-pill);background:#134d7526;align-self:flex-start;margin-bottom:.8rem;padding:.2rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.project-title{color:var(--text);margin-bottom:.6rem;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:700}.project-desc{color:var(--text-muted);margin-bottom:1rem;font-size:clamp(.82rem,1.8vw,.9rem);line-height:1.6}.tech-tag{color:var(--primary);background:#2277ac1a;border:1px solid #2277ac33;border-radius:6px;margin:.2rem;padding:.2rem .6rem;font-size:.75rem;display:inline-block}.featured-badge{top:1rem;background:var(--accent);color:#000;border-radius:var(--radius-pill);z-index:1;padding:.2rem .8rem;font-size:.75rem;font-weight:700;position:absolute;inset-inline-start:1rem}.project-year{color:var(--accent);border-radius:var(--radius-pill);background:#f59e0b1f;border:1px solid #f59e0b40;padding:.18rem .7rem;font-size:.75rem;font-weight:600}.support-card{background:linear-gradient(160deg, #10b98114 0%, var(--card-bg) 50%);border-radius:var(--radius-lg);border:1px solid #10b98140;flex-direction:column;height:100%;transition:all .4s;display:flex;position:relative;overflow:hidden}.support-card:before{content:"";top:0;background:linear-gradient(#10b981 0%,#14b8a6 100%);width:4px;height:100%;position:absolute;inset-inline-start:0}.support-card:hover{border-color:#10b9818c;transform:translateY(-8px);box-shadow:0 20px 40px #10b9812e}[data-theme=light] .support-card{background:linear-gradient(160deg,#10b9811a 0%,#fff 60%)}.support-card-head{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem 0;display:flex}.support-logo{border-radius:var(--radius-md);color:#10b981;background:#10b9811f;border:1px solid #10b98140;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:.4rem;font-size:1.7rem;display:flex;overflow:hidden}.support-logo img{object-fit:contain;max-width:100%;max-height:100%}[data-theme=light] .support-logo{background:#fff}.support-status-badge{color:#10b981;border-radius:var(--radius-pill);background:#10b98126;border:1px solid #10b9814d;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.support-status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite support-pulse;box-shadow:0 0 #10b98199}@keyframes support-pulse{0%,to{box-shadow:0 0 #10b9818c}50%{box-shadow:0 0 0 6px #10b98100}}.support-card-body{flex:1;padding:1rem 1.5rem 1.5rem}.support-category-tag{color:#10b981;border-radius:var(--radius-pill);background:#10b98126;margin-bottom:.7rem;padding:.2rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.support-title{color:var(--text);margin:0 0 .5rem;font-size:clamp(1.05rem,2.4vw,1.2rem);font-weight:700}.support-period{color:var(--text-muted);margin-bottom:.7rem;font-size:clamp(.82rem,1.8vw,.9rem);font-weight:600}.support-desc{color:var(--text-muted);margin:0 0 1rem;font-size:clamp(.85rem,1.9vw,.92rem);line-height:1.7}.support-techs{margin:0}.support-card-footer{padding:0 1.5rem 1.25rem;border-top:1px solid #10b9811f;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.support-link{color:#10b981;border-radius:var(--radius-pill);transition:all var(--transition);background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.support-link:hover{color:#fff;background:#10b981;border-color:#10b981}#brands{background:var(--bg-2)}.brands-subtitle{color:var(--text-muted);max-width:640px;margin:.5rem auto 1.2rem;font-size:clamp(.9rem,2vw,1rem);line-height:1.7}.brands-slider{cursor:grab;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:auto;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.brands-slider::-webkit-scrollbar{display:none}.brands-slider.grabbing{cursor:grabbing}.brands-slider.grabbing .brand-card{pointer-events:none}.brands-track{will-change:scroll-position;width:max-content;display:flex}@media (prefers-reduced-motion:reduce){.brands-slider{scroll-snap-type:x mandatory}.brand-card{scroll-snap-align:start}}.brand-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);aspect-ratio:16/9;cursor:default;flex:none;justify-content:center;align-items:center;width:clamp(150px,22vw,200px);margin-inline-end:1.2rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.brand-card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-lg);background:#fff;transform:translateY(-6px)}[data-theme=dark] .brand-card:hover,:root:not([data-theme=light]) .brand-card:hover{background:#fffffff5}.brand-logo{width:75%;height:70%;color:var(--text-muted);filter:grayscale(.4)opacity(.8);justify-content:center;align-items:center;font-size:2.2rem;transition:filter .4s,transform .4s;display:flex}.brand-logo img{object-fit:contain;max-width:100%;max-height:100%}.brand-card:hover .brand-logo{filter:grayscale(0)opacity();transform:scale(1.04)}.brand-visit-link{top:.5rem;background:var(--gradient);color:#fff;opacity:0;z-index:2;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;text-decoration:none;transition:opacity .3s,transform .3s,box-shadow .3s;display:flex;position:absolute;inset-inline-end:.5rem;transform:translateY(-6px)scale(.85)}.brand-card:hover .brand-visit-link,.brand-card:focus-within .brand-visit-link{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.brand-visit-link:hover{color:#fff;transform:translateY(-2px)scale(1.08);box-shadow:0 6px 18px #2277ac73}.brand-tooltip .tooltip-inner{background:var(--bg-2);color:var(--text);border:1px solid var(--card-border);border-radius:var(--radius-md);max-width:260px;padding:.55rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600;box-shadow:0 8px 24px #00000026}.brand-tooltip .tooltip-arrow:before{border-top-color:var(--bg-2)}.brand-tooltip.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:var(--bg-2)}#contact{background:var(--bg-1)}.contact-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.3rem,3vw,2.5rem)}.contact-card-title{color:var(--text);margin-bottom:1.5rem;font-size:clamp(1.05rem,2.4vw,1.25rem);font-weight:700}.contact-info-item{border-bottom:1px solid #2277ac1a;align-items:center;gap:1rem;padding:1rem 0;display:flex}.contact-info-item:last-child{border-bottom:none}.contact-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary);background:#2277ac26;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-info-label{color:var(--text);font-size:clamp(.82rem,1.8vw,.88rem);font-weight:600}.contact-info-value{color:var(--text-muted);word-break:break-all;font-size:clamp(.78rem,1.7vw,.85rem);text-decoration:none}.contact-info-value:hover{color:var(--primary)}.form-control,.form-select{transition:background var(--transition), border-color var(--transition);font-family:Cairo,sans-serif;background:var(--input-bg)!important;color:var(--text)!important;border-radius:var(--radius-md)!important;border:1px solid #2277ac33!important;padding:.8rem 1.2rem!important}.form-control:focus,.form-select:focus{background:var(--input-bg-focus)!important;border-color:var(--primary)!important;box-shadow:0 0 0 .25rem #2277ac40!important}.form-control::placeholder{opacity:.7;color:var(--text-muted)!important}textarea.form-control{resize:vertical;min-height:140px}.form-label{color:var(--text-muted);font-size:clamp(.82rem,1.8vw,.88rem);font-weight:500}.btn-submit{background:var(--gradient);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);border:none;width:100%;padding:.9rem 2.5rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2277ac66}.social-links-section{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.social-link{border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-muted);transition:all var(--transition);background:#2277ac1a;border:1px solid #2277ac33;justify-content:center;align-items:center;font-size:1.3rem;text-decoration:none;display:flex}.social-link:hover{background:var(--gradient);color:#fff;border-color:#0000;transform:translateY(-4px);box-shadow:0 8px 20px #2277ac4d}footer{background:var(--bg-2);border-top:1px solid var(--card-border);text-align:center;padding:2.5rem 0}.footer-brand{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.5rem;font-weight:800}footer p{color:var(--text-muted);margin:0;font-size:.9rem}#scrollTop{bottom:2rem;background:var(--gradient);color:#fff;cursor:pointer;opacity:0;width:48px;height:48px;transition:all var(--transition);z-index:999;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;inset-inline-start:2rem;transform:translateY(20px)}#scrollTop.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#scrollTop:hover{box-shadow:0 8px 20px #2277ac66}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float-anim{animation:4s ease-in-out infinite float}#preloader{z-index:9999;background:#0f172a;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-terminal{background:#1e293b;border-radius:12px;width:min(520px,88vw);font-family:JetBrains Mono,Fira Code,Consolas,ui-monospace,monospace;animation:.45s cubic-bezier(.34,1.56,.64,1) preloader-pop;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #2277ac40}@keyframes preloader-pop{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.preloader-terminal-bar{background:#0f172a;border-bottom:1px solid #2277ac26;align-items:center;gap:8px;padding:10px 14px;display:flex}.preloader-terminal-bar .dot{border-radius:50%;width:12px;height:12px;display:inline-block}.preloader-terminal-bar .dot-r{background:#ef4444}.preloader-terminal-bar .dot-y{background:#f59e0b}.preloader-terminal-bar .dot-g{background:#10b981}.preloader-terminal-title{color:#64748b;margin-inline-start:auto;font-size:.78rem}.preloader-terminal-body{color:#e2e8f0;text-align:left;padding:18px 18px 22px;font-size:.92rem;line-height:1.85}.preloader-line{opacity:0;white-space:nowrap;animation:.4s forwards preloader-typeline;overflow:hidden}.preloader-line:first-child{animation-delay:.2s}.preloader-line:nth-child(2){animation-delay:.55s}.preloader-line:nth-child(3){animation-delay:.85s}.preloader-line:nth-child(4){animation-delay:1.15s}.preloader-line:nth-child(5){animation-delay:1.45s}.preloader-line:nth-child(6){animation-delay:1.75s}@keyframes preloader-typeline{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.preloader-line .prompt{color:#10b981;margin-inline-end:6px;font-weight:700}.preloader-line .cmd{color:#2277ac;font-weight:600}.preloader-line.muted{color:#64748b;padding-inline-start:10px}.preloader-line.success{color:#10b981}.preloader-line.success .preloader-ms{color:#f59e0b;font-weight:700}.cursor-blink{vertical-align:text-bottom;background:#2277ac;width:8px;height:1.05em;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}#scrollProgress{top:0;z-index:1000;background:linear-gradient(90deg,#4a96c4 0%,#2277ac 50%,#134d75 100%);width:0%;height:3px;transition:width .1s linear;position:fixed;inset-inline-start:0;box-shadow:0 0 10px #2277ac80}.code-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.code-particles .cp{color:var(--primary);opacity:.06;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:clamp(1rem,2vw,1.6rem);font-weight:700;animation:14s ease-in-out infinite cp-drift;position:absolute}[data-theme=light] .code-particles .cp{opacity:.1}@keyframes cp-drift{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-22px)rotate(4deg)}50%{transform:translateY(-10px)rotate(-3deg)}75%{transform:translateY(-32px)rotate(2deg)}}@media (width<=767.98px){.code-particles .cp{display:none}.code-particles .cp:first-child,.code-particles .cp:nth-child(3),.code-particles .cp:nth-child(5){display:inline-block}}.hero-name{width:max-content;max-width:100%;display:block;position:relative}@media (width<=991.98px){.hero-name{margin-inline:auto}}.hero-name:before,.hero-name:after{content:attr(data-text);pointer-events:none;background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;mix-blend-mode:screen;opacity:0;position:absolute;inset:0}.hero-name:before{color:#134d75;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:7s infinite glitch-1}.hero-name:after{color:#134d75;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:7s infinite glitch-2}[data-theme=light] .hero-name:before,[data-theme=light] .hero-name:after{mix-blend-mode:multiply}@keyframes glitch-1{0%,5%,to{opacity:0;transform:translate(0)}1%{opacity:.7;transform:translate(-3px,-2px)}2%{opacity:.7;transform:translate(2px,1px)}3%{opacity:.5;transform:translate(-1px,1px)}}@keyframes glitch-2{0%,5%,to{opacity:0;transform:translate(0)}1%{opacity:.7;transform:translate(3px,2px)}2%{opacity:.7;transform:translate(-2px,-1px)}3%{opacity:.5;transform:translate(1px,-1px)}}.btn-primary-custom,.btn-outline-custom,.btn-submit{will-change:transform}.hero-blob{inset-inline-end:-150px;aspect-ratio:1;filter:blur(80px);opacity:.16;pointer-events:none;z-index:0;background:conic-gradient(from 90deg,#4a96c4,#2277ac,#1c6394,#134d75,#1c6394,#2277ac,#4a96c4);border-radius:50%;width:clamp(220px,35vw,420px);height:auto;animation:18s ease-in-out infinite blob-drift;position:absolute;top:50%;transform:translateY(-50%)}@keyframes blob-drift{0%,to{transform:translateY(-50%)translate(0)scale(1)}33%{transform:translateY(-50%)translate(-30px,-20px)scale(1.1)}66%{transform:translateY(-50%)translate(20px,30px)scale(.95)}}@media (width<=991.98px){.hero-blob{opacity:.1}}.stat-number{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.preloader-line{opacity:1!important;animation:none!important}.code-particles .cp,.hero-name:before,.hero-name:after,.hero-blob{animation:none!important}}.typed-cursor{color:#0000;border-inline-end:3px solid var(--primary);width:0;height:1em;margin-inline-start:4px;animation:1s steps(2,end) infinite typed-blink;display:inline-block;transform:translateY(2px)}@keyframes typed-blink{0%,50%{border-color:var(--primary)}51%,to{border-color:#0000}}.alert-success{color:var(--success);border-radius:var(--radius-md);background:#10b98126;border:1px solid #10b9814d}.alert-danger{color:var(--danger);border-radius:var(--radius-md);background:#ef444426;border:1px solid #ef44444d}[data-theme=light] .alert-success{color:#047857}[data-theme=light] .alert-danger{color:#b91c1c}.hamburger{flex-direction:column;gap:5px;width:24px;display:flex}.hamburger span{background:var(--primary);height:2px;transition:all var(--transition);transform-origin:50%;border-radius:2px;display:block}.navbar-toggler[aria-expanded=true] .hamburger span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-toggler[aria-expanded=true] .hamburger span:nth-child(2){opacity:0}.navbar-toggler[aria-expanded=true] .hamburger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=1199.98px){.container{max-width:960px}}@media (width<=991.98px){.navbar-collapse .navbar-nav{padding:.5rem 0}.navbar-collapse .nav-link{border-radius:var(--radius-sm);margin-bottom:.2rem}.hero-row{min-height:auto!important;padding-top:5rem!important;padding-bottom:3rem!important}.hero-text-col{text-align:center}.hero-desc{margin:0 auto;max-width:100%!important}.hero-btns{justify-content:center}.hero-stats{justify-content:center;margin-top:2rem}.social-links-section{justify-content:center!important}.about-img-col{padding-bottom:2rem}.section-header{margin-bottom:2.5rem}.hero-deco{display:none!important}.navbar-collapse .btn-admin{text-align:center;margin-top:.5rem;display:block}}@media (width>=768px) and (width<=991.98px){.contact-card{padding:2rem}}@media (width>=576px) and (width<=767.98px){.btn-primary-custom,.btn-outline-custom{padding:.75rem 1.5rem;font-size:.95rem}.stat-item{padding:0 1rem}}@media (width<=575.98px){.container{padding-inline:1rem}.navbar{padding:.6rem 0}.navbar-brand{font-size:1.15rem}#navMenu{border-top:1px solid var(--card-border);margin-top:.5rem;padding:.5rem 0}.nav-link{font-size:.9rem;padding:.6rem .8rem!important}.hero-row{padding-top:4.5rem!important;padding-bottom:2rem!important}.hero-badge{margin-bottom:1rem;padding:.3rem .9rem;font-size:.78rem}.hero-btns{flex-direction:column;align-items:stretch;gap:.6rem;margin-top:1.5rem}.btn-primary-custom,.btn-outline-custom{justify-content:center;width:100%;padding:.75rem 1.2rem;font-size:.9rem}.hero-stats{margin-top:1.8rem}.stat-item{padding:0 .6rem}.float-anim{animation:none}.social-links-section{gap:.5rem}.social-link{border-radius:10px;width:40px;height:40px;font-size:1.05rem}.skill-item{padding:.55rem .7rem}.service-card{padding:1.4rem}.service-icon{width:50px;height:50px;margin-bottom:1rem;font-size:1.4rem}.filter-btns{gap:.4rem;margin-bottom:1.8rem}.filter-btn{padding:.38rem .85rem}.contact-info-item{padding:.7rem 0}.contact-icon{width:38px;height:38px;font-size:.95rem}.section-header{margin-bottom:2.2rem}.section-tag{font-size:.78rem}#scrollTop{inset-inline-start:.8rem;width:38px;height:38px;font-size:.95rem;bottom:.8rem}.theme-toggle{width:34px;height:34px;font-size:1rem}}@media (width<=360px){.hero-stats{gap:.4rem}.stat-item{padding:0 .4rem}}:root{--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-md:0 6px 24px #02061738;--shadow-lg:0 18px 50px #02061747;--transition:.4s cubic-bezier(.22, 1, .36, 1);--accent:#f5a524;--accent-soft:#f5a5241f}[data-theme=light]{--shadow-md:0 6px 24px #1f202414;--shadow-lg:0 18px 44px #1f20241a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}section{padding:clamp(4.5rem,11vw,8rem) 0}.section-header{margin-bottom:clamp(2.5rem,6vw,4.5rem)}.section-tag{color:var(--accent);background:0 0;border:0;align-items:center;gap:.6rem;margin-bottom:1.1rem;padding:0;font-size:.8rem;font-weight:700;display:inline-flex}.section-tag:before,.section-tag:after{content:"";opacity:.55;background:currentColor;width:26px;height:1px}html[lang=en] .section-tag{letter-spacing:.22em;text-transform:uppercase}.section-title{font-size:clamp(1.95rem,5vw,3.1rem);font-weight:800;line-height:1.12}html[lang=en] .section-title{letter-spacing:-.02em}.section-divider{width:44px;height:3px;margin-top:1.1rem}.service-card{padding:2.4rem}.service-card:hover,.project-card:hover,.timeline-card:hover,.education-card:hover,.brand-card:hover,.support-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.service-card:before{background:var(--accent);height:2px}.service-icon{border-radius:var(--radius-md);width:54px;height:54px;margin-bottom:1.6rem;font-size:1.5rem}.project-img{background:linear-gradient(135deg,#2277ac1a,#134d751a)}.btn-primary-custom,.btn-outline-custom,.btn-submit{border-radius:var(--radius-sm);padding:.85rem 1.85rem;font-size:.95rem;font-weight:600}.btn-primary-custom:hover,.btn-submit:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline-custom{border-width:1px;border-color:var(--card-border-hover);color:var(--text)}.btn-outline-custom:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}html[lang=en] .btn-primary-custom,html[lang=en] .btn-outline-custom{letter-spacing:.01em}.filter-btn{border-radius:var(--radius-sm);border-color:var(--card-border);padding:.5rem 1.3rem}.filter-btn.active,.filter-btn:hover{background:var(--primary);border-color:var(--primary)}.tech-tag{border-color:var(--card-border);color:var(--text-muted);background:0 0;border-radius:4px;padding:.22rem .6rem;font-weight:600}html[lang=en] .tech-tag{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.project-category,.timeline-period,.education-period,.support-category-tag,.project-year,.timeline-badge,.education-note,.support-status-badge,.support-link,.hero-badge{border-radius:var(--radius-sm)}.navbar{padding:1.1rem 0}.navbar.scrolled{box-shadow:0 1px 0 var(--card-border)}.nav-link{border-radius:0;font-weight:500}.nav-link:after{content:"";inset-inline:1rem;background:var(--accent);transform-origin:50%;height:2px;transition:transform var(--transition);position:absolute;bottom:.3rem;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--text)!important;background:0 0!important}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.hero-badge{border:1px solid var(--card-border-hover);color:var(--text-muted);background:0 0;padding:.42rem 1rem;font-size:.82rem;font-weight:600}.hero-name{margin-bottom:.75rem;line-height:1.08}html[lang=en] .hero-name{letter-spacing:-.03em}.hero-desc{line-height:1.9}.code-particles .cp{opacity:.05}.hero-blob{opacity:.12;filter:blur(90px)}[data-theme=light] .hero-blob{opacity:.16}.hero-deco{opacity:.04}footer{padding-block:clamp(2.5rem,6vw,4rem)}body{counter-reset:secnum}.section-header{text-align:start;flex-direction:row;justify-content:center;align-items:center;gap:clamp(.8rem,2.5vw,1.6rem);display:flex;position:relative}.section-header:before{counter-increment:secnum;content:counter(secnum, decimal-leading-zero);color:#0000;-webkit-text-stroke:1.5px var(--accent);text-stroke:1.5px var(--accent);opacity:.55;flex:none;order:1;margin:0;font-family:Inter,system-ui,sans-serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:.8}.section-heading{border-inline-start:2px solid var(--card-border-hover);flex-direction:column;order:2;align-items:flex-start;min-width:0;padding-inline-start:clamp(1rem,3vw,2.25rem);display:flex}.section-divider{display:none}.section-tag{margin-bottom:.5rem}.section-title{max-width:22ch;margin-bottom:0;font-size:clamp(1.5rem,3.2vw,2.3rem);font-weight:800;line-height:1.15}.section-heading .brands-subtitle{max-width:42ch;margin:.75rem 0 0}.hero-name{font-size:clamp(2.8rem,9vw,6rem);font-weight:800;line-height:1.02}.hero-title{font-size:clamp(1.1rem,3.2vw,2rem);font-weight:600}.hero-desc{max-width:560px;font-size:clamp(.95rem,2vw,1.12rem)}.hero-badge{text-transform:uppercase;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;display:inline-flex}html[lang=en] .hero-badge{letter-spacing:.16em}.hero-badge:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;animation:1.8s ease-in-out infinite pulse-dot}#services .row{counter-reset:svc}.service-card{counter-increment:svc;border-radius:var(--radius-lg);background:var(--card-bg);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.service-card:after{content:counter(svc, decimal-leading-zero);top:1.1rem;color:var(--text);opacity:.06;pointer-events:none;transition:opacity var(--transition), color var(--transition);font-family:Inter,system-ui,sans-serif;font-size:3.4rem;font-weight:800;line-height:1;position:absolute;inset-inline-end:1.4rem}.service-card:hover:after{opacity:.16;color:var(--accent)}.service-card .service-icon,.service-card .service-title,.service-card .service-desc{z-index:1;position:relative}.service-icon{background:var(--accent-soft);color:var(--accent)}.service-card:hover .service-icon{background:var(--accent);color:#fff;transform:translateY(-2px)}.project-card:hover{transform:translateY(-6px)}.project-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172ad1}.project-overlay a{background:var(--accent);color:#0b1220}.project-overlay a:hover{background:#fff}.btn-primary-custom,.btn-outline-custom{padding:1rem 2.2rem;font-size:1rem;font-weight:700}.timeline-marker{background:var(--gradient)}.timeline:before{background:linear-gradient(180deg, var(--accent), #f5a52414)}@media (width<=575.98px){.section-header:before{-webkit-text-stroke-width:1.2px;font-size:2.6rem}.section-title{font-size:clamp(1.7rem,8vw,2.2rem)}}