@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#0a192f;color:#ccd6f6}.section{min-height:100vh;display:flex;align-items:center;justify-content:center}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;padding:.75rem 1rem;border-radius:999px;background-color:#333;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 10px #0003;z-index:1000;transition:opacity .3s ease}.scroll-to-top:hover{background-color:#555}.navbar{position:fixed;top:0;left:0;right:0;background-color:#0e2240;box-shadow:0 2px 10px #0000001a;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700;color:#ccd6f6;margin:0}.about-logo{width:60px;height:60px;object-fit:cover;border-radius:50%}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-button{font-family:Roboto,sans-serif;background:none;border:none;font-size:1rem;color:#a8b2d1;cursor:pointer;padding:.5rem;transition:color .3s ease}.nav-button:hover{color:#64ffda}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:none;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-line{width:100%;height:3px;background-color:#333;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#fff;flex-direction:column;padding:6rem 2rem 2rem;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a}.nav-links.active{right:0}.nav-button{font-size:1.2rem;padding:1rem 0;width:100%;text-align:left}}.projects-section{padding:4rem 1rem}.projects-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:#000;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transform:scale(1);transition:transform .3s ease;width:200px;height:250px;display:flex;flex-direction:column}.project-card:hover{transform:scale(1.05)}.project-title{padding:.75rem;font-size:1.1rem;font-weight:600;text-align:center;background-color:#2e4f4f}.project-image-container{position:relative;width:100%;height:200px;cursor:pointer}.project-image{width:100%;height:100%;object-fit:cover}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500}.project-image-overlay:hover{opacity:.7}.project-links{display:flex;justify-content:center;padding:.5rem;background-color:#2e4f4f}.github-button{padding:.5rem 1rem;background-color:#24292e;color:#fff;border-radius:.25rem;text-decoration:none;font-size:.875rem;transition:background-color .3s ease}.github-button:hover{background-color:#1b1f23}.contact-section{padding:8rem 2rem 4rem;max-width:1200px;margin:0 auto}.contact-container{display:flex;flex-direction:column;gap:2rem}.contact-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center}.contact-subtitle{font-size:1.1rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-info h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.contact-email{color:#64ffda;text-decoration:none;font-size:1.1rem;transition:color .3s ease}.contact-email:hover{color:#4cd8b2}.contact-location{color:var(--text-secondary);font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-size:1rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #2a2a2a;border-radius:.25rem;background-color:#1a1a1a;color:var(--text-primary);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#64ffda}.submit-container{display:flex;align-items:center;gap:1rem}.submit-button{width:150px;padding:.5rem 1rem;background-color:transparent;border:1px solid #64ffda;color:#64ffda;border-radius:.25rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.submit-button:hover{background-color:#64ffda1a}.show-message{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;color:#4caf50;font-weight:500;margin:0}.show-message.sent{opacity:1;transform:translateY(0)}.show-message.error{opacity:1;transform:translateY(0);color:#f44336}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info{text-align:center}.submit-container{flex-direction:column;align-items:center;gap:.5rem}}.message-confirmation{display:none}.show-message-confirmation{display:block}.about-section{padding:8rem 2rem 4rem;max-width:1200px;margin:0 auto}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-left{display:flex;flex-direction:column;gap:2rem;align-items:flex-start;padding-left:2rem}.about-name{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:left}.about-left p{font-size:1.2rem;color:var(--text-secondary);margin-top:-1rem}.about-image-container{width:100%;height:400px;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.about-image{width:80%;object-fit:cover}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.about-text{font-size:1.1rem;line-height:1.6;color:#ccd6f6}.social-links{display:flex;gap:1rem;margin:1rem 0}.social-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;transition:all .3s ease}.social-button:hover{background-color:#3a3a3a;transform:translateY(-2px)}.social-icon{width:24px;height:24px}@media (max-width: 768px){.about-container{grid-template-columns:1fr;gap:2rem}.about-left{padding-left:0;align-items:center}.about-name{text-align:center}.about-image-container{height:300px}.about-name{font-size:2rem}}