body{font-family:Poppins,sans-serif;color:#333;margin:0;padding:0;position:relative;background:url("./media/Digital_background-GEDONMOS.jpg") no-repeat center center fixed;background-size:cover}.background-svg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;animation:move 10s linear infinite}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(-100%)}}header{background:linear-gradient(135deg,#1e1e2dcc,#3a3d56cc);padding:.75rem 0;color:#fff;text-align:center;box-shadow:0 4px 6px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}header p{margin:0;font-size:.9rem}nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;padding:0}nav ul li{flex:1;text-align:center}nav ul li a{color:#fff;text-decoration:none;font-weight:700;transition:color .3s ease-in-out;padding:10px}nav ul li a:hover{color:#61dafb}button#toggle-lang{background-color:#61dafb;border:none;color:#fff;padding:.5rem 1rem;cursor:pointer;display:block;margin:10px auto;border-radius:5px;font-size:1rem;width:100%;max-width:200px}button#toggle-lang:hover{background-color:#21a1f1}.container{width:90%;max-width:1100px;margin:180px auto auto;padding-bottom:100px}section:first-of-type{padding-top:100px}section{background:#ffffffe6;color:#1e1e2d;border-radius:12px;padding:4rem 2rem;margin:2rem auto;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}section:hover{transform:scale(1.02);box-shadow:0 20px 40px #0003}h2{text-align:center;margin-bottom:1rem;font-size:2rem;color:#1e1e2d}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.social-icons a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;text-decoration:none;color:#fff;font-size:24px;transition:background .3s ease-in-out}.social-icons a:hover{transform:scale(1.1);background:#ffffff1a}@media (max-width: 600px){.social-icons a{width:40px;height:40px}}footer{background-color:#1e1e2dcc;color:#fff;text-align:center;padding:1rem;width:100%;position:relative;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;clear:both}footer p{margin:0;font-size:.9rem;direction:inherit}#footer-name{font-weight:700}@media (min-width: 768px){footer{padding:1.5rem}footer p{font-size:1rem}}@media (min-width: 768px){section{padding:6rem 4rem}}@media (max-width: 600px){header{padding:1rem}.container{width:95%}section{padding:2rem 1rem;margin:1rem auto}h2{font-size:1.5rem;transition:color .3s ease}h2:hover{color:#61dafb}button{width:100%;max-width:200px;margin:10px 0;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#21a1f1;transform:scale(1.05)}}[data-aos]{opacity:1!important;transform:none!important}#dark-mode-toggle{position:fixed;top:20px;right:20px;background:#333;color:#fff;border:none;padding:8px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:background .3s ease-in-out;z-index:1000;width:40px;height:40px;display:flex;align-items:center;justify-content:center}#dark-mode-toggle:hover{background:#555}@media (max-width: 600px){#dark-mode-toggle{top:15px;right:15px;font-size:1rem}}.dark-mode{background:#1e1e2d!important;color:#fff!important}.dark-mode body{background:url("./media/Digital_background_dark-QXWUMRMT.jpg") no-repeat center center fixed;background-size:cover}.dark-mode .background-svg{background:none}.dark-mode section{position:relative;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;overflow:hidden}.dark-mode section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1}.dark-mode section h2,.dark-mode section p,.dark-mode section a{position:relative;z-index:1;color:#fff!important}.dark-mode a{color:#61dafb!important}.dark-mode header,.dark-mode footer{background:#111!important;color:#fff!important}.dark-mode nav ul li a{color:#61dafb!important}.dark-mode button{background:#61dafb!important;color:#1e1e2d!important}html.dark-mode body{background:#1e1e2d!important;color:#fff!important}html.dark-mode section{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important}.whatsapp{background:#25d366}.linkedin{background:#0077b5}.github{background:#333}html[lang=ar] body{text-align:right;direction:rtl}html[lang=ar] nav ul{flex-direction:row-reverse}html[lang=ar] .container{text-align:right}html[lang=ar] nav ul li a{text-align:right}html[lang=ar] section{text-align:right}html[lang=ar] .social-icons{flex-direction:row-reverse}html[lang=ar] section{background:#fffffff2;color:#1e1e2d}html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] p{font-family:Tajawal,sans-serif;text-align:right}html[lang=ar] #toggle-lang{direction:ltr}