body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body,h1,h2,h3,h4,h5,h6,p{margin:0}.header-container .upper-container{align-items:center;border-bottom:.1px solid #d2d6dc4a;display:flex;padding:12px;position:relative;width:100%}@media(max-width:599px){.header-container .upper-container{display:none}}@media(min-width:600px)and (max-width:768px){.header-container .upper-container{justify-content:flex-end;margin-top:14px}}.header-container .upper-container .image{height:40px;margin-right:40px;width:40px}.header-container .upper-container .image img{border-radius:50%;height:100%;object-fit:cover;width:100%}@media(min-width:600px)and (max-width:768px){.header-container .upper-container .image{display:none}}.header-container .upper-container .menu a{background:#0000;border-radius:4px;color:#cfd8e3;font-size:16px;margin-right:16px;padding:8px 12px;text-decoration:none;transition:all .4s ease}@media(min-width:600px)and (max-width:768px){.header-container .upper-container .menu a{padding:8px 6px}}.header-container .upper-container .menu a:not(.active):hover{background:rgba(207,216,227,.235);color:#fff}.header-container .upper-container .menu .active{background:#1a202e}.header-container .upper-container .resume-btn{margin-left:auto}.header-container .upper-container .resume-btn a{background:rgba(207,216,227,.235);border-radius:4px;color:#fff;font-size:16px;padding:8px 12px;text-decoration:none;transition:all .4s ease}@media(min-width:600px)and (max-width:768px){.header-container .upper-container .resume-btn a{padding:4px 7px}}.header-container .title-text h1{color:#fff;padding:40px 0}@media(max-width:599px){.header-container .title-text h1{font-size:20px;text-align:center}}@media(min-width:600px)and (max-width:768px){.header-container .title-text h1{text-align:center}}#menu-btn{align-items:center;background:#fff3;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;display:none;flex-direction:column;height:52px;justify-content:center;overflow:hidden;padding:4px;position:fixed;right:40px;top:15px;transition:all .3s ease;width:52px;z-index:2000}@media(max-width:599px){#menu-btn{display:flex;right:15px}}#menu-btn .bar1{background:#2c2c2c;height:2px;position:absolute;top:20px;transition:all .3s ease;width:24px}#menu-btn .bar1.animate{background:#fff;top:18px;transform:rotate(40deg);width:20px}#menu-btn .bar2{background:#2c2c2c;height:2px;position:absolute;top:30px;transition:all .3s ease;width:24px}#menu-btn .bar2.animate{background:#fff;top:30px;transform:rotate(-40deg);width:20px}.footer-container{align-items:center;background:#27303f;display:flex;flex-direction:column;height:160px;margin-top:48px;padding:48px 0;position:relative;width:100%}@media(max-width:599px){.footer-container{margin-top:32px;padding:30px 0 0}.footer-container .menu{display:none}}.footer-container .menu a{background:#0000;border-radius:4px;color:#64748b;font-size:16px;margin-right:16px;padding:8px 12px;text-decoration:none;transition:all .4s ease}.footer-container .menu a:hover{color:#475569}.footer-container .social-icons{display:flex;margin:32px 0}@media(max-width:599px){.footer-container .social-icons{margin-top:0}}.footer-container .social-icons a{color:#9fa6b2;font-size:24px;margin-left:16px;text-decoration:none}.footer-container .footer-text{text-align:center}.footer-container .footer-text p{color:#9fa6b2;font-size:16px;margin-bottom:12px}.page-container .profile-img{height:256px;margin:0 auto 40px;width:256px}.page-container .profile-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.page-container .profile-info{margin:0 auto;width:60%}@media(max-width:599px){.page-container .profile-info{width:85%}}@media(min-width:600px)and (max-width:768px){.page-container .profile-info{width:85%}}.page-container .profile-info h3{color:#475569;font-size:24px;font-weight:700}@media(max-width:599px){.page-container .profile-info h3{font-size:22px}}.page-container .profile-info p{color:#475569;font-size:16px;font-weight:300;line-height:1.5;margin-top:24px}@media(max-width:599px){.page-container .profile-info p{margin-top:18px}}.experience-container{margin:60px auto 0;position:relative;width:80%}@media(max-width:599px){.experience-container{margin:30px auto 0;width:85%}}.experience-container .experience{margin-bottom:45px;position:relative;width:80%}@media(max-width:599px){.experience-container .experience{margin-bottom:20px;width:100%}}@media(min-width:600px)and (max-width:768px){.experience-container .experience{width:100%}}.experience-container .experience:before{background:#fff;border:4px solid #6f8098;border-radius:50%;content:"";display:inline-block;height:12px;left:-40px;position:absolute;top:5px;width:12px}@media(max-width:599px){.experience-container .experience:before{left:-22px}}.experience-container .experience .wrapper{position:relative}@media(max-width:599px){.experience-container .experience .wrapper{padding-left:14px}}.experience-container .experience .wrapper:before{background:#c8cfd8;content:"";display:inline-block;height:112%;left:-31px;position:absolute;top:24px;width:3px}@media(max-width:599px){.experience-container .experience .wrapper:before{left:-14px}}.experience-container .experience .wrapper .title{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}@media(max-width:599px){.experience-container .experience .wrapper .title{align-items:flex-start;flex-direction:column;gap:6px}}.experience-container .experience .wrapper .title h3{color:#434e5e;font-size:22px}@media(max-width:599px){.experience-container .experience .wrapper .title h3{font-size:20px}}.experience-container .experience .wrapper .title h4{color:#58677c;font-size:14px}@media(max-width:599px){.experience-container .experience .wrapper .title h4{font-size:13px}}.experience-container .experience .wrapper .duration{margin-bottom:12px}.experience-container .experience .wrapper .duration span{color:#aab4c3;font-size:14px;font-weight:500}.experience-container .experience .wrapper .location{margin-bottom:12px}.experience-container .experience .wrapper .location span{color:#8791a5;font-size:13px}.experience-container .experience .wrapper .description{margin-bottom:14px}.experience-container .experience .wrapper .description ul{list-style:disc;padding-left:20px}.experience-container .experience .wrapper .description li{color:#475569;line-height:1.5;margin-bottom:6px}@media(max-width:599px){.experience-container .experience .wrapper .skills{display:flex;flex-wrap:wrap;gap:8px}}.experience-container .experience .wrapper .skills h4{color:#434e5e;font-size:16px;margin-bottom:8px}.experience-container .experience .wrapper .skills .skill{background:#434e5e;border-radius:10px;color:#eee;display:inline-block;font-size:12px;font-weight:500;margin-bottom:6px;margin-right:8px;padding:4px 10px}.page-icon{color:#141c3a}.projects-container{gap:36px;margin:auto}@media(max-width:599px){.projects-container{grid-template-columns:1fr}}.card{background:#0c1226;border-radius:16px;box-shadow:0 15px 40px #00000040;cursor:pointer;height:280px;overflow:hidden;position:relative}.card:hover img{transform:scale(1.1)}.card:hover .overlay{transform:translateX(0)}.card img{height:100%;object-fit:cover;width:100%}.card img,.overlay{transition:transform .5s ease}.overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0a143cf5,#0a143cf5);display:flex;flex-direction:column;inset:0;justify-content:center;padding:30px;position:absolute;text-align:center;transform:translateX(-100%)}.overlay h3{color:#fff;font-size:22px;font-weight:600;margin-bottom:12px}.overlay p{color:#e0e0e0;font-size:10px;line-height:1.3;margin-bottom:10px;max-width:85%}.overlay .project-links{display:flex;gap:14px;margin-top:10px}.overlay .project-links a{border:2px solid #fff;border-radius:30px;color:#fff;font-size:14px;font-weight:500;padding:8px 24px;text-decoration:none;transition:all .3s ease}.overlay .project-links a:hover{background:#27303f;border-color:#27303f}.page-container{padding:40px 0}.page-icon{color:#27303f;display:flex;font-size:42px;justify-content:center;margin-bottom:30px}.tech-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin:auto;width:85%}@media(max-width:1024px){.tech-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.tech-grid{grid-template-columns:repeat(2,1fr);width:90%}}.tech-card{background:#0c1226;border-radius:18px;box-shadow:0 12px 32px #00000059;cursor:pointer;padding:28px 20px;text-align:center;transition:transform .35s ease,background .35s ease}.tech-card:hover{background:#27303f;transform:translateY(-10px) scale(1.03)}.tech-card:hover .tech-icon,.tech-card:hover p{color:#fff}.tech-card .tech-icon{color:#27303f;font-size:48px;margin-bottom:14px;transition:color .3s ease,transform .3s ease}.tech-card:hover .tech-icon{transform:scale(1.15)}.tech-card p{color:#eaeaea;font-size:15px;font-weight:600;letter-spacing:.4px}.contact-info{margin:60px auto 0;width:40%}@media(max-width:599px){.contact-info{margin-top:30px;width:85%}}.contact-info h3{border-bottom:.1px solid #27303f;color:#475569;font-size:24px;margin-bottom:24px;padding:12px 0;text-align:center}.contact-info .item{align-items:center;display:flex;margin-bottom:24px;padding:0 12px}.contact-info .item svg{color:#475569;font-size:24px;margin-right:12px}.contact-info .item a{font-size:16px;text-decoration:none}.contact-info .item span{color:#475569;font-size:14px}.social-icons{align-items:center;display:flex;justify-content:center;margin:30px auto 0;width:40%}.social-icons .icon{background:#434e5e;border-radius:50%;margin:0 12px;padding:14px;text-decoration:none}.social-icons .icon svg{color:#eee;font-size:24px;font-weight:500}.projects-container{grid-gap:36px;display:grid;grid-template-columns:repeat(2,1fr);margin:24px auto 0;position:relative;width:90%}@media(max-width:599px){.projects-container{grid-template-columns:repeat(1,1fr)}}.projects-container .card{border-radius:10px;box-shadow:-2px -1px 22px -12px #000000bf;color:inherit;cursor:pointer;height:270px;overflow:hidden;position:relative;text-decoration:none;transition:all .6s ease;width:100%}@media(max-width:599px){.projects-container .card{height:190px}}.projects-container .card:hover .overlay{opacity:.95;transform:translateX(0)}.projects-container .card:hover img{transform:scale(1.1)}.projects-container .card img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.projects-container .card .overlay{align-items:center;background-color:#141c3a;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;text-align:center;top:0;transform:translateX(-100%);transition:opacity .3s ease,transform .6s ease;width:100%}.projects-container .card .overlay h3{color:#fff;font-size:16px;font-weight:400;margin-bottom:20px}.projects-container .card .overlay a{border:2px solid #eee;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 30px;text-decoration:none;transition:all .3s ease}.projects-container .card .overlay a:hover{background:#27303f;border-color:#27303f}.app-container{overflow:hidden;position:relative;width:100%}.app-container .top-bg{background:#27303f;height:309px;position:absolute;width:100%;z-index:-1}@media(max-width:599px){.app-container .top-bg{height:200px}}.app-container .container{margin:0 auto;width:60%}@media(max-width:599px){.app-container .container{width:85%}}@media(min-width:600px)and (max-width:768px){.app-container .container{width:85%}}.page-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;height:100%;min-height:550px;overflow:hidden;padding-bottom:85px;padding-top:65px;position:relative;transition:all .4s ease;width:100%}@media(max-width:599px){.page-container{min-height:495px;padding-bottom:50px;padding-top:28px}}.page-icon{color:#475569;height:64px;margin:0 auto;width:64px}.page-icon svg{height:100%;width:100%}.page-enter{opacity:0;transform:translateX(100%)}.page-enter-active{transition:opacity .5s,transform .5s}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-100%);transition:opacity .5s,transform .5s}.phone-navbar-enter{transform:translateX(100%)}.phone-navbar-enter-active{transform:translateX(0);transition:transform .3s ease}.phone-navbar-exit{transform:translateX(0)}.phone-navbar-exit-active{transform:translateX(100%);transition:transform .3s ease}#desktop-menu{background:#2c2c2c;height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:28%;z-index:1000}@media(max-width:599px){#desktop-menu{width:80%}}@media(min-width:600px)and (max-width:768px){#desktop-menu{width:40%}}#desktop-menu .resume-btn{margin-left:32px}#desktop-menu .resume-btn a{background:rgba(207,216,227,.235);border-radius:4px;color:#fff;font-size:16px;padding:8px 12px;text-decoration:none;transition:all .4s ease}@media(min-width:600px)and (max-width:768px){#desktop-menu .resume-btn a{padding:4px 7px}}#desktop-menu ul{list-style:none;margin-top:25px;padding:5px}#desktop-menu ul li{min-height:50px}#desktop-menu ul li a{color:#939393;display:flex;margin-bottom:8px;margin-left:16px;text-decoration:none;transition:.3s}#desktop-menu ul li a .circle{align-items:center;background:#27303f;border-radius:50%;box-sizing:border-box;display:flex;height:30px;justify-content:center;opacity:0;padding:6px;position:relative;transform:translateX(-40px);transition:transform .9s cubic-bezier(.16,1,.3,1);width:30px}#desktop-menu ul li a .circle .icon{height:100%;object-fit:contain;position:relative;width:100%}#desktop-menu ul li a p{margin:auto 15px}@media(min-width:1200px){#desktop-menu ul li:hover .circle{opacity:1;transform:translateX(0)}#desktop-menu ul li:hover a p{color:#27303f}}
/*# sourceMappingURL=main.3b473f01.css.map*/