body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:#1f1f1f;box-shadow:0 2px 10px #0000004d;font-size:1.2rem;justify-content:center;position:sticky;top:0;z-index:999}.navbar,.navbar-container{align-items:center;display:flex;height:80px}.navbar-container{justify-content:space-between;max-width:1300px;padding:0 50px;width:100%}.navbar-logo{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-self:start;text-decoration:none}.dev-name{color:#fff;font-weight:700}.nav-menu{align-items:center;display:flex;justify-content:center;list-style:none;text-align:center}.nav-item{height:80px;padding:0 1rem}.nav-link{align-items:center;color:#fff;display:flex;height:100%;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#5da9d0}.nav-link:after{background:#5da9d0;bottom:25px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:1.8rem}@media screen and (max-width:960px){.navbar-container{padding:0 30px}.nav-menu{display:flex;flex-direction:column;height:90vh;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#1f1f1f;left:0;z-index:1}.nav-item{height:60px;padding:0;width:100%}.nav-link{display:table;padding:1.5rem;text-align:center;width:100%}.nav-link:hover:after{display:none}.menu-icon{display:block}}.footer{background-color:#1f1f1f;color:#fff;padding-top:60px}.footer-container{margin:0 auto;max-width:1300px;padding:0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;margin-bottom:40px}.footer-logo-section{max-width:400px}.footer-logo{display:inline-block;margin-bottom:20px;text-decoration:none}.footer-dev-name{color:#fff;font-size:1.5rem;font-weight:700}.footer-description{color:#aaa;line-height:1.6}.footer-links-section h3,.footer-social-section h3{color:#fff;font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-links-section h3:after,.footer-social-section h3:after{background:linear-gradient(90deg,#5da9d0,#8e7ec9);bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:15px}.footer-links li a{color:#aaa;text-decoration:none;transition:color .3s ease}.footer-links li a:hover{color:#5da9d0}.footer-social-links{display:flex;gap:15px}.footer-social-link{align-items:center;background-color:#333;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social-link:hover{background:linear-gradient(90deg,#5da9d0,#8e7ec9);transform:translateY(-3px)}.footer-bottom{border-top:1px solid #333;padding:20px 0;text-align:center}.footer-copyright{color:#777;font-size:.9rem}@media screen and (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-logo-section{margin:0 auto}.footer-links-section h3:after,.footer-social-section h3:after{left:50%;transform:translateX(-50%)}.footer-social-links{justify-content:center}}.home-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1300px;min-height:calc(100vh - 80px);padding:0 80px}.home-content{flex:1 1;max-width:600px}.home-title{display:flex;flex-direction:column;margin-bottom:24px}.greeting{color:#666;font-size:1.5rem}.greeting,.name{margin-bottom:8px}.name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5da9d0,#8e7ec9);-webkit-background-clip:text;font-size:4rem;font-weight:700}.title{color:#333;font-size:2.5rem;font-weight:600}.home-description{color:#555;font-size:1.2rem;line-height:1.7;margin-bottom:32px}.home-buttons{display:flex;gap:16px}.btn-primary,.btn-secondary{align-items:center;border-radius:5px;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border:none;color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #5da9d033;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #ddd;color:#333}.btn-secondary:hover{background:#f5f5f5}.home-image{align-items:center;display:flex;flex:1 1;justify-content:center}.profile-image{border:5px solid #fff;border-radius:50%;box-shadow:0 10px 30px #5da9d04d;height:300px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:300px}.profile-image:hover{box-shadow:0 15px 40px #5da9d066;transform:scale(1.03)}.image-placeholder{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;height:300px;justify-content:center;position:relative;width:300px}.animated-circle{animation:pulse 3s infinite;background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:50%;height:100%;opacity:.3;position:absolute;width:100%}@keyframes pulse{0%{opacity:.3;transform:scale(.95)}50%{opacity:.5;transform:scale(1)}to{opacity:.3;transform:scale(.95)}}@media screen and (max-width:960px){.home-container{flex-direction:column-reverse;padding:40px 20px;text-align:center}.home-content{margin-top:40px}.home-buttons{justify-content:center}.name{font-size:3rem}.title{font-size:2rem}}.about-container{margin:0 auto;max-width:1200px;padding:60px 20px}.about-header{margin-bottom:60px;text-align:center}.about-title{color:#333;font-size:2.5rem;margin-bottom:15px}.about-line{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:10px;height:3px;margin:0 auto;width:80px}.about-content{display:flex;flex-direction:column;gap:60px}.about-text{color:#555;font-size:1.1rem;line-height:1.8}.about-text p{margin-bottom:20px}.skills-container h2{color:#333;font-size:2rem;margin-bottom:40px;text-align:center}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.skill-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.skill-icon{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5da9d0,#8e7ec9);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:20px}.skill-card h3{color:#333;font-size:1.4rem;margin-bottom:15px}.skill-card p{color:#666;line-height:1.6}@media screen and (max-width:768px){.about-container{padding:40px 20px}.about-content{gap:40px}.skills-grid{grid-template-columns:1fr}}.projects-container{margin:0 auto;max-width:1200px;padding:60px 20px}.projects-header{margin-bottom:60px;text-align:center}.projects-title{color:#333;font-size:2.5rem;margin-bottom:15px}.projects-line{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:10px;height:3px;margin:0 auto 20px;width:80px}.projects-subtitle{color:#666;font-size:1.2rem}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.project-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.project-image{height:250px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-links{align-items:center;background:#000000b3;display:flex;gap:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-image:hover .project-links{opacity:1}.project-link{align-items:center;background:#fff;border-radius:5px;color:#333;display:flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.project-link:hover{background:linear-gradient(90deg,#5da9d0,#8e7ec9);color:#fff}.project-info{padding:25px}.project-title{color:#333;font-size:1.5rem;margin-bottom:15px}.project-description{color:#666;line-height:1.6;margin-bottom:20px}.project-tech{align-items:center;color:#888;display:flex;gap:15px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:#f5f5f5;border-radius:20px;color:#555;font-size:.85rem;padding:5px 12px}@media screen and (max-width:768px){.projects-grid{grid-template-columns:1fr}}.career-section{margin-top:80px}.career-header{margin-bottom:60px;text-align:center}.career-title{color:#333;font-size:2.2rem;margin-bottom:15px}.career-line{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:10px;height:3px;margin:0 auto 20px;width:80px}.career-subtitle{color:#666;font-size:1.2rem}.career-timeline{margin:0 auto;max-width:900px;position:relative}.career-timeline:before{background:#e0e0e0;bottom:0;content:"";left:30px;position:absolute;top:0;width:2px}.career-item{display:flex;margin-bottom:50px;position:relative}.career-item:last-child{margin-bottom:0}.career-icon{align-items:center;background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:50%;box-shadow:0 5px 15px #5da9d04d;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:0;position:absolute;width:60px;z-index:1}.career-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;margin-left:90px;padding:25px;width:calc(100% - 90px)}.career-info{margin-bottom:15px}.career-position{color:#333;font-size:1.4rem;margin-bottom:10px}.career-company,.career-period{align-items:center;color:#555;display:flex;gap:8px;margin-bottom:5px}.career-description{color:#666;line-height:1.6;margin-bottom:15px}.career-tech{margin-top:10px}@media screen and (max-width:768px){.career-content{margin-left:70px;padding:20px;width:calc(100% - 70px)}.career-position{font-size:1.2rem}}@media screen and (max-width:576px){.career-content{margin-left:60px;padding:15px;width:calc(100% - 60px)}.career-icon{font-size:1.2rem;height:50px;width:50px}}.skills-page-container{margin:0 auto;max-width:1200px;padding:60px 20px}.skills-header{margin-bottom:60px;text-align:center}.skills-title{color:#333;font-size:2.5rem;margin-bottom:15px}.skills-line{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:10px;height:3px;margin:0 auto 20px;width:80px}.skills-subtitle{color:#666;font-size:1.2rem}.skills-section{margin-bottom:50px}.skills-section h2{color:#333;font-size:1.8rem;margin-bottom:30px;padding-bottom:15px;position:relative}.skills-section h2:after{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:10px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.skills-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.skill-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;display:flex;gap:20px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.skill-icon-container{align-items:center;background-color:#f5f5f5;border-radius:10px;display:flex;height:50px;justify-content:center;width:50px}.skill-icon{color:#5da9d0;font-size:2rem}.skill-info{flex:1 1}.skill-name-level{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.skill-name-level h3{color:#333;font-size:1.2rem}.skill-name-level span{color:#5da9d0;font-weight:600}.skill-bar{background-color:#f0f0f0;border-radius:10px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:10px;height:100%}@media screen and (max-width:768px){.skills-list{grid-template-columns:1fr}.skill-item{padding:15px}}.contact-container{margin:0 auto;max-width:1200px;padding:60px 20px}.contact-header{margin-bottom:60px;text-align:center}.contact-title{color:#333;font-size:2.5rem;margin-bottom:15px}.contact-line{background:linear-gradient(90deg,#5da9d0,#8e7ec9);border-radius:10px;height:3px;margin:0 auto 20px;width:80px}.contact-subtitle{color:#666;font-size:1.2rem}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr}.contact-info{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;gap:25px;padding:30px}.info-item{align-items:flex-start;display:flex;gap:15px}.info-icon{color:#5da9d0;font-size:1.5rem;margin-top:5px}.info-item h3{color:#333;font-size:1.2rem;margin-bottom:5px}.info-item p{color:#666}.social-links{display:flex;gap:15px;margin-top:15px}.social-link{align-items:center;background-color:#f5f5f5;border-radius:50%;color:#555;display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-link:hover{background:linear-gradient(90deg,#5da9d0,#8e7ec9);color:#fff;transform:translateY(-3px)}.contact-form-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:30px}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#5da9d0;outline:none}.submit-btn{background-color:#5da9d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background-color:#4a92b7}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.form-message{border-radius:4px;font-weight:500;margin-top:20px;padding:12px;text-align:center}.form-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media screen and (max-width:768px){.contact-content{grid-template-columns:1fr}.submit-btn{width:100%}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#f8f9fa;color:#333}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5da9d0,#8e7ec9);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a92b7,#7a6eae)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f933faae.css.map*/