*,body{margin:0;padding:0}#scroll-bar,header{position:fixed;top:0}.logo,.nav-links a.active{color:#64ffda;font-weight:700}.hero,.hero-text,.nav-links,nav{display:flex}.hero,.hero-image,section{position:relative}.contact,.cta-button,.modal{text-align:center}.glow-separator::after,body.light-mode .glow-separator::after{background:linear-gradient(90deg,transparent,#64ffda,transparent)}*{box-sizing:border-box}#scroll-bar{left:0;height:5px;background:#64ffda;width:0%;z-index:9999;transition:width .25s;box-shadow:0 0 15px #64ffda}body,html{height:auto;overflow-x:hidden;scroll-behavior:smooth}.nav-links a.active{border-bottom:2px solid #64ffda}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#f7ebeb;background-color:#0a192f}.container{height:auto;overflow-y:auto}.glow-separator::after,.section-divider{height:2px;border-radius:50px;width:80%}section{padding-bottom:4rem}.section-divider{margin:4rem auto;background:linear-gradient(90deg,#0a192f,#64ffda,#0a192f);background-size:200% auto;animation:3s linear infinite glow-move;box-shadow:0 0 10px #64ffda88}@keyframes glow-move{0%{background-position:0 center}100%{background-position:200% center}}.glow-separator::after{content:"";display:block;margin:4rem auto 0;box-shadow:0 0 10px #64ffda66}header{background:linear-gradient(rgba(10,25,47,.95),rgba(10,25,47,.5));padding:20px;width:100%;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.3)}nav{max-width:1100px;margin:0 auto;justify-content:space-between;align-items:center}.logo{font-size:2.5rem}.nav-links{gap:2rem}.nav-links a{color:#ccd6f6;text-decoration:none;font-weight:500;transition:color .3s;font-size:1.1rem}.contact-column i,.hero-text h1,.nav-links a:hover,body.light-mode .nav-links a.active,body.light-mode .nav-links a:hover{color:#64ffda}.cta-button,.project-card a{text-decoration:none;font-weight:600}.hero{height:100vh;margin-top:60px;background:linear-gradient(to right,#0a192f,#112240)}.hero-intro{font-size:1rem;color:#8892b0;margin:1rem 0 2rem;line-height:1.6}.hero-text{flex:0 0 60%;flex-direction:column;justify-content:center;padding:0 6%;color:#ccd6f6}.hero-text h1{font-size:3rem;margin-bottom:1rem}.hero-text p{font-size:1.2rem;margin-bottom:2rem}.cta-button{display:inline-block;padding:.6rem 1.4rem;background-color:#64ffda;color:#0a192f;font-size:1rem;border-radius:5px;transition:.3s;box-shadow:0 4px 14px rgba(1,1,1,.2)}.about-box,.cert-card,.project-card{transition:transform .3s,box-shadow .3s}.contact .cta-button:hover,.cta-button:hover{transform:translateY(-3px);background-color:#52e2c9}.hero-socials{margin-top:1.2rem;display:flex;gap:1.2rem;align-items:center}.hero-socials a{font-size:1.7rem;color:#ccd6f6;transition:.3s}.hero-socials a:hover{color:#64ffda;text-shadow:0 0 8px #64ffda;transform:translateY(-2px)}.hero-image{flex:0 0 40%;display:flex;justify-content:center;align-items:center;height:100%;padding:2rem;background-color:#0a192f}.hero-image img{width:80%;max-width:400px;height:auto;object-fit:cover;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.3);opacity:.95;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.hero-image img:hover{transform:scale(1.03);opacity:1}.hero-image::after{content:'';position:absolute;bottom:0;left:0;height:50%;width:100%;background:linear-gradient(to top,#0a192f,transparent);pointer-events:none}.about,.certifications,.projects{padding:5rem 10%;background-color:#0a192f;color:#ccd6f6}.about-content{display:flex;flex-direction:column;gap:3rem}.about-text p{margin-bottom:1rem;line-height:1.6}.about-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.about-box h3,.project-card h3,.project-card p,.project-thumb,.tech-used{margin-bottom:1rem}.about-box,.project-card{background:#112240;padding:2rem;border-radius:12px;box-shadow:0 4px 20px rgba(100,255,218,.08)}.about-box:hover,.cert-card:hover,.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(100,255,218,.15)}.about-box h3{color:#64ffda}.about-box ul{list-style:none;padding-left:0}.about-box ul li{margin-bottom:.8rem;line-height:1.4}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.project-card h3{color:#64ffda;font-size:1.5rem}.project-card p{font-size:1rem;line-height:1.5}.project-card a{color:#64ffda;border-bottom:1px solid transparent;transition:border-bottom .3s}.project-card a:hover{border-bottom:1px solid #64ffda}.project-thumb{width:100%;height:180px;object-fit:cover;border-radius:10px}.tech-used{font-size:.9rem;color:#8892b0}.modal{display:none;position:fixed;z-index:999;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.modal-close,.modal-nav{position:absolute;z-index:1000;font-weight:700;cursor:pointer}.modal-content{margin:auto;display:block;max-width:90%;max-height:75vh;border-radius:10px;box-shadow:0 0 20px rgba(100,255,218,.5);animation:.4s fadeIn}.modal-close{top:20px;right:35px;color:#64ffda;font-size:40px}.modal-caption{color:#ccd6f6;font-size:1.1rem;margin-top:1rem}.modal-nav{top:50%;font-size:40px;color:#64ffda;padding:10px;user-select:none}.modal-nav.prev{left:10px}.modal-nav.next{right:10px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.cert-card{background:#112240;padding:1.8rem;border-radius:12px;box-shadow:0 4px 20px rgba(100,255,218,.08)}.cert-btn,.contact .cta-button{color:#0a192f;border-radius:5px;text-decoration:none;font-weight:600}.cert-card h3{color:#64ffda;margin-bottom:.6rem;font-size:1.2rem}.cert-btn,.cert-card p,.footer{font-size:.95rem}.cert-card p{color:#8892b0;margin-bottom:1rem}.cert-btn{display:inline-block;padding:.5rem 1.2rem;background-color:#64ffda}.cert-btn:hover,.contact-column form button:hover{background-color:#52e2c9}.cert-tags{margin:.8rem 0 1.2rem;display:flex;flex-wrap:wrap;gap:.5rem}.cert-tags span{background:rgba(100,255,218,.1);color:#64ffda;padding:.35rem .8rem;border-radius:20px;font-size:.8rem}.roles-trainings h3{color:#64ffda;margin-top:1.8rem}.roles-trainings p{font-size:1rem;line-height:1.6;color:#ccd6f6;margin-bottom:1.2rem}.contact{padding:5rem 10%;background-color:#0a192f;color:#ccd6f6}.contact-title-wrapper{display:inline-block;transform:translateX(-50px)}.contact .cta-button{margin:1rem 0 3rem;padding:.6rem 1.4rem;background-color:#64ffda;box-shadow:0 4px 14px rgba(1,1,1,.2);transition:.3s}.contact-layout{display:flex;justify-content:space-between;gap:4rem;align-items:flex-start;flex-wrap:wrap;text-align:left}.contact-column{flex:1 1 45%}.contact-column h3{font-size:1.4rem;color:#64ffda;margin-bottom:1rem}.contact-column a,.contact-column p{font-size:1rem;margin-bottom:.8rem;color:#ccd6f6;display:flex;align-items:center;gap:.6rem;text-decoration:none}.contact-socials{display:flex;gap:1rem;margin-top:.8rem}.contact-socials a{font-size:1.4rem;color:#ccd6f6;transition:.3s}.contact-socials a:hover{color:#64ffda;text-shadow:0 0 5px #64ffda}.contact-column form input,.contact-column form textarea{width:100%;padding:.8rem;margin-bottom:1rem;background-color:#112240;color:#ccd6f6;border:none;border-radius:6px;font-size:1rem}.contact-column form button{padding:.6rem 1.4rem;background-color:#64ffda;color:#0a192f;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .3s}#form-message{font-size:1rem;margin-top:1rem;font-weight:700}@media (max-width:768px){.hero{flex-direction:column-reverse;height:auto;padding:2rem 1rem}.hero-image,.hero-text{padding:1rem;width:100%}.hero-text{flex:100%;text-align:center}.hero-text h1{font-size:2rem}.hero-intro,.hero-text p{font-size:1rem}.cta-button{margin:0 auto}.hero-image{flex:100%;margin-bottom:1rem}.hero-image img{max-width:280px;width:100%;height:auto}.about-boxes,.cert-grid{grid-template-columns:1fr}.projects{padding:3rem 1.5rem;text-align:center}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}.contact-layout{flex-direction:column;gap:2rem}.contact-column{width:100%}}body.light-mode .about,body.light-mode .contact,body.light-mode .contact-box form input,body.light-mode .contact-box form textarea,body.light-mode .footer,body.light-mode .projects,body.light-mode .roles-trainings,body.light-mode section{background-color:#fff;color:#0a192f}body.light-mode .contact-box a,body.light-mode .contact-box i,body.light-mode .contact-box p,body.light-mode .contact-socials a,body.light-mode .nav-links a,body.light-mode .roles-trainings h3,body.light-mode .roles-trainings p,body.light-mode i{color:#0a192f}body.light-mode .contact-socials a:hover{color:#040d0b}.footer{padding:1.5rem 10%;background-color:#020c1b;color:#8892b0;text-align:center;border-top:1px solid #112240;box-shadow:0 -2px 8px rgba(100,255,218,.05)}.mode-toggle{background:0 0;border:none;color:#64ffda;font-size:1.5rem;cursor:pointer;transition:color .3s,transform .3s}.mode-toggle:hover{color:#fff;transform:rotate(20deg)}body.light-mode{background-color:#f8f9fa;color:#0a192f}body.light-mode #scroll-bar{background:#0a192f;box-shadow:0 0 15px #0a192f}body.light-mode .hero-text{background:linear-gradient(to right,#fff,#f0f0f0);color:#0a192f}body.light-mode .hero-image{background-color:#fff}body.light-mode .hero-image img{box-shadow:0 10px 25px rgba(0,0,0,.1)}body.light-mode .glow-separator::after{box-shadow:0 0 10px #64ffdaaa}body.light-mode .cert-card{background-color:#fff;color:#0a192f;box-shadow:0 0 20px rgba(100,255,218,.3)}body.light-mode .about-box,body.light-mode .project-card{background-color:#fff;color:#0a192f;border:1px solid #64ffda20;box-shadow:0 0 20px rgba(100,255,218,.2)}.roles-trainings{background-color:#0a192f;color:#ccd6f6;padding:5rem 10%}body.light-mode .roles-trainings{background-color:#fff;color:#0a192f;box-shadow:0 2px 12px rgba(0,0,0,.05);border-top:1px solid #ddd}body.light-mode .cta-button{background-color:#0a192f;color:#64ffda}body.light-mode .cta-button:hover{background-color:#333}