html,body{max-width:100%;min-width:280px}.container,.nav-container{width:100%}.container{padding-inline:clamp(12px, 4vw, 48px)}button,a,input,textarea{-webkit-tap-highlight-color:#fff0}img,svg,video,iframe{max-width:100%}pre,code{max-width:100%}body{overflow-x:hidden}.section{scroll-margin-top:calc(var(--nav-height) + 16px)}@media (max-width:1199px){.hero-container{gap:clamp(28px, 4vw, 56px)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.container,.nav-container{padding-inline:clamp(18px, 3vw, 36px)}.card-html{right:-12px}.card-css{right:-16px}.card-js{right:-10px}}@media (max-width:991px){:root{--nav-height:68px}.section{padding-block:clamp(56px, 8vw, 80px)}.nav-container{padding-inline:20px}.nav-logo img{width:72px;height:72px}.nav-links{gap:16px}.nav-link{font-size:.84rem}.nav-link.contact-btn-nav{padding:7px 14px}#hero{min-height:auto;padding-block:calc(var(--nav-height) + 48px) 80px}.hero-container{grid-template-columns:1fr;text-align:center;gap:64px}.hero-text{order:1}.hero-photo{order:2}.hero-desc{margin-inline:auto}.hero-stats,.hero-btns,.hero-socials{justify-content:center}.photo-wrapper{width:clamp(240px, 38vw, 330px);height:clamp(240px, 38vw, 330px)}.photo-badge{left:-8px}.card-html{right:-10px}.card-css{right:-14px}.card-js{right:-8px}.scroll-indicator{display:none}.about-grid{gap:36px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr;gap:32px}.project-detail-layout{grid-template-columns:minmax(0,1fr)}.project-detail-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.actions-card{grid-column:1 / -1}.other-projects-card{grid-column:1 / -1}.not-found-content{padding-inline:20px}}@media (max-width:767px){:root{--nav-height:64px}.container,.nav-container{padding-inline:16px}.section{padding-block:56px}.nav-container{position:relative}.nav-logo img{width:66px;height:66px}.hamburger{display:flex;width:30px;height:24px;justify-content:center;position:relative;z-index:1002;flex-shrink:0}.nav-links{position:fixed;top:var(--nav-height);right:12px;left:12px;width:auto;max-height:calc(100vh - var(--nav-height) - 24px);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:14px;background:rgb(11 18 32 / .97);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px rgb(0 0 0 / .45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease;z-index:1001}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.nav-link,.nav-link.contact-btn-nav{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border-radius:10px;font-size:.92rem;text-align:center}.nav-link::after,.nav-link.contact-btn-nav::after{display:none}.nav-link:hover,.nav-link.active{background:rgb(96 165 250 / .08)}.nav-link.contact-btn-nav{margin-top:4px}#hero{padding-block:calc(var(--nav-height) + 38px) 64px}.hero-container{gap:48px}.hero-title{font-size:clamp(1.75rem, 7vw, 2.5rem);line-height:1.35}.hero-desc{max-width:620px;font-size:.92rem}.hero-stats{gap:14px;margin-bottom:26px}.stat-divider{height:28px}.hero-btns{gap:10px}.hero-btns .btn{flex:1 1 190px}.photo-wrapper{width:min(70vw, 290px);height:min(70vw, 290px)}.photo-badge{left:-4px;bottom:6px;font-size:.74rem;padding:7px 12px}.floating-card{font-size:.7rem;padding:7px 10px}.card-html{top:8%;right:-4px}.card-css{right:-7px}.card-js{right:-3px;bottom:14%}.about-grid{grid-template-columns:1fr;gap:28px}.about-story,.about-philosophy{order:initial}.about-numbers{gap:10px}.skills-grid,.projects-grid,.projects-all-grid,.services-grid{grid-template-columns:1fr}.project-card-body{padding:18px}.project-card-title{font-size:1rem}.project-card-desc{font-size:.84rem}.timeline{padding-inline:0}.timeline::before{right:19px}.timeline-item{gap:14px;margin-bottom:24px}.timeline-dot{width:40px;height:40px;font-size:.8rem}.timeline-content{padding:16px;min-width:0}.contact-grid{gap:24px}.contact-form-wrapper,.contact-info{min-width:0}.page-hero{padding-block:calc(var(--nav-height) + 42px) 48px}.page-hero-title{font-size:clamp(1.8rem, 8vw, 2.5rem)}.page-hero-desc{font-size:.9rem}.projects-controls{gap:16px}.filter-btns{width:100%;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:thin}.filter-btn{flex:0 0 auto;white-space:nowrap}.project-hero-section{min-height:auto;padding-block:calc(var(--nav-height) + 42px) 52px}.project-hero-title{font-size:clamp(1.8rem, 8vw, 2.6rem)}.project-hero-desc{font-size:.9rem}.project-hero-tech{justify-content:center}.project-detail-layout{gap:28px}.project-detail-sidebar{grid-template-columns:1fr}.actions-card,.other-projects-card{grid-column:auto}.detail-actions{gap:8px}.footer-top{grid-template-columns:1fr;gap:28px;text-align:center}.footer-socials,.footer-tech{justify-content:center}.footer-bottom{flex-direction:column;gap:10px;text-align:center}#scrollTop{width:42px;height:42px;bottom:16px;left:16px}}@media (max-width:575px){.container,.nav-container{padding-inline:14px}.section{padding-block:48px}.section-header{margin-bottom:34px}.section-tag{font-size:.7rem;padding:5px 12px}.section-title{font-size:clamp(1.45rem, 7vw, 2rem)}.section-desc{font-size:.84rem}.hero-badge{font-size:.72rem;padding:5px 11px}.hero-title{font-size:clamp(1.55rem, 8.5vw, 2.1rem);margin-bottom:14px}.hero-desc{font-size:.86rem;line-height:1.8;margin-bottom:22px}.hero-stats{gap:10px;justify-content:space-between;width:100%}.stat-item{flex:1;min-width:0}.stat-num{font-size:1.35rem}.stat-label{font-size:.68rem}.stat-divider{height:24px}.hero-btns{flex-direction:column;width:100%}.hero-btns .btn{width:100%;flex:none}.hero-socials{gap:10px}.social-link{width:40px;height:40px}.photo-wrapper{width:min(66vw, 245px);height:min(66vw, 245px)}.ring-1{inset:-8px}.ring-2{inset:-16px}.photo-glow{inset:-12px}.photo-badge{left:-10px;bottom:2px;font-size:.68rem;padding:6px 9px}.floating-card{font-size:.64rem;padding:6px 8px}.card-html{right:-10px}.card-css{right:-10px}.card-js{right:-8px}.about-text{font-size:.87rem;line-height:1.9}.about-tags{gap:7px}.tag{font-size:.72rem;padding:6px 11px}.philosophy-card,.skill-card,.service-card,.detail-sidebar-card{padding:18px;border-radius:14px}.tech-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.about-numbers{grid-template-columns:1fr}.number-card{padding:16px 10px}.big-num{font-size:1.7rem}.project-card-actions{flex-direction:column}.project-card-actions .btn{width:100%;min-width:0}.timeline::before{right:16px}.timeline-item{gap:10px}.timeline-dot{width:34px;height:34px;font-size:.7rem}.timeline-content{padding:13px}.timeline-content h3{font-size:.95rem}.timeline-content p{font-size:.8rem}.timeline-tags{gap:5px}.contact-form{gap:14px}.form-group{gap:6px}.form-group input,.form-group textarea{padding:11px 12px;font-size:.84rem}.form-group textarea{min-height:120px}.search-input{padding-inline-start:42px;font-size:.84rem}.filter-btn{font-size:.76rem;padding:7px 11px}.results-count{font-size:.78rem}.project-detail-img-wrapper{border-radius:12px}.detail-section-title{font-size:1.05rem}.detail-desc{font-size:.84rem}.features-list li{font-size:.82rem}.info-item{gap:10px}.info-label,.info-value{font-size:.78rem}.not-found-code{font-size:clamp(5rem, 25vw, 9rem)}.nf-title{font-size:1.5rem}.nf-desc{font-size:.84rem}.nf-actions{flex-direction:column}.nf-actions .btn{width:100%}}@media (max-width:399px){.container,.nav-container{padding-inline:12px}.nav-logo img{width:60px;height:60px}.hero-container{gap:40px}.hero-stats{gap:6px}.stat-num{font-size:1.2rem}.stat-label{font-size:.62rem}.hero-socials{gap:8px}.social-link{width:38px;height:38px}.photo-wrapper{width:min(64vw, 215px);height:min(64vw, 215px)}.photo-badge{left:-12px}.floating-card{display:none}.about-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.number-card{padding:13px 5px}.big-num{font-size:1.45rem}.num-label{font-size:.64rem}.tech-item{padding-inline:4px}.tech-item i{font-size:1.2rem}.tech-item{font-size:.62rem}.project-card-body{padding:15px}.service-card,.skill-card,.philosophy-card{padding:15px}.service-icon,.skill-icon,.philosophy-icon{width:46px;height:46px;font-size:1.25rem}.service-card h3,.skill-card h3,.philosophy-card h3{font-size:.95rem}.service-card p,.skill-card p,.philosophy-card p{font-size:.78rem}.page-breadcrumb{gap:6px;font-size:.7rem}.project-hero-title{font-size:1.6rem}.project-hero-desc{font-size:.82rem}.detail-actions{flex-direction:column}.detail-actions .btn{width:100%}}@media (max-width:319px){html{font-size:14px}.container,.nav-container{padding-inline:10px}.nav-links{right:8px;left:8px;padding:10px}.nav-logo img{width:54px;height:54px}.hamburger{width:26px}.hero-title{font-size:1.42rem}.hero-desc{font-size:.78rem}.hero-stats{flex-wrap:wrap;justify-content:center}.stat-item{flex:0 0 calc(33.333% - 6px)}.stat-divider{display:none}.photo-wrapper{width:190px;height:190px}.photo-badge{left:-4px;font-size:.6rem}.about-numbers{grid-template-columns:1fr}.about-tags{gap:5px}.tag{width:100%;justify-content:center}.tech-stack{grid-template-columns:1fr 1fr}.project-card-type{top:8px;right:8px;font-size:.6rem;padding:3px 7px}.project-card-title{font-size:.92rem}.project-card-desc{font-size:.76rem}.tech-badge{font-size:.6rem;padding:3px 7px}.timeline-item{gap:7px}.timeline::before{right:14px}.timeline-dot{width:29px;height:29px}.timeline-content{padding:11px}.timeline-date{font-size:.65rem}.timeline-content h3{font-size:.85rem}.timeline-content p{font-size:.72rem}.section-title{font-size:1.3rem}.section-desc{font-size:.75rem}.page-hero-title,.project-hero-title{font-size:1.4rem}.page-hero-desc,.project-hero-desc{font-size:.76rem}.btn{min-width:0;padding:10px 12px;font-size:.76rem}.form-group input,.form-group textarea{padding:10px;font-size:.76rem}.footer-bottom p{font-size:.68rem}}@media (hover:none) and (pointer:coarse){.project-card:hover,.skill-card:hover,.service-card:hover,.timeline-item:hover .timeline-content,.timeline-item:hover .timeline-dot,.number-card:hover,.tag:hover{transform:none}.project-card-overlay{display:none}.project-card:hover .project-card-img img{transform:none}.btn:hover,.social-link:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.form-group select{width:100%;min-height:48px;padding:13px 42px 13px 16px;background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ar);font-size:.9rem;line-height:1.4;direction:rtl;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:var(--transition);background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(96 165 250 / .15);background-color:var(--bg-card)}.form-group select.error{border-color:#f87171}.form-group select option{background:var(--bg-card);color:var(--text-primary)}@media (max-width:575px){.form-group select{min-height:46px;padding:11px 38px 11px 12px;font-size:.84rem}}@media (max-width:319px){.form-group select{min-height:44px;padding:10px 36px 10px 10px;font-size:.76rem}}