body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c3e50;display:flex;justify-content:space-around;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.nav-links{display:flex;gap:2rem}.nav-link{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;position:relative;transition:color .3s ease}.nav-link:after{background-color:#a6ff00;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:#a6ff00}.social-links{gap:1rem;padding-right:1.5rem}.button-icon,.social-links{align-items:center;display:flex}.button-icon{background-color:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;justify-content:center;padding:8px;text-decoration:none;transition:all .3s ease}.button-icon:hover{background-color:#007bff;box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.resume-icon:hover{background-color:#007bff;color:#fff}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:.8rem}.nav-links{flex-wrap:wrap;gap:1rem;justify-content:center}.nav-link{font-size:.9rem;padding:.8rem}.social-links{gap:.8rem}.button-icon{font-size:1rem;padding:6px}}@media (max-width:480px){.navbar{flex-direction:row;justify-content:space-between;padding:.5rem}.hamburger{display:block}.nav-links{background:#2c3e50;display:none;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;text-align:center;top:100%;width:100%}.nav-links.active{display:flex}.nav-link{font-size:1rem;padding:.5rem;width:100%}.social-links{gap:1rem;justify-content:center}.button-icon{font-size:1.1rem;padding:7px}}.footer{background-color:#2c3e50;color:#fff;margin-top:2rem;padding:1.5rem 2rem}.footer,.footer-content{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.footer-content{flex-direction:column;max-width:1200px}.footer-socials{display:flex;gap:1.5rem;margin-bottom:1rem}.footer-socials a{color:#fff;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.footer-socials a:hover{color:#007bff;transform:translateY(-2px)}.rights{color:#fff;font-size:1rem;margin:0;text-align:center}.home-button{align-items:center;background:#fff;border:none;border-radius:50%;color:#2c3e50;cursor:pointer;display:flex;font-size:2rem;height:3rem;justify-content:center;padding:0;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:background .3s ease,transform .3s ease;width:3rem}.home-button:hover{background:#e0e0e0;transform:translateY(-50%) scale(1.1)}@media (max-width:768px){.footer{padding:1rem}.footer-socials{gap:1rem}.footer-socials a{font-size:1.3rem}.rights{font-size:.9rem}.home-button{font-size:1.8rem;height:2.5rem;right:1rem;width:2.5rem}}@media (max-width:480px){.footer{padding:.75rem .5rem}.footer-socials{gap:4rem}.footer-socials a{font-size:1.2rem}.rights{font-size:.85rem}.home-button{font-size:1.25rem;height:2rem;right:.5rem;transform:translateY(-50%);width:2rem}.home-button:hover{transform:translateY(-50%) scale(1.05)}}.container{align-items:center;display:flex;flex-direction:column;text-align:center}.home-container{min-height:100vh;overflow:hidden}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:1rem}.hero-content{animation:slideIn .8s ease-out;max-width:100%;text-align:center}.hero-title{color:#fff;font-size:clamp(4rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1;margin-bottom:.5rem}.highlight{color:#007bff;font-weight:900}.hero-subtitle{color:#fff;font-size:clamp(2.5rem,2vw,1.25rem);font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.hero-text{color:#fff;font-size:clamp(1.4rem,1.5vw,1rem);font-weight:400;line-height:1.4;margin:0 auto 1rem;max-width:500px}.hero-image{border:2px solid #007bff;border-radius:50%;height:auto;margin-bottom:1rem;object-fit:cover;width:35%}.cta-container{flex-direction:column;gap:.5rem}.cta-button,.cta-container{display:flex;justify-content:center}.cta-button{align-items:center;border-radius:20px;font-size:.95rem;font-weight:700;gap:.4rem;letter-spacing:.03em;padding:.6rem 1.2rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.cta-button.primary{background:#007bff;color:#fff}.cta-button.secondary{background:#0000;border:2px solid #007bff;color:#007bff}.cta-button:hover{box-shadow:0 4px 15px #007bff66;transform:scale(1.05)}.cta-button .button-icon{font-size:.9rem;transition:transform .2s ease}.cta-button:hover .button-icon{transform:translateX(3px)}@media (min-width:768px){.container{grid-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr;text-align:left}.container,.hero{gap:1.5rem;padding:2rem}.hero{align-items:center;flex-direction:row}.hero-content{max-width:450px}.hero-image{margin-bottom:0;max-width:250px;width:30%}.cta-container{flex-direction:row;gap:.75rem}.cta-button{padding:.7rem 1.4rem;width:auto}}@media (max-width:480px){.container{padding:15px}.hero{min-height:auto;padding:1rem}.hero-title{font-size:clamp(1.25rem,5vw,2.5rem)}.hero-subtitle{font-size:clamp(.85rem,2vw,1.1rem)}.hero-text{font-size:.85rem}.hero-image{width:50%}.cta-button{font-size:.9rem;padding:.5rem 1rem}}.about-container{margin:0 auto;text-align:center}h1{animation:fadeIn 1s ease-out;font-size:clamp(2rem,7vw,4rem)}h1,p{color:#fff;margin-bottom:2rem}p{animation:fadeIn 1s ease-out .2s backwards;font-size:clamp(1rem,2.5vw,1.8rem);line-height:1.8;margin-left:auto;margin-right:auto;max-width:900px}strong{color:#007bff;font-size:clamp(1.2rem,2.5vw,1.9rem)}@media (max-width:768px){.about-container{padding:3rem 1rem}h1{font-size:clamp(1.8rem,6vw,2.8rem)}p{font-size:clamp(.95rem,2vw,1.3rem)}strong{font-size:clamp(1.1rem,2vw,1.5rem)}}@media (max-width:480px){.about-container{padding:2rem .75rem}h1{font-size:clamp(1.5rem,5vw,2.5rem)}h1,p{margin-bottom:1.5rem}p{font-size:clamp(.85rem,1.8vw,1.1rem);line-height:1.6;max-width:100%}strong{font-size:clamp(1rem,1.8vw,1.3rem)}}.skills{align-items:center;padding:2rem}.skills,.skills-container{display:flex;flex-direction:column}.skills-container{gap:1.5rem;height:auto;max-width:800px;padding:1.5rem;width:100%}.skills h1{font-size:clamp(2rem,6vw,3rem);font-weight:600;line-height:1.2;margin-bottom:2rem;text-align:center}.skills-section{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;padding:1.5rem}.skills-section h2{color:#fffc;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:500;margin-bottom:1rem;text-align:center}.skills-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;list-style:none;padding:0}.skills-list li{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:clamp(1rem,2vw,1.2rem);gap:.5rem}.skills-list li svg{font-size:clamp(2rem,4vw,3rem);transition:transform .3s ease}.skills-list li svg:hover{transform:scale(1.2)}.skills .html-icon{color:#e34c26}.skills .css-icon{color:#264de4}.skills .js-icon{color:#f0db4f}.skills .react-icon{color:#61dafb}.skills .github-icon{color:#fff}.skills .vscode-icon{color:#007acc}.skills .python-icon{color:#306998}.skills .ts-icon{color:#007acc}.skills .tailwind-icon{color:#61dafb}.skills .bootstrap-icon{color:#8c3fbe}@media (max-width:768px){.skills-container{gap:1rem;padding:1rem}.skills{padding:1.5rem}.skills h1{font-size:clamp(1.8rem,5vw,2.5rem)}.skills-section h2{font-size:clamp(1.1rem,2.5vw,1.3rem)}.skills-list{gap:1rem}.skills-list li{font-size:clamp(.9rem,1.8vw,1.1rem)}.skills-list li svg{font-size:clamp(1.8rem,3vw,2.5rem)}}@media (max-width:480px){.skills{padding:1rem}.skills-container{gap:.8rem;padding:.75rem}.skills h1{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1.5rem}.skills-section h2{font-size:clamp(1rem,2vw,1.2rem)}.skills-list{gap:.8rem}.skills-list li{font-size:clamp(.85rem,1.6vw,1rem);gap:.4rem}.skills-list li svg{font-size:clamp(1.5rem,2.5vw,2rem)}}.projects-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.projects-title{color:#333;font-size:2.5rem;margin-bottom:2rem}.projects-box{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:900px;overflow:hidden;width:100%}.tabs{border-bottom:1px solid #ddd;display:flex}.tab{background:#f5f5f5;border:none;cursor:pointer;flex:1 1;font-size:1.1rem;padding:1rem;text-align:center;transition:background .3s}.tab:hover{background:#e0e0e0}.tab.active{background:#fff;border-bottom:2px solid #007bff;color:#007bff}.tab-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.project-card{display:flex;flex-direction:column;text-align:center}.preview-container{border:1px solid #ddd;border-radius:4px;height:200px;overflow:hidden;position:relative;width:100%}.project-preview{border:none;height:100%;transform:scale(1.1);transform-origin:top left;width:100%}.overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.preview-container:hover .overlay{opacity:1}.visit-link{background:#007bff;border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background .3s}.visit-link:hover{background:#0056b3}.project-title{color:#333;font-size:1.1rem;margin-top:.5rem}.contact-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#000;margin:0 auto;max-width:600px;padding:2rem;text-align:center}.contact-title{animation:slideIn .8s ease-out;color:#2c3e50;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:1.5rem}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem;position:relative}label{color:#333;font-size:clamp(.9rem,2vw,1rem);font-weight:500;text-align:left}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#000;font-size:clamp(.9rem,2vw,1rem);padding:.8rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.input-error{border-color:#d9534f}.error{animation:fadeIn .3s ease-in;color:#d9534f;font-size:.85rem;margin-top:.3rem;text-align:left}.submit-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;margin:0 auto;max-width:200px;padding:.9rem 1.5rem;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.status-message{animation:fadeIn .5s ease-in;border-radius:6px;font-size:clamp(.85rem,1.8vw,1rem);margin-top:1rem;padding:.5rem 1rem;text-align:center}.status-message.sending{background:#e9ecef;color:#495057}.status-message.success{background:#d4edda;color:#155724}.status-message.error{background:#f8d7da;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.contact-container{max-width:100%;padding:1.5rem}.contact-form{gap:1.2rem}input,textarea{padding:.7rem}.submit-button{padding:.8rem 1.2rem}}@media (max-width:480px){.contact-container{padding:1rem}.contact-form{gap:1rem}input,label,textarea{font-size:clamp(.85rem,1.8vw,.95rem)}input,textarea{padding:.6rem}textarea{grid-row:4}.submit-button{font-size:clamp(.85rem,1.8vw,.95rem);padding:.7rem 1rem}.status-message{font-size:clamp(.8rem,1.5vw,.9rem);margin-top:.8rem}}:root{--primary-color:#0984e3;--text-primary:#2d3436;--text-secondary:#dbe3e6;--bg-primary:#323435;--transition:all 0.3s ease}body{background-color:#323435;background-color:var(--bg-primary);color:#dbe3e6;color:var(--text-secondary);font-family:Courier New,monospace;line-height:1.6}.section{align-items:center;display:flex;justify-content:center;padding:6rem 2rem}.container{margin:0 auto;max-width:1200px;width:100%}.button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.5rem;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.button:hover{transform:translateY(-2px)}.button.primary{background-color:#0984e3;background-color:var(--primary-color);color:#fff}.button.secondary{color:#0984e3;color:var(--primary-color)}
/*# sourceMappingURL=main.c199d31a.css.map*/