*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--font-display:"JetBrains Mono", "Courier New", monospace;--font-body:"Outfit", system-ui, sans-serif;--font-arabic:"Noto Kufi Arabic", "Outfit", system-ui, sans-serif;--text-xs:clamp(.7rem, .65rem + .25vw, .8rem);--text-sm:clamp(.8rem, .75rem + .25vw, .9rem);--text-base:clamp(.9rem, .85rem + .3vw, 1.05rem);--text-lg:clamp(1.05rem, .95rem + .5vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .75vw, 1.6rem);--text-2xl:clamp(1.6rem, 1.3rem + 1.5vw, 2.2rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3.2rem);--text-4xl:clamp(2.5rem, 1.8rem + 3.5vw, 4.5rem);--text-5xl:clamp(3rem, 2rem + 5vw, 6rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--transition-fast:.15s var(--ease-out);--transition-base:.3s var(--ease-out);--transition-slow:.5s var(--ease-out);--transition-theme:.6s var(--ease-in-out);--nav-height:70px;--max-width:1200px;--section-padding:var(--space-5xl) var(--space-xl)}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--bg-card:#111118b3;--bg-card-hover:#1a1a24d9;--bg-glass:#0a0a0fbf;--bg-glass-border:#00f0ff14;--text-primary:#e8e8ec;--text-secondary:#9898a6;--text-muted:#5a5a6e;--text-inverse:#0a0a0f;--accent-primary:#00f0ff;--accent-secondary:#f0a500;--accent-tertiary:#ff3d71;--accent-glow:#00f0ff26;--accent-glow-strong:#00f0ff59;--border-color:#ffffff0f;--border-accent:#00f0ff33;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px #00f0ff1a;--shadow-glow-strong:0 0 60px #00f0ff33;--gradient-hero:linear-gradient(135deg, #0a0a0f 0%, #0d1117 50%, #0a0a0f 100%);--gradient-accent:linear-gradient(135deg, #00f0ff, #f0a500);--gradient-card:linear-gradient(135deg, #00f0ff08, #f0a50008);--matrix-color:#00f0ff;--scrollbar-track:#111118;--scrollbar-thumb:#2a2a3a}[data-theme=light]{--bg-primary:#f5f0e8;--bg-secondary:#ebe6dc;--bg-tertiary:#e0dbd0;--bg-card:#ebe6dccc;--bg-card-hover:#e0dbd0e6;--bg-glass:#f5f0e8d9;--bg-glass-border:#008c961f;--text-primary:#1a1a24;--text-secondary:#4a4a5a;--text-muted:#8a8a96;--text-inverse:#f5f0e8;--accent-primary:#008c96;--accent-secondary:#c07800;--accent-tertiary:#c25;--accent-glow:#008c961a;--accent-glow-strong:#008c9640;--border-color:#00000014;--border-accent:#008c9640;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 40px #0000001a;--shadow-glow:0 0 30px #008c9614;--shadow-glow-strong:0 0 60px #008c961f;--gradient-hero:linear-gradient(135deg, #f5f0e8 0%, #ebe6dc 50%, #f5f0e8 100%);--gradient-accent:linear-gradient(135deg, #008c96, #c07800);--gradient-card:linear-gradient(135deg, #008c960a, #c078000a);--matrix-color:#008c96;--scrollbar-track:#ebe6dc;--scrollbar-thumb:#c8c3b8}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-theme), color var(--transition-theme)}[dir=rtl] body,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] button,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .section-label{font-family:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--text-inverse)}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-xl);margin-inline:auto}.section{padding:var(--section-padding);position:relative}.section-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-sm);font-weight:600;display:flex}[dir=rtl] .section-label{letter-spacing:0}.section-label:before{content:"//";opacity:.5}.section-title{font-size:var(--text-3xl);color:var(--text-primary);margin-block-end:var(--space-xl)}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow-strong)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=768px){:root{--section-padding:var(--space-3xl) var(--space-md);--nav-height:60px}.container{padding-inline:var(--space-md)}}@media (width<=480px){:root{--section-padding:var(--space-2xl) var(--space-md)}}.navbar{z-index:1000;height:var(--nav-height);transition:all var(--transition-base);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-glass-border);box-shadow:var(--shadow-sm)}.navbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-logo{font-family:var(--font-display);font-size:var(--text-xl);transition:transform var(--transition-fast);align-items:center;gap:2px;font-weight:800;display:flex}.navbar-logo:hover{transform:scale(1.05)}.logo-bracket{color:var(--accent-primary);opacity:.7}.logo-text{color:var(--text-primary)}.navbar-links{align-items:center;gap:var(--space-lg);display:flex}.nav-link{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);transition:color var(--transition-fast);font-weight:500;position:relative}[dir=rtl] .nav-link{font-family:var(--font-arabic);letter-spacing:0}.nav-link:after{content:"";bottom:-2px;background:var(--accent-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;inset-inline-start:0}.nav-link:hover{color:var(--accent-primary)}.nav-link:hover:after{width:100%}.navbar-actions{align-items:center;gap:var(--space-sm);display:flex}.nav-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.nav-toggle-btn:hover{border-color:var(--accent-primary);background:var(--accent-glow);color:var(--accent-primary)}.lang-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700}.theme-icon{width:20px;height:20px;position:relative}.theme-icon svg{width:20px;height:20px;transition:all var(--transition-base);position:absolute;top:0;left:0}.theme-icon.dark .sun-icon{opacity:0;transform:rotate(90deg)scale(0)}.theme-icon.dark .moon-icon,.theme-icon.light .sun-icon{opacity:1;transform:rotate(0)scale(1)}.theme-icon.light .moon-icon{opacity:0;transform:rotate(-90deg)scale(0)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text-primary);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.hamburger{display:flex}.navbar-links{top:var(--nav-height);inset-inline-start:0;padding:var(--space-xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-glass-border);opacity:0;transition:all var(--transition-base);flex-direction:column;width:100%;position:fixed;right:0;transform:translateY(-120%)}.navbar-links.open{opacity:1;transform:translateY(0)}.nav-link{font-size:var(--text-lg);padding:var(--space-sm) 0}}.hero{min-height:100vh;padding-top:var(--nav-height);justify-content:center;align-items:center;display:flex;position:relative}.hero-content{z-index:2;position:relative}.hero-badge,.hero-name,.hero-role,.hero-desc,.hero-actions{animation:fadeInUp .8s var(--ease-out) both}.hero-badge{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-sm);color:var(--accent-primary);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-accent);border-radius:var(--radius-full);background:var(--accent-glow);width:fit-content;margin-block-end:var(--space-lg);display:inline-flex}[dir=rtl] .hero-badge{font-family:var(--font-arabic)}.badge-dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow}.hero-name{font-size:var(--text-5xl);margin-block-end:var(--space-md);font-weight:800;line-height:1.1}.hero-role{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-secondary);min-height:3rem;margin-block-end:var(--space-xl);display:flex}[dir=rtl] .hero-role{font-family:var(--font-arabic)}.role-prefix{color:var(--accent-secondary);font-weight:700}.role-text{color:var(--text-primary)}.cursor{color:var(--accent-primary);font-weight:300;animation:1s infinite blink}.hero-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin-block-end:var(--space-2xl);line-height:1.8}.hero-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);letter-spacing:.05em;border:1px solid #0000;font-weight:600;display:inline-flex}[dir=rtl] .btn{font-family:var(--font-arabic);letter-spacing:0}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.btn-primary:hover{color:var(--accent-primary);box-shadow:var(--shadow-glow-strong);background:0 0}.btn-outline{color:var(--text-primary);border-color:var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-glow)}.hero-decor{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.code-float{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-muted);opacity:.3;background:var(--bg-card);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);animation:6s ease-in-out infinite float;position:absolute}.float-1{top:15%;animation-delay:0s;inset-inline-end:10%}.float-2{top:45%;animation-delay:2s;inset-inline-end:5%}.float-3{bottom:20%;animation-delay:4s;inset-inline-end:15%}.scroll-indicator{bottom:var(--space-xl);position:absolute;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent-primary), transparent);width:1px;height:60px;animation:fadeInUp 1.5s var(--ease-out) infinite}@media (width<=768px){.hero-name{font-size:var(--text-4xl)}.hero-role{font-size:var(--text-xl)}.code-float{display:none}.hero-actions{flex-direction:column}.btn{justify-content:center}}.about-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-text{gap:var(--space-lg);flex-direction:column;display:flex}.about-text p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.9}.about-stats{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-base);flex-direction:column;align-items:center;display:flex}.stat-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800}.stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-xs)}.about-terminal{margin-top:var(--space-3xl);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden}.terminal-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-title{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-muted);margin-inline-start:var(--space-sm)}.terminal-body{padding:var(--space-lg);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);line-height:2}.t-green{color:#28c840}.t-cyan{color:var(--accent-primary)}.t-amber{color:var(--accent-secondary)}.t-muted{color:var(--text-muted)}.cursor-blink{color:var(--accent-primary);animation:1s infinite blink}@media (width<=768px){.about-grid{gap:var(--space-2xl);grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}}@media (width<=480px){.about-stats{grid-template-columns:1fr}}.skills-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.skill-card-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:0;width:200%;height:200%;transition:opacity var(--transition-slow);pointer-events:none;position:absolute;top:-50%;left:-50%}.skill-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.skill-card:hover .skill-card-glow{opacity:1}.skill-icon{margin-block-end:var(--space-lg);font-size:2.5rem}.skill-title{font-size:var(--text-xl);color:var(--text-primary);margin-block-end:var(--space-sm)}.skill-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-lg);line-height:1.7}.skill-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill-tag{font-family:var(--font-display);font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.skill-card:hover .skill-tag{border-color:var(--border-accent);color:var(--accent-primary)}@media (width<=768px){.skills-grid{grid-template-columns:1fr}}.timeline{padding:var(--space-xl) 0;position:relative}.timeline-line{top:0;bottom:0;background:linear-gradient(to bottom, transparent, var(--border-accent), var(--border-accent), transparent);width:2px;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.timeline-item{width:50%;padding:var(--space-md);padding-block-end:var(--space-2xl);position:relative}.timeline-item.left{padding-inline-end:var(--space-3xl);inset-inline-start:0}.timeline-item.right{padding-inline-start:var(--space-3xl);inset-inline-start:50%}.timeline-dot{top:var(--space-xl);background:var(--accent-primary);border:3px solid var(--bg-primary);z-index:2;border-radius:50%;width:14px;height:14px;animation:3s infinite pulse-glow;position:absolute}.timeline-item.left .timeline-dot{inset-inline-end:-7px}.timeline-item.right .timeline-dot{inset-inline-start:-7px}.timeline-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.timeline-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.timeline-year{font-family:var(--font-display);font-size:var(--text-xs);color:var(--accent-primary);padding:var(--space-xs) var(--space-sm);background:var(--accent-glow);border-radius:var(--radius-sm);margin-block-end:var(--space-sm);font-weight:600;display:inline-block}.timeline-role{font-size:var(--text-lg);color:var(--text-primary);margin-block-end:var(--space-xs)}.timeline-company{font-size:var(--text-sm);color:var(--accent-secondary);margin-block-end:var(--space-sm);font-weight:500;display:block}.timeline-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}@media (width<=768px){.timeline-line{inset-inline-start:20px}.timeline-item,.timeline-item.left,.timeline-item.right{width:100%;padding-inline:50px 0;inset-inline-start:0}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{inset-inline:14px auto}}.project-filters{gap:var(--space-sm);flex-wrap:wrap;margin-block-end:var(--space-2xl);display:flex}.filter-btn{font-family:var(--font-display);font-size:var(--text-xs);padding:var(--space-sm) var(--space-lg);background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.05em;font-weight:600}[dir=rtl] .filter-btn{font-family:var(--font-arabic);letter-spacing:0}.filter-btn:hover{border-color:var(--border-accent);color:var(--accent-primary)}.filter-btn.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);min-height:280px;transition:all var(--transition-base);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--gradient-accent);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.project-card:hover:before{opacity:1}.project-icon-row{justify-content:space-between;align-items:center;margin-block-end:var(--space-lg);display:flex}.project-link-icon{color:var(--text-muted);transition:all var(--transition-fast);padding:var(--space-xs)}.project-card:hover .project-link-icon{color:var(--accent-primary)}.project-title{font-size:var(--text-lg);color:var(--text-primary);transition:color var(--transition-fast);margin-block-end:var(--space-sm)}.project-card:hover .project-title{color:var(--accent-primary)}.project-desc{font-size:var(--text-sm);color:var(--text-secondary);flex:1;line-height:1.7}.project-card-bottom{margin-top:var(--space-lg)}.project-tech{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tech-tag{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-muted)}.tech-tag:before{content:"#";color:var(--accent-secondary)}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}}.contact-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:500px;margin-block-end:var(--space-2xl)}.contact-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{position:relative}.form-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.input-line{bottom:0;background:var(--accent-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;inset-inline-start:0}.form-input:focus~.input-line{width:100%}.form-textarea{resize:vertical;min-height:120px}.submit-btn{justify-content:center;width:100%}.contact-info{gap:var(--space-xl);flex-direction:column;display:flex}.contact-card{align-items:center;gap:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);display:flex}.contact-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.contact-card-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:50px;height:50px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;display:block}.contact-card-value{font-size:var(--text-base);color:var(--text-primary);transition:color var(--transition-fast)}.contact-card-value:hover{color:var(--accent-primary)}.social-links{gap:var(--space-sm);flex-direction:column;display:flex}.social-link{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-size:var(--text-sm);display:flex}.social-link:hover{border-color:var(--border-accent);color:var(--accent-primary);background:var(--accent-glow);transform:translate(4px)}[dir=rtl] .social-link:hover{transform:translate(-4px)}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}.footer{z-index:2;padding:var(--space-3xl) 0 var(--space-xl);background:var(--bg-secondary);border-top:1px solid var(--border-color);position:relative}.footer-top{justify-content:space-between;align-items:start;gap:var(--space-2xl);display:flex}.footer-brand{gap:var(--space-sm);flex-direction:column;display:flex}.footer-logo{font-family:var(--font-display);font-size:var(--text-xl);align-items:center;gap:2px;font-weight:800;display:flex}.footer-tagline{font-size:var(--text-sm);color:var(--text-muted)}.footer-links{gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-divider{background:var(--border-color);height:1px;margin:var(--space-xl) 0}.footer-bottom{justify-content:center;display:flex}.footer-copyright{font-size:var(--text-xs);color:var(--text-muted)}@media (width<=768px){.footer-top{text-align:center;flex-direction:column;align-items:center}.footer-links{justify-content:center}}