body{margin:0;padding:0;font-family:roboto,sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 40px;background-color:#1d1f23;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.navbar-logo img{width:50px;height:50px;object-fit:contain}.navbar-sections{display:flex;list-style:none;gap:50px}.navbar-link{position:relative;text-decoration:none;color:#c4d1f3;font-weight:700;font-size:1rem;padding:5px 0}.navbar-link:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:0;background-color:#466dd2;transition:width .3s ease}.navbar-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger div{width:25px;height:3px;background-color:#466dd2;transition:transform .3s ease,opacity .3s ease}.hamburger.open div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.cv-button{background-color:#466dd2;border:none;color:#c4d1f3;padding:10px 15px;border-radius:999px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.cv-button:hover{background-color:#364a9e}@media (max-width: 768px){.navbar-sections-container{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#1d1f23;flex-direction:column;align-items:center;gap:20px;padding:20px 0;transition:all .3s ease}.navbar-sections-container.active{display:flex}.hamburger{display:flex;margin-left:10px}.navbar-sections{flex-direction:column;justify-content:center;align-items:center;gap:20px}}body{background-color:#1d1f23;color:#466dd2;margin:0;padding:0;font-family:roboto,sans-serif}.about-section{display:flex;align-items:center;justify-content:center;height:100vh}.container{display:flex;gap:5rem;max-width:1200px;padding-left:8rem}.about-text{display:flex;flex-direction:column;gap:1.5rem}.status-indicator{border:#466DD2 .5px solid;width:fit-content;padding:3px 10px;border-radius:999px;display:flex;gap:.5rem;margin-bottom:-6px}.status-circle{width:15px;height:15px;background-color:#0f0;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.bar{border:none;height:2px;background-color:#466dd2;width:100%;margin-top:-6px}.status-text{color:#c4d1c4;font-size:1rem}.name{font-size:2.5rem;color:#c4d1c4;line-height:1.2;margin-bottom:10px}.highlight{color:#466dd2;display:inline-flex;gap:.1rem}.letter{display:inline-block;opacity:0;transform:translateY(20px);animation:slideIn .8s forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role{font-size:2.5rem;font-weight:700;color:#c4d1c4;margin-top:-20px}.about-image{flex:1;display:flex;justify-content:right;align-items:center}.about-image img{width:100%;max-width:350px;object-fit:cover}@media (max-width: 1024px){.container{gap:3rem;padding-left:4rem}.name{font-size:2.2rem;margin-bottom:8px}.role{font-size:2rem;margin-top:-15px}.about-image img{max-width:300px}}@media (max-width: 767px){.about-section{flex-direction:column;padding:50px 20px;height:auto}.container{flex-direction:column;gap:2rem;padding-left:0;align-items:center}.about-text{width:100%;text-align:left}.name{font-size:1.8rem;margin-bottom:5px}.role{font-size:1.5rem;margin-top:-5px}.about-image{width:100%;justify-content:center}.about-image img{max-width:250px}.letter{opacity:0;transform:translateY(20px);animation:slideIn .8s forwards}}.about-me{display:flex;align-items:center;justify-content:center;gap:40px;padding-left:8rem;height:100vh;background-color:#1d1f23;color:#466dd2;max-width:1200px;margin:0 auto}.about-left{flex:1}.about-left h1{font-size:3rem;margin-bottom:20px}.about-left p{margin-top:30px;margin-bottom:20px;font-size:1.1rem;line-height:1.6;text-align:left;color:#c4d1f3}.education-right{margin-top:25px;flex:1;background-color:#1d1f23;padding:20px}.education-right h3{font-size:1.5rem;margin-bottom:30px}.education-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;color:#466dd2;font-size:1rem}.education-list li{display:flex;align-items:center;gap:10px}.education-list li svg{font-size:1.5rem}.education-title{font-weight:700;color:#c4d1f3;font-size:1.1rem}@media (max-width: 1024px){.about-me{padding-left:4rem;padding-right:4rem;gap:30px}.about-left h1{font-size:2.5rem}.about-left p{font-size:1rem}.education-right h3{font-size:1.4rem}.education-list{gap:8px}.education-list li svg{font-size:1.3rem}}@media (max-width: 767px){.about-me{flex-direction:column;padding:20px;gap:20px;height:auto}.about-left,.education-right{width:100%;text-align:left}.about-left h1{font-size:2rem;margin-bottom:10px}.about-left p{font-size:1rem;line-height:1.5}.education-right{padding:0;margin-top:20px}.education-right h3{font-size:1.2rem}.education-list,.education-list li{gap:6px}.education-list li svg{font-size:1.2rem}.education-title{font-size:1rem}}.skills{padding:40px 20px}.skills h1{font-size:2.5rem;font-weight:700;color:#466dd2;margin-bottom:30px;margin-left:7rem}.skills-container{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-left:7rem}.skills-category{margin-bottom:15px;color:#c4d1f3}.skills-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.skill-card{background-color:#2c3e50;color:#c4d1f3;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease;box-shadow:0 4px 6px #0000001a;cursor:pointer;width:110px;height:110px;overflow:break-word;word-wrap:break-word;word-break:break-word;text-align:center}.skill-card:hover{transform:scale(1.05);background-color:#34495e}.skill-icon{font-size:2rem;margin-bottom:8px}@media (max-width: 1024px){.skills{padding:30px 20px}.skills h1{font-size:2.2rem;margin-left:4rem}.skills-container{margin-left:4rem;gap:15px}.skills-grid{gap:10px;justify-content:center}.skill-card{width:105px;height:105px;padding:8px}.skill-icon{font-size:1.8rem}}@media (max-width: 767px){.skills{padding:20px}.skills h1{font-size:1.5rem;margin-left:0;text-align:center}.skills-container{align-items:center;margin-left:0;gap:10px}.skills-grid{justify-content:center;gap:10px}.skill-card{width:105px;height:105px;padding:6px}.skill-icon{font-size:1.6rem}}.projects{padding:60px 20px;display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}.projects-title{font-size:2.5rem;color:#466dd2;text-align:center;margin-bottom:40px}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center;width:100%;box-sizing:border-box}.project-card{width:300px;height:510px;perspective:1000px;position:relative;margin-bottom:70px}.project-front,.project-back{width:100%;height:100%;background-color:#2c3e50;color:#c4d1f3;border-radius:10px;position:absolute;backface-visibility:hidden;transition:transform .6s ease,opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px}.project-front{transform:rotateY(0)}.project-back{transform:rotateY(180deg);background-color:#34495e;opacity:.9}.project-card:hover .project-front{transform:rotateY(-180deg);opacity:.7}.project-card:hover .project-back{transform:rotateY(0)}.project-card-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.project-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px}.project-description{font-size:1rem;text-align:left;margin-bottom:10px;line-height:1.6}.project-links{display:flex;flex-direction:column;gap:10px;margin-top:20px;align-items:center;justify-content:center;height:100%}.project-links a{color:#c4d1f3;text-decoration:none;font-size:1.2rem;transition:color .3s ease}.project-links a:hover{color:#466dd2}@media (max-width: 1024px){body,html{margin:0;padding:0;overflow-x:hidden}.projects{margin-right:50px}.projects-container{grid-template-columns:repeat(2,1fr)}.project-card{width:280px;height:510px}.project-image{height:180px}.project-description{font-size:.95rem}.project-links a{font-size:1.1rem}}@media (max-width: 767px){body,html{margin:0;padding:0;overflow-x:hidden}.projects{padding:30px 10px;margin-right:50px}.projects-container{grid-template-columns:1fr;gap:20px}.project-card{width:100%;max-width:320px;height:510px;margin-bottom:30px}.project-front,.project-back{padding:15px;position:absolute}.project-card-title{font-size:1.4rem;margin-bottom:10px}.project-image{height:150px}.project-description{font-size:.95rem}.project-links a{font-size:1rem}}.footer{width:100%;padding:20px;text-align:center;background-color:#1d1f23;color:#c4d1f3;font-size:1rem;font-weight:400;bottom:0}.sidebar{position:fixed;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:20px;padding-right:20px;padding-bottom:20px}.sidebar-bar{width:2px;height:8rem;background-color:#466dd2;margin-bottom:10px}.social-icons{display:flex;flex-direction:column;gap:20px}.social-icons a{color:#466dd2;font-size:1.7rem;transition:transform .3s ease,color .3s ease}.social-icons a:hover{transform:scale(1.2);color:#fff}@media (max-width: 1024px){.sidebar{right:10px;bottom:10px;padding-right:15px;padding-bottom:15px}.sidebar-bar{height:6rem}.social-icons a{font-size:1.5rem}}@media (max-width: 767px){.sidebar{right:5px;bottom:5px;padding-right:10px;padding-bottom:10px}.sidebar-bar{height:5rem}.social-icons{gap:15px}.social-icons a{font-size:1.4rem}}