:root{--bg-base: #030303;--bg-surface: rgba(15, 15, 15, .7);--bg-card: rgba(20, 20, 20, .4);--bg-card-hover: rgba(30, 30, 30, .6);--accent: #E5B95C;--accent-glow: rgba(229, 185, 92, .15);--accent-rgb: 229, 185, 92;--text-1: #ffffff;--text-2: #a1a1aa;--text-3: #52525b;--border-light: rgba(255, 255, 255, .05);--border-accent: rgba(229, 185, 92, .2);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-arabic: "Cairo", sans-serif;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--transition-bounce: all .6s cubic-bezier(.34, 1.56, .64, 1)}body.light-mode{--bg-base: #f4f4f5;--bg-surface: rgba(255, 255, 255, .85);--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(240, 240, 240, .95);--accent: #b38b22;--accent-glow: rgba(179, 139, 34, .15);--accent-rgb: 179, 139, 34;--text-1: #111111;--text-2: #555555;--text-3: #999999;--border-light: rgba(0, 0, 0, .08);--border-accent: rgba(179, 139, 34, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;cursor:none}html{scroll-behavior:smooth;scrollbar-width:none;overflow-x:hidden}html::-webkit-scrollbar{display:none}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-1);line-height:1.7;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:9999}body.light-mode:before{opacity:.015}a{text-decoration:none;color:inherit}ul{list-style:none}body[dir=rtl]{font-family:var(--font-arabic);text-align:right}body[dir=rtl] .font-heading,body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3{font-family:var(--font-arabic);letter-spacing:0}body[dir=rtl] .nav-toggle i{transform:scaleX(-1)}body[dir=rtl] .nav-links a:after{left:auto;right:50%;transform:translate(50%) scale(0)}body[dir=rtl] .nav-links a:hover:after{transform:translate(50%) scale(1)}.ambient-orb{position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;pointer-events:none;opacity:.4;animation:floatOrb 20s infinite alternate}.orb-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%)}.orb-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(120,120,120,.04) 0%,transparent 70%);animation-delay:-10s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}body,a,button,.hover-target{cursor:none}.cursor-dot{width:6px;height:6px;background-color:var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .3s var(--transition-smooth),height .3s var(--transition-smooth),opacity .3s}.cursor-outline{width:30px;height:30px;border:1.5px solid var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.23,1,.32,1),height .4s cubic-bezier(.23,1,.32,1),background-color .4s,border-color .4s,opacity .4s}body.hovering .cursor-dot{width:12px;height:12px}body.hovering .cursor-outline{width:44px;height:44px;opacity:.5}body.text-hover .cursor-dot{width:2px;height:22px;border-radius:0}body.text-hover .cursor-outline{width:0;height:0;opacity:0}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);z-index:10001;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s}#preloader.hidden{opacity:0;visibility:hidden}.loader-logo{font-family:var(--font-heading);font-size:3rem;font-weight:800;color:var(--accent);letter-spacing:4px;animation:pulseScale 1.5s ease-in-out infinite}@keyframes pulseScale{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.controls-wrapper{display:flex;gap:15px;align-items:center}.theme-btn{width:42px;height:42px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-1);display:flex;align-items:center;justify-content:center;font-size:1.3rem;position:relative;overflow:hidden;transition:var(--transition-bounce);outline:none}.theme-btn:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.08)}.theme-btn i{position:absolute;transition:var(--transition-bounce)}.theme-btn .moon-icon{transform:translateY(0) rotate(0);opacity:1}.theme-btn .sun-icon{transform:translateY(40px) rotate(90deg);opacity:0}body.light-mode .theme-btn .moon-icon{transform:translateY(-40px) rotate(-90deg);opacity:0}body.light-mode .theme-btn .sun-icon{transform:translateY(0) rotate(0);opacity:1;color:var(--accent)}.lang-switch{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:30px;padding:4px;position:relative;width:84px;height:40px}.lang-slider{position:absolute;width:36px;height:30px;background:var(--accent);border-radius:20px;top:4px;inset-inline-start:4px;transition:var(--transition-bounce);z-index:1}body[dir=rtl] .lang-slider{inset-inline-start:auto;inset-inline-end:4px}.lang-lbl{flex:1;text-align:center;font-size:.85rem;font-weight:700;z-index:2;color:var(--text-2);transition:color .3s;-webkit-user-select:none;user-select:none}body[dir=ltr] .lang-lbl.en{color:var(--bg-base)}body[dir=ltr] .lang-lbl.ar,body[dir=rtl] .lang-lbl.en{color:var(--text-2)}body[dir=rtl] .lang-lbl.ar{color:var(--bg-base)}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);font-weight:700;letter-spacing:.5px}.container{max-width:1400px;margin:0 auto;padding:0 5%}.section{padding:150px 5%;position:relative}.section-header{margin-bottom:80px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.section-label{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:4px;font-weight:600;display:flex;align-items:center;gap:15px}.section-header .section-label{justify-content:center}.section-label:before,.section-label:after{content:"";width:30px;height:1px;background-color:var(--accent);display:block}.section-title{font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.1;color:var(--text-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;border-radius:100px;font-size:.95rem;font-weight:600;letter-spacing:.5px;transition:var(--transition-bounce);overflow:hidden;position:relative;z-index:1;border:none}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-1);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.19,1,.22,1)}.btn:hover:before{transform:scaleX(1);transform-origin:left}body[dir=rtl] .btn:before{transform-origin:left}body[dir=rtl] .btn:hover:before{transform-origin:right}.btn-primary{background-color:var(--accent);color:#000;border:1px solid var(--accent)}.btn-primary:hover{color:var(--bg-base)}body.light-mode .btn-primary{color:#fff}.btn-outline{background-color:transparent;color:var(--text-1);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--text-1);color:var(--bg-base)}.arrow-icon{width:18px;height:18px;stroke:currentColor;fill:none;flex-shrink:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.btn:hover .arrow-icon{transform:translate(5px)}body[dir=rtl] .btn:hover .arrow-icon{transform:translate(-5px) scaleX(-1)}body[dir=rtl] .arrow-icon{transform:scaleX(-1)}header{position:fixed;top:0;left:0;width:100%;padding:28px 0;z-index:100;transition:var(--transition-smooth)}header.scrolled{padding:14px 0;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.nav-wrapper{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;color:var(--text-1);display:flex;align-items:center;font-weight:800;letter-spacing:2px;flex-shrink:0}.logo span{color:var(--accent)}.nav-links{display:flex;gap:38px;background:var(--bg-card);padding:12px 34px;border-radius:100px;border:1px solid var(--border-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:1}.nav-links a{font-size:.82rem;color:var(--text-2);letter-spacing:1.5px;text-transform:uppercase;font-weight:600;position:relative;transition:color .3s}.nav-links a:hover{color:var(--text-1)}.nav-links a:after{content:"";position:absolute;bottom:-6px;left:50%;width:4px;height:4px;background-color:var(--accent);border-radius:50%;transform:translate(-50%) scale(0);transition:var(--transition-bounce)}.nav-links a:hover:after{transform:translate(-50%) scale(1)}.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.nav-toggle{display:none;font-size:2.2rem;color:var(--text-1);transition:var(--transition-smooth);line-height:1}.nav-toggle:hover{color:var(--accent)}#hero{min-height:100vh;display:flex;align-items:center;padding-top:100px;position:relative}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:100px;background:var(--bg-card);border:1px solid var(--border-light);font-size:.82rem;font-weight:600;color:var(--text-2);margin-bottom:28px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-badge .dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-content h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.05;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}.hero-content h1 .gradient-text{display:inline-block;background:linear-gradient(135deg,var(--text-1) 20%,var(--accent) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.1rem;color:var(--text-2);max-width:88%;margin-bottom:38px;font-weight:400;line-height:1.85}.hero-cta-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.hero-socials{display:flex;gap:12px;margin-inline-start:8px}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-1);font-size:1.2rem;transition:var(--transition-smooth)}.social-icon:hover{transform:translateY(-3px);color:#fff}.social-icon.s-fb:hover{background:#1877f2;border-color:#1877f2;box-shadow:0 5px 15px #1877f266}.social-icon.s-in:hover{background:#0a66c2;border-color:#0a66c2;box-shadow:0 5px 15px #0a66c266}.social-icon.s-yt:hover{background:red;border-color:red;box-shadow:0 5px 15px #f006}.social-icon.s-wa:hover{background:#25d366;border-color:#25d366;box-shadow:0 5px 15px #25d36666}.hero-tech{display:flex;gap:15px;margin-top:38px;align-items:center;flex-wrap:wrap}.hero-tech p{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-3);margin:0}.tech-icon{font-size:1.8rem;color:var(--text-2);transition:var(--transition-bounce)}.tech-icon:hover{transform:translateY(-5px)}.hero-visual{position:relative;height:600px;display:flex;justify-content:center;align-items:center}.visual-blob{position:absolute;width:420px;height:420px;background:linear-gradient(to right,var(--accent-glow),rgba(255,255,255,.04));border-radius:50%;filter:blur(60px);animation:floatBlob 10s ease-in-out infinite alternate}@keyframes floatBlob{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,50px) scale(1.1)}}.main-img-container{height:85%;aspect-ratio:1 / 1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;z-index:2;animation:morphBlob 8s ease-in-out infinite;border:3px solid var(--accent);box-shadow:0 0 25px var(--accent-glow),inset 0 0 25px var(--accent-glow)}@keyframes morphBlob{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.main-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.glass-card{position:absolute;bottom:10%;inset-inline-end:0;z-index:3;background:#141414a6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-accent);padding:20px 28px;border-radius:20px;box-shadow:0 10px 30px #0000004d;display:flex;align-items:center;gap:15px;animation:floatCard 6s ease-in-out infinite alternate}body.light-mode .glass-card{background:#ffffffd9}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.glass-card h4{font-size:2.5rem;color:var(--accent);line-height:1;margin:0}.glass-card p{font-size:.82rem;color:var(--text-2);text-transform:uppercase;letter-spacing:1px;line-height:1.3;margin:0;font-weight:600}#about .about-body{max-width:780px;margin:0 auto;text-align:center}#about .about-body p{line-height:1.9;margin-bottom:18px}#about .about-body p:first-child{font-size:1.15rem;color:var(--text-1)}#about .about-body p:last-child{font-size:1.05rem;color:var(--text-2);margin-bottom:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:860px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1250px;margin:0 auto}.service-card{background:var(--bg-card);border:1px solid var(--border-light);padding:50px 40px;border-radius:24px;transition:var(--transition-smooth);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--border-accent),transparent 40%);opacity:0;transition:opacity .35s;z-index:0;pointer-events:none}.service-card:hover:before{opacity:1}.service-card>*{position:relative;z-index:1}.srv-icon{font-size:3rem;color:var(--text-3);margin-bottom:28px;transition:var(--transition-smooth);display:block}.service-card:hover .srv-icon{color:var(--accent);transform:scale(1.08)}.service-card h3{font-size:1.6rem;margin-bottom:16px}.service-card p{color:var(--text-2);font-size:.95rem;line-height:1.8}.timeline{position:relative;max-width:1000px;margin:0 auto;padding-inline-start:50px}.timeline:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:2px;background:var(--border-light)}.timeline-item{position:relative;margin-bottom:60px}.timeline-dot{position:absolute;inset-inline-start:-56px;top:5px;width:12px;height:12px;background:var(--accent);border-radius:50%;border:4px solid var(--bg-base);box-shadow:0 0 12px var(--accent)}.timeline-date{color:var(--accent);font-size:.88rem;font-weight:700;margin-bottom:10px;display:block;text-transform:uppercase;letter-spacing:2px}.timeline-content{background:var(--bg-card);padding:30px;border-radius:20px;border:1px solid var(--border-light);transition:var(--transition-smooth)}.timeline-content:hover{border-color:var(--border-accent);transform:translate(10px)}body[dir=rtl] .timeline-content:hover{transform:translate(-10px)}.timeline-content h3{font-size:1.5rem;margin-bottom:12px}.timeline-content ul{padding-inline-start:20px;color:var(--text-2);line-height:1.9;list-style:disc}.timeline-content ul li{margin-bottom:6px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1250px;margin:0 auto}.project-card{position:relative;border-radius:24px;overflow:hidden;height:460px;background:var(--bg-card);border:1px solid var(--border-light);display:block;box-shadow:0 15px 40px #0000004d;text-decoration:none;color:inherit}.project-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s ease;filter:grayscale(60%) brightness(.85);z-index:1}.project-card:hover .project-img{transform:scale(1.07);filter:grayscale(0%) brightness(1)}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.4) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:36px;z-index:2}body.light-mode .project-overlay{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 55%,transparent 100%)}.p-category{color:var(--accent);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-weight:700;transform:translateY(22px);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.p-title{font-size:1.9rem;color:#fff;margin-bottom:12px;transform:translateY(22px);transition:all .5s cubic-bezier(.16,1,.3,1) .05s;line-height:1.2}.p-desc{font-size:.9rem;color:#ffffffbf;transform:translateY(22px);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1) .1s;line-height:1.65;margin-bottom:18px}.p-cta{transform:translateY(22px);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1) .15s;width:fit-content}.project-card:hover .p-category,.project-card:hover .p-title,.project-card:hover .p-desc,.project-card:hover .p-cta{transform:translateY(0);opacity:1}.github-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;border:1px dashed var(--border-accent);background:var(--bg-card);height:460px}.github-card .gh-icon{font-size:5rem;color:var(--text-1);margin-bottom:20px;transition:var(--transition-smooth);display:block}.github-card:hover .gh-icon{color:var(--accent);transform:scale(1.08)}.github-card h3{font-size:1.7rem;margin-bottom:14px}.github-card p{color:var(--text-2);font-size:.92rem;margin-bottom:28px;line-height:1.7;max-width:280px}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;background:var(--bg-card);border:1px solid var(--border-light);padding:80px;border-radius:30px;max-width:1250px;margin:0 auto;box-shadow:0 20px 60px #0003}.c-info .section-label{margin-bottom:20px}.c-info h3{font-size:2.3rem;margin-bottom:16px;line-height:1.2}.c-info>p{color:var(--text-2);margin-bottom:44px;line-height:1.8}.c-details{display:flex;flex-direction:column;gap:16px}.c-item{display:flex;align-items:center;gap:18px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:18px 22px;text-decoration:none;color:inherit;transition:var(--transition-smooth)}.c-item:hover{transform:translateY(-4px);border-color:var(--border-accent);background:var(--bg-card-hover);box-shadow:0 10px 28px rgba(var(--accent-rgb),.12)}.c-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.c-icon--email{background:#e5b95c1a;color:var(--accent)}.c-icon--linkedin{background:#0a66c21f;color:#0a66c2}.c-icon--whatsapp{background:#25d3661f;color:#25d366}.c-text h4{font-size:.75rem;color:var(--text-3);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.c-text span{font-size:.95rem;color:var(--text-2)}.c-form{display:flex;flex-direction:column}.form-group{position:relative;margin-bottom:42px}.form-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--text-3);padding:15px 0;color:var(--text-1);font-family:var(--font-body);font-size:1rem;transition:var(--transition-smooth);outline:none}.form-input:focus{border-bottom-color:var(--accent)}body[dir=rtl] .form-input{text-align:right}.form-label{position:absolute;top:15px;inset-inline-start:0;color:var(--text-3);pointer-events:none;font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus~.form-label,.form-input.has-value~.form-label{top:-14px;font-size:.75rem;color:var(--accent);letter-spacing:1px}textarea.form-input{resize:none;height:110px}.submit-btn{width:100%;margin-top:8px;font-size:.95rem;padding:18px;border-radius:100px;background:var(--accent);color:#000;border:1px solid var(--accent);font-family:var(--font-body);font-weight:700;letter-spacing:1px;transition:var(--transition-bounce);position:relative;overflow:hidden;z-index:1}.submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text-1);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.19,1,.22,1)}.submit-btn:hover:before{transform:scaleX(1);transform-origin:left}.submit-btn:hover{color:var(--bg-base)}.submit-btn:disabled{opacity:.65;cursor:not-allowed}body.light-mode .submit-btn{color:#fff}.contact-status{display:none;margin-top:20px;padding:16px;border-radius:12px;text-align:center;font-weight:600;font-size:.9rem;animation:fadeIn .3s ease}.contact-status.success{display:block;background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.contact-status.error{display:block;background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}footer{padding:40px 0;border-top:1px solid var(--border-light);color:var(--text-3);font-size:.9rem;display:flex;justify-content:space-between;align-items:center}footer .logo{font-size:1.3rem}.footer-links{display:flex;gap:20px;font-size:1.5rem}.footer-links a{color:var(--text-3);transition:var(--transition-smooth)}.footer-links a:hover{color:var(--accent);transform:translateY(-3px);display:inline-block}.whatsapp-btn{position:fixed;bottom:38px;inset-inline-end:38px;width:62px;height:62px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 0 20px #25d36659;z-index:99;transition:var(--transition-bounce);text-decoration:none}.whatsapp-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #25D366;animation:rippleWa 2s infinite ease-out;z-index:-1}@keyframes rippleWa{0%{transform:scale(1);opacity:1}to{transform:scale(1.55);opacity:0}}.whatsapp-btn:hover{transform:scale(1.1) rotate(-8deg)}.reveal{opacity:0;transform:translateY(55px);transition:all .95s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:50px}.hero-visual{order:-1;height:460px}.hero-desc{margin:0 auto 36px;max-width:580px}.hero-tech,.hero-cta-row{justify-content:center}.hero-socials{margin-inline-start:0}.glass-card{inset-inline-end:auto;inset-inline-start:50%;transform:translate(-50%);white-space:nowrap}body[dir=rtl] .glass-card{transform:translate(50%);animation-name:floatCardRtl}@keyframes floatCard{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-18px)}}@keyframes floatCardRtl{0%{transform:translate(50%) translateY(0)}to{transform:translate(50%) translateY(-18px)}}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.contact-wrapper{grid-template-columns:1fr;gap:48px;padding:50px}.nav-links{gap:22px;padding:10px 24px}}@media (max-width: 768px){.section{padding:100px 5%}.nav-toggle{display:block}.nav-links{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:40px;border-radius:0;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(100%);transition:transform .55s cubic-bezier(.16,1,.3,1);z-index:1000;height:100vh;width:100%}body[dir=rtl] .nav-links{transform:translate(-100%)}.nav-links.active{transform:translate(0)!important}.nav-links a{font-size:1.4rem;letter-spacing:2px}.hero-content h1{font-size:3rem}.hero-visual{height:380px}.services-grid{grid-template-columns:1fr;gap:24px}.projects-grid{grid-template-columns:1fr}.github-card{height:auto;min-height:340px}.section-title{font-size:2.4rem}.timeline{padding-inline-start:35px}.timeline-dot{inset-inline-start:-41px}.contact-wrapper{padding:32px 24px;gap:36px}.c-info h3{font-size:1.9rem}footer{flex-direction:column;gap:18px;text-align:center}}@media (max-width: 480px){.hero-content h1{font-size:2.4rem}.hero-badge{font-size:.72rem}.hero-visual{height:320px}.btn{padding:14px 26px;font-size:.88rem}.hero-cta-row{flex-direction:column;align-items:center;width:100%}.hero-cta-row .btn{width:100%;justify-content:center}.hero-tech{flex-wrap:wrap;justify-content:center}.service-card{padding:32px 26px}.project-card{height:380px}.p-title{font-size:1.65rem}.header-actions,.controls-wrapper{gap:10px}.theme-btn{width:36px;height:36px;font-size:1.1rem}.lang-switch{width:70px;height:34px}.lang-slider{width:30px;height:26px}.lang-lbl{font-size:.75rem}.contact-wrapper{padding:24px 16px}}