@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box}.navbar{position:sticky;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;transition:background .3s ease,color .3s ease;z-index:1000;padding:0 1rem;background:#0058af}.navbar span{color:#fff;font-weight:700;font-size:1.5rem}.navbar ul{display:flex;list-style:none;gap:2rem;align-items:center}.navbar ul li a{display:inline-block;text-decoration:none;color:#fff;font-weight:500;transition:all ease .3s}.navbar ul li a:hover{text-decoration:underline}.navbar ul li a.cv-button{display:inline-block;padding:.5rem 1rem;border-radius:6px;background-color:#fff;color:#0058af;transition:all .3s;animation:scaleUpDown 1.5s infinite alternate ease-in-out}.navbar ul li a.cv-button:hover{background-color:#0058af;color:#fff;border:1px solid white}@media(max-width:768px){.navbar ul{display:none}@keyframes scaleUpDown{0%{transform:scale(1)}to{transform:scale(1.05)}}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:900;transition:opacity .3s ease}.mobile-menu{display:none;position:fixed;top:1rem;left:1rem;z-index:1000}.mobile-menu .hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;border:none;background:none;cursor:pointer;padding:0;z-index:1100;transition:.3s ease}.mobile-menu .hamburger .bar{height:3px;width:100%;background-color:#0058af;border-radius:2px;transition:.3s ease}.mobile-menu .hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu .hamburger.open .bar:nth-child(2){opacity:0}.mobile-menu .hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu .menu{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100%;background:#fff;box-shadow:-2px 0 12px #00000026;transition:right .3s ease;display:flex;flex-direction:column;padding:3rem 1.5rem}.mobile-menu .menu.open{right:0}.mobile-menu .menu ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:1.5rem}.mobile-menu .menu ul li a{text-decoration:none;color:#0a0a0a;font-size:1.2rem;font-weight:500}.mobile-menu .menu ul li a:hover{color:#1e90ff}.mobile-menu .menu ul li a.cv-button{padding:.5rem 1rem;background:#1e90ff;color:#fff;border-radius:6px}.mobile-menu .menu ul li a.cv-button:hover{background:#0077ea}@media(max-width:768px){.mobile-menu{display:block}nav.navbar{display:none}}.project-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.project-card img{width:100%;height:250px;object-fit:cover}.project-card .project-content{padding:1rem}.project-card .project-content h3{margin:0 0 .5rem;font-size:1.25rem;color:#0058af}.project-card .project-content p{font-size:.9rem;color:#04284c;margin-bottom:1rem}.project-card .project-content .caution{color:red;font-size:.8rem}.project-card .project-content .tech-icons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:center}.project-card .project-content .tech-icons .tech{background:#d0e7ff;color:#0a0a0a;padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.project-card .project-content .project-links{display:flex;justify-content:center;gap:1.5rem}.project-card .project-content .project-links a{color:#1e90ff;font-weight:500;transition:color .3s;text-decoration:underline}.project-image-wrapper{position:relative;overflow:hidden}.project-image-wrapper img{width:100%;height:250px;object-fit:cover;display:block;transition:filter .3s ease,transform .3s ease}.project-image-wrapper.blurred img{filter:blur(10px) brightness(.7);transform:scale(1.03);pointer-events:none}.project-image-wrapper .soon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#0009;padding:.5rem 1.5rem;font-size:1.5rem;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:1px;pointer-events:none}.project-image-wrapper.blurred:hover img{filter:blur(6px) brightness(.5)}.project-image-wrapper.blurred:hover .soon-overlay{background:#000000bf;transform:translate(-50%,-50%) scale(1.05)}.projects-section{padding:3rem 2rem;background:#f8fbfd;color:#0a0a0a;max-width:1000px;margin:0 auto;border-radius:10px 10px 0 0}.projects-section h2{font-size:2rem;margin-bottom:2rem;color:#0058af}.projects-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto;color:#04284c}.prof-pic-desktop{display:none!important}.about-section{position:relative;padding:5rem 2rem 2rem;background:#fff;color:#0a0a0a;max-width:1000px;margin:0 auto;overflow:hidden}@media(max-width:1000px){.about-section:before{content:"";position:absolute;top:0;left:0;width:120%;height:120%;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='1200pt'%20height='1200pt'%20version='1.1'%20viewBox='0%200%201200%201200'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m59.078%20429.41c-10.766%2010.766-28.223%2010.766-38.988%200-10.766-10.766-10.766-28.188%200-38.953l370.37-370.37c10.766-10.766%2028.188-10.766%2038.953%200%2010.766%2010.766%2010.766%2028.223%200%2038.988l-370.37%20370.37zm750.46%20750.5c-10.766%2010.766-28.188%2010.766-38.953%200-10.766-10.766-10.766-28.223%200-38.988l370.37-370.37c10.766-10.766%2028.223-10.766%2038.988%200%2010.766%2010.766%2010.766%2028.188%200%2038.953zm-375.23%200c-10.766%2010.766-28.188%2010.766-38.988%200-10.766-10.766-10.766-28.223%200-38.988l745.6-745.6c10.766-10.766%2028.223-10.766%2038.988%200%2010.766%2010.766%2010.766%2028.223%200%2038.988zm-375.23%200c-10.766%2010.766-28.223%2010.766-38.988%200-10.766-10.766-10.766-28.223%200-38.988l1120.9-1120.9c10.766-10.766%2028.223-10.766%2038.988%200%2010.766%2010.766%2010.766%2028.223%200%2038.988zm0-375.23c-10.766%2010.766-28.223%2010.766-38.988%200s-10.766-28.223%200-38.988l745.6-745.6c10.766-10.766%2028.188-10.766%2038.988%200%2010.766%2010.766%2010.766%2028.223%200%2038.988z'%20fill='%231e8fff'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.04;z-index:0}}@media(min-width:1000px){.about-section:before{content:"";position:absolute;top:0;left:0;width:120%;height:120%;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='1200pt'%20height='1200pt'%20version='1.1'%20viewBox='0%200%201200%201200'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m75%20700v-200c0-8.9297%204.7656-17.184%2012.5-21.652%207.7344-4.4648%2017.266-4.4648%2025%200%207.7344%204.4688%2012.5%2012.723%2012.5%2021.652v200c0%208.9297-4.7656%2017.184-12.5%2021.652-7.7344%204.4648-17.266%204.4648-25%200-7.7344-4.4688-12.5-12.723-12.5-21.652zm250%2050v-300c0-8.9297-4.7656-17.184-12.5-21.652-7.7344-4.4648-17.266-4.4648-25%200-7.7344%204.4688-12.5%2012.723-12.5%2021.652v300c0%208.9297%204.7656%2017.184%2012.5%2021.652%207.7344%204.4648%2017.266%204.4648%2025%200%207.7344-4.4688%2012.5-12.723%2012.5-21.652zm200%20200v-700c0-8.9297-4.7656-17.184-12.5-21.652-7.7344-4.4648-17.266-4.4648-25%200-7.7344%204.4688-12.5%2012.723-12.5%2021.652v700c0%208.9297%204.7656%2017.184%2012.5%2021.652%207.7344%204.4648%2017.266%204.4648%2025%200%207.7344-4.4688%2012.5-12.723%2012.5-21.652zm200-100v-500c0-8.9297-4.7656-17.184-12.5-21.652-7.7344-4.4648-17.266-4.4648-25%200-7.7344%204.4688-12.5%2012.723-12.5%2021.652v500c0%208.9297%204.7656%2017.184%2012.5%2021.652%207.7344%204.4648%2017.266%204.4648%2025%200%207.7344-4.4688%2012.5-12.723%2012.5-21.652zm200-100v-300c0-8.9297-4.7656-17.184-12.5-21.652-7.7344-4.4648-17.266-4.4648-25%200-7.7344%204.4688-12.5%2012.723-12.5%2021.652v300c0%208.9297%204.7656%2017.184%2012.5%2021.652%207.7344%204.4648%2017.266%204.4648%2025%200%207.7344-4.4688%2012.5-12.723%2012.5-21.652zm175-225c-6.6328-0.003906-12.992%202.6289-17.684%207.3164-4.6875%204.6914-7.3203%2011.051-7.3164%2017.684v100c0%208.9297%204.7656%2017.184%2012.5%2021.652%207.7344%204.4648%2017.266%204.4648%2025%200%207.7344-4.4688%2012.5-12.723%2012.5-21.652v-100c0.003906-6.6328-2.6289-12.992-7.3164-17.684-4.6914-4.6875-11.051-7.3203-17.684-7.3164z'%20fill='%231e8fff'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.045;z-index:0}}.about-section h1,.about-section p{position:relative;z-index:1}.about-section h1{font-size:2rem;margin-bottom:1.5rem;color:#0058af}.about-section p{font-size:1.15rem;line-height:1.6;margin-bottom:1rem;color:#04284c}.about-section .prof-pic{position:absolute;top:1rem;right:14rem!important;width:35rem!important;height:auto;z-index:1;opacity:.95;margin:0!important;transition:transform .3s ease,width .3s ease}@media(max-width:768px){.about-section .prof-pic{position:relative;display:block;margin:1rem auto 2rem;width:80px}}@media(min-width:501px){.about-section .prof-pic{width:62rem!important;transform:scaleX(-1);right:-6rem!important;top:4rem}}@media(min-width:768px){.prof-pic{display:none}.prof-pic-desktop{display:block!important;width:30rem;float:right;transform:scaleX(-1)}}.contact-section{padding:4rem 2rem;background:#d0e7ff;color:#0a0a0a;margin:0 auto;text-align:center}.contact-section h2{font-size:2rem;margin-bottom:1.5rem;color:#0058af}.contact-section p{margin-bottom:1rem;font-size:1rem;color:#04284c}.contact-section .show-email-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;background:#1e90ff;color:#fff;font-weight:600;cursor:pointer;transition:background .3s;margin-bottom:1rem}.contact-section .show-email-btn:hover{background:#0077ea}.contact-section .contact-info{margin-top:1.5rem;font-size:.95rem}.contact-section .contact-info .email{margin-top:.5rem}.contact-section .contact-info .email a{color:#1e90ff;text-decoration:none}.contact-section .contact-info .email a:hover{text-decoration:underline}.contact-section .contact-info .social-icons{margin-top:1rem;display:flex;justify-content:center;gap:2rem;font-size:1.5rem}.contact-section .contact-info .social-icons a{color:#1e90ff;transition:color .3s}.contact-section .contact-info .social-icons a:hover{color:#006ad1}.contact-section hr{margin:2rem 0;border:none;border-top:1px solid #ccc}.contact-section .contact-footer{font-size:.85rem;color:#04284c}.contact-section .download-cv-btn{display:inline-block;padding:1rem 2rem;background:#1e90ff;color:#fff;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:background .3s;animation:scaleUpDown 1.5s infinite alternate ease-in-out}.contact-section .download-cv-btn:hover{background:#0077ea}@keyframes scaleUpDown{0%{transform:scale(1)}to{transform:scale(1.05)}}body{font-family:Roboto,sans-serif;font-weight:400;line-height:1.6;margin:0;padding:0;background:#fff;color:#0a0a0a;transition:background .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:500;margin:0 0 1rem}a{font-family:Roboto,sans-serif;font-weight:500;text-decoration:none;color:inherit;transition:color .3s}body.dark-mode{background:#0a0a0a;color:#f0f0f0}body.dark-mode a{color:#1e90ff}body.dark-mode .cv-button{background:#1e90ff;color:#fff}body.dark-mode .cv-button:hover{background:#51a9ff}body.dark-mode .project-card{background:#1c1c1c;color:#f0f0f0}body.dark-mode .project-card .tech{background:#333;color:#fff}body.dark-mode .projects-section{background:#121212}body.dark-mode .about-section,body.dark-mode .contact-section{background:#1a1a1a}body.dark-mode nav.navbar{background:#1c1c1c}body.dark-mode .mobile-menu .menu{background:#1c1c1c}