.tech-icons span,.project-card ul li{opacity:0;transform:translateY(10px);transition:opacity 0.6s ease,transform 0.6s ease}.visible .tech-icons span,.visible .project-card ul li{opacity:1;transform:translateY(0)}section{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}section.visible{opacity:1;transform:translateY(0)}.project-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}#backToTop{position:fixed;bottom:30px;right:30px;z-index:99;border:none;outline:none;background-color:#062d56;color:#fff;cursor:pointer;padding:10px 15px;border-radius:50%;font-size:18px;display:none;box-shadow:0 4px 6px rgb(0 0 0 / .1)}#backToTop:hover{background-color:#0056b3}header,footer{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}header.visible,.header.visible,footer.visible{opacity:1;transform:translateY(0)}.tech-category{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px rgb(0 0 0 / .05);opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.tech-category.visible{opacity:1;transform:translateY(0)}body{font-family:Arial,sans-serif;margin:0;padding:0 20px;background:#f9f9f9;color:#333}header,.header,section,footer{padding:20px 0;max-width:1000px;margin:auto}header h1,.header h1{font-size:2em;margin-bottom:10px}header p,.header p{font-size:1.1em}.tech-category{margin-bottom:20px}.tech-category h3{margin-bottom:8px;font-size:1.2em;color:#444}.tech-icons{margin-bottom:10px}.badge{display:inline-block;font-size:.8em;padding:3px 8px;border-radius:12px;margin:3px;color:#fff}.badge.tech{background-color:#6c757d}footer{text-align:center;font-size:.9em;color:#777;border-top:1px solid #ccc;padding-top:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}#scroll-indicator{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);font-size:.8rem;background:#062d56;color:#fff;padding:6px 12px;border-radius:20px;z-index:100;box-shadow:0 2px 5px rgb(0 0 0 / .2);animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-10px)}}<style>.project-card{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.project-card.visible{opacity:1;transform:translateY(0)}p{text-align:justify}.buttons_wrapper{text-align:center}body{transition:background-color 0.3s ease,color 0.3s ease}body.dark-mode{background-color:#121212;color:#f0f0f0}body.dark-mode header,body.dark-mode .header,body.dark-mode section,body.dark-mode footer{background-color:#1e1e1e;color:#f0f0f0}body.dark-mode a{color:#61dafb}body.dark-mode input,body.dark-mode textarea{background-color:#222;color:#fff;border:1px solid #444}body.dark-mode .badge.tech{background-color:#444;color:#fff}body.dark-mode .project-card,body.dark-mode .tech-category{background-color:#444;color:#fff}body.dark-mode .tech-category h3{color:#fff}body.dark-mode .badge.tech{background-color:#6c757d}a{color:#062d56;text-decoration:none}form{max-width:600px;margin:auto}input,textarea{width:100%;padding:8px;margin:8px 0}form button{background:#062d56;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}#formResponse{margin-top:10px;font-weight:700}#formSpinner,#formSpinnerFr{display:none;text-align:center;margin-top:10px}.animate-on-scroll{opacity:0;transform:translateY(40px) scale(.95);transition:opacity 0.8s ease-out,transform 0.8s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0) scale(1)}.tech-highlight{background-color:#f0f0f0;color:#005a9c;padding:2px 6px;border-radius:4px;font-weight:600;font-size:.95em}.project_overview{margin-top:2rem}.leadership-highlight{color:#b3541e;font-weight:700;display:inline-block;margin-bottom:5px}.white{color:#fff}body{line-height:1.6;font-size:16px}.project-card{transition:transform 0.3s ease,box-shadow 0.3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px rgb(0 0 0 / .1)}button{transition:background-color 0.3s ease,transform 0.2s ease}button:hover{transform:scale(1.03)}.badge.tech{transition:background-color 0.3s ease,transform 0.2s ease}.badge.tech:hover{transform:scale(1.05);filter:brightness(1.1)}@media (max-width:600px){.project-card,.tech-category{padding:10px}h1,h2,h3{font-size:1.2em}.badge.tech{font-size:.75em;padding:3px 6px}#contactForm input,#contactForm textarea{font-size:1em}}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-top:10px}.cert-item{display:flex;align-items:center;padding:10px;background:#f9f9f9;border-left:5px solid #062d56;border-radius:4px;font-weight:500}.cert-item i{font-size:1.3em;color:#062d56}