@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Poppins:wght@300;500&display=swap);:root{--bg-dark:#0d0d12;--bg-light:#eaf6ff;--text-dark:#e6f1ff;--text-light:#111;--accent:#00d4ff;--radius:12px;--transition:0.3s ease}body{margin:0;font-family:"Poppins",sans-serif;background:var(--bg-dark);color:var(--text-dark);transition:background 0.5s,color 0.5s;overflow-x:hidden}body.light{background:var(--bg-light);color:var(--text-light)}body.modal-open{overflow:hidden}header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.5rem;background:rgb(0 0 0 / .6);backdrop-filter:blur(8px);z-index:1000}.controls{display:flex;gap:1rem;align-items:center}.flags{display:flex;gap:.5rem}.flags img{width:28px;height:20px;object-fit:cover;border-radius:3px;cursor:pointer;transition:transform 0.2s}.flags img:hover{transform:scale(1.1);box-shadow:0 0 6px var(--accent)}.logo{font-weight:700;font-size:1.4rem;color:var(--accent)}nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}nav a{text-decoration:none;color:inherit;transition:color var(--transition)}nav a:hover,nav a.active{color:var(--accent)}.controls{display:flex;gap:.7rem;align-items:center}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer}.hamburger span{display:block;height:3px;background:var(--accent);border-radius:2px;transition:0.3s}@media (max-width:768px){nav{position:fixed;top:60px;right:-100%;width:240px;background:rgb(20 20 30 / .862);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgb(255 255 255 / .1);box-shadow:-5px 5px 10px #027288c3;transition:right 0.4s ease;padding-top:.5rem}nav ul{flex-direction:column;gap:1rem;padding-right:15%;margin:0;list-style:none}nav ul li{text-align:center;list-style:none}nav.show{right:0}.hamburger{display:flex;margin-left:8%}}.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.section{padding:2rem 1.2rem;max-width:1100px;margin:0 auto}.section h2{align-items:center;text-align:center;font-size:1.8rem;margin-bottom:1.5rem;color:var(--accent)}@media (max-width:768px){.section{max-width:600px;padding:2rem}.section h2{font-size:1.5rem}}.hero{align-items:center;text-align:center;padding-top:6rem;position:relative}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:2.6rem;margin-bottom:.3rem}.hero h2{color:var(--accent);font-size:1.3rem;margin-bottom:.6rem}.hero p{max-width:600px;margin:0 auto}.hero-btns{margin-top:1rem;display:flex;gap:.8rem;justify-content:center}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);z-index:-1;transition:background 0.5s}body.light .hero-bg{background:var(--bg-light)}.btn{padding:.6rem 1.2rem;border-radius:var(--radius);font-size:.9rem;cursor:pointer;text-decoration:none;transition:all var(--transition)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{box-shadow:0 0 15px var(--accent);transform:translateY(-2px)}.btn.secondary{border:2px solid var(--accent);color:var(--accent)}.btn.secondary:hover{background:var(--accent);color:#fff}.timeline{position:relative;margin:0}.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--accent);transform:translateX(-50%)}.timeline-item{width:44%;background:rgb(255 255 255 / .167);margin:1rem 0;padding:.8rem 1rem;border-radius:var(--radius);position:relative;transition:transform var(--transition)}.timeline-item i{color:var(--accent);font-size:1.2rem;margin-right:.5rem}.timeline-item.left{left:0}.timeline-item.right{left:56%}.timeline-item:hover{transform:scale(1.03);box-shadow:0 0 15px var(--accent)}@media (max-width:768px){.timeline::before{left:8px}.timeline-item{width:100%;left:0!important;margin-left:1.5rem}.timeline{margin-right:20%}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.card{background:rgb(255 255 255 / .167);padding:1rem;border-radius:var(--radius);transition:all var(--transition);text-align:center}.card i{display:block;font-size:1.5rem;color:var(--accent);margin-bottom:.5rem}.card:hover{transform:translateY(-4px);box-shadow:0 0 15px var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.skills-grid span{background:rgb(255 255 255 / .167);padding:.6rem;border-radius:var(--radius);text-align:center;font-size:.9rem}.center{text-align:center;margin-top:1rem}.filter-bar{text-align:center;margin-bottom:1rem}#search-projects{padding:.5rem 1rem;border-radius:var(--radius);border:2px solid var(--accent);width:70%;max-width:400px;font-size:.9rem}form.glass{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem;padding:1.2rem;background:rgb(255 255 255 / .08);border-radius:var(--radius);backdrop-filter:blur(10px)}form input,form textarea{padding:.6rem;border:none;border-radius:var(--radius);font-size:.9rem}form input:focus,form textarea:focus{outline:2px solid var(--accent)}form textarea{resize:none;height:100px}footer{text-align:center;padding:.5rem;background:rgb(0 0 0 / .6)}footer a{color:var(--accent);margin-left:.4rem;text-decoration:none;font-size:1.2rem}.modal{display:none;position:fixed;top:0;left:0;width:92.5%;height:100%;background:rgb(100 100 100 / .7);backdrop-filter:blur(6px);justify-content:center;align-items:center;z-index:2000;overflow-y:auto;padding:1rem}.modal-content{background:rgb(255 255 255 / .08);padding:1.5rem;border-radius:var(--radius);max-width:500px;width:90%;color:var(--text-dark);position:relative;animation:modalFade 0.5s ease}body.light .modal-content{background:rgb(0 0 0 / .08);color:var(--text-light)}.modal-content img{width:100%;border-radius:var(--radius);margin:1rem 0}.close-btn{position:absolute;top:10px;right:15px;font-size:1.5rem;cursor:pointer;color:var(--accent)}@keyframes modalFade{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in{opacity:0;transform:translateY(15px) scale(.98);transition:all 0.8s ease-out}.fade-in.show{opacity:1;transform:translateY(0) scale(1)}.project-card{cursor:default}.project-card:hover{cursor:pointer}.cert-card{cursor:default}.cert-card:hover{cursor:pointer}