:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{color:#fff;background-color:#0d1117;margin:0;font-family:Poppins,sans-serif}.navbar{box-sizing:border-box;z-index:100;background-color:#0d1117;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;width:100%;padding:20px 80px;display:flex;position:fixed;top:0;left:0}.logo{color:#00bcd4;font-size:1.6rem;font-weight:700}.navbar ul{gap:25px;list-style:none;display:flex}.navbar a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s}.navbar a:hover{color:#00bcd4}.home{text-align:left;background-color:#0d1117;flex-direction:column;justify-content:center;align-items:flex-start;height:100vh;padding:0 10%;animation:1s ease-in-out fadeIn;display:flex}.home-content{max-width:80%;margin-top:60px}.home h2{color:#fff;margin-bottom:10px;font-size:2.8rem}.name{color:#00bcd4}.scroll-text{color:#00bcd4;height:2rem;margin-bottom:25px;font-size:1.5rem;font-weight:500;position:relative;overflow:hidden}.scroll-text span{animation:6s infinite scrollRoles;display:block}@keyframes scrollRoles{0%,20%{transform:translateY(0)}33%,53%{transform:translateY(-100%)}66%,86%{transform:translateY(-200%)}to{transform:translateY(0)}}.home p{color:#fff;text-align:justify;max-width:85%;font-size:1.1rem;line-height:1.8;animation:1.5s ease-in-out slideRight}.resume-btn{margin-top:40px}.resume-btn a{color:#fff;background-color:#00bcd4;border-radius:8px;padding:12px 35px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.resume-btn a:hover{background-color:#008c9e;transform:scale(1.05)}@keyframes slideRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about{color:#fff;text-align:left;background-color:#0b1623;min-height:100vh;padding:100px 10%}.about h2{color:#00bcd4;margin-bottom:30px;font-size:2rem;font-weight:600}.about ul{margin:0;padding:0;list-style:none}.about li{align-items:flex-start;margin-bottom:12px;font-size:1.1rem;line-height:1.8;display:flex}.about li:before{content:"•";color:#00bcd4;margin-top:2px;margin-right:10px;font-size:1.2rem}@media (max-width:768px){.about{padding:80px 6%}.about h2{font-size:1.8rem}.about li{font-size:1rem}}.projects-section{text-align:center;background-color:#0b1623;padding:80px 10%}.projects-title{color:#00bcd4;margin-bottom:50px;font-size:2.5rem;font-weight:700;position:relative}.projects-title:after{content:"";background:#007bff;border-radius:2px;width:80px;height:4px;margin:10px auto 0;display:block}.projects-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;align-items:stretch;gap:30px;display:grid}.project-card{background:#e0d3d3;border-radius:16px;flex-direction:column;align-items:center;padding:30px 25px;transition:all .3s ease-in-out;display:flex;box-shadow:0 4px 15px #0000001a}.project-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #0003}.project-image{object-fit:contain;width:90px;height:90px;margin-bottom:20px;transition:transform .3s}.project-card:hover .project-image{transform:scale(1.1)}.project-name{color:#222;margin-bottom:15px;font-size:1.5rem;font-weight:600}.project-description{color:#555;text-align:justify;margin-bottom:15px;font-size:1rem;line-height:1.6}.skills{color:#333;text-align:center;margin-top:10px;font-size:.95rem}.project-link{color:#e0d3d3;background-color:#007bff;border-radius:8px;margin-top:15px;padding:10px 18px;font-weight:500;text-decoration:none;transition:background .3s;display:inline-block}.project-link:hover{background-color:#0056b3}@media (max-width:768px){.projects-section{padding:60px 6%}.project-description{font-size:.95rem}.projects-title{font-size:2rem}}.skills-section{text-align:center;background-color:#0b1623;padding:80px 10%}.skills-title{color:#00bcd4;margin-bottom:50px;font-size:2.5rem;font-weight:700;position:relative}.skills-title:after{content:"";background:#007bff;border-radius:2px;width:80px;height:4px;margin:10px auto 0;display:block}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));place-items:center;gap:25px;display:grid}.skill-card{color:#333;cursor:default;background:#efe6e6;border-radius:12px;padding:15px 25px;font-size:1.1rem;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 4px 12px #0000001a}.skill-card:hover{color:#e8dada;background-color:#007bff;transform:translateY(-6px);box-shadow:0 6px 20px #007bff4d}@media (max-width:768px){.skills-section{padding:60px 6%}.skills-title{font-size:2rem}.skill-card{padding:12px 20px;font-size:1rem}}.contact-section{color:#fff;text-align:left;background-color:#0b1a33;padding:80px 10%}.contact-title{margin-bottom:10px;font-size:2.5rem;font-weight:700}.contact-subtitle{color:#d3d3d3;margin-bottom:40px;font-size:1.4rem;font-weight:500}.contact-container{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.contact-form{flex-direction:column;flex:1;gap:15px;min-width:320px;display:flex}.contact-form input,.contact-form textarea{background-color:#dbe2ef;border:none;border-radius:6px;outline:none;padding:12px 15px;font-size:1rem}.send-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:6px;width:100px;padding:8px 25px;font-size:1rem;transition:all .3s}.send-btn:hover{color:#0b1a33;background-color:#fff}.contact-info{border-left:2px solid #b300ff;flex:1;min-width:320px;padding-left:30px}.contact-info p{color:#dbe2ef;line-height:1.8}.email-info{margin-top:20px;font-size:1.1rem}.email-info i{color:#b300ff;margin-right:8px}.email-info a{color:#b300ff;text-decoration:none}.email-info a:hover{text-decoration:underline}@media (max-width:768px){.contact-container{flex-direction:column}.contact-info{border-top:2px solid #b300ff;border-left:none;padding-top:20px;padding-left:0}.send-btn{width:100%}}.profiles-section{color:#fff;text-align:center;background-color:#0b1a33;padding:80px 10%}.profiles-title{margin-bottom:10px;font-size:2.5rem;font-weight:700}.profiles-subtitle{color:#d3d3d3;margin-bottom:40px;font-size:1.2rem}.profiles-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.profile-card{color:#fff;background-color:#162447;border:2px solid #b300ff;border-radius:10px;align-items:center;gap:12px;padding:15px 30px;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.profile-card i{color:#b300ff;font-size:1.8rem}.profile-card:hover{color:#fff;background-color:#b300ff;transform:scale(1.05)}.profile-card:hover i{color:#fff}@media (max-width:768px){.profiles-container{flex-direction:column;gap:20px}}