@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap);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}*{margin:0;padding:0}*,body{box-sizing:border-box}body{height:100vh;width:99vw}main{align-items:center;background-color:#0a0f1f;display:flex;flex-direction:column;justify-content:center}*{scrollbar-color:#4cd7f659 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#4cd7f659;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#4cd7f699}#home{align-items:center;background-color:#0a0f1f;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 24px 64px;position:relative;width:100%}#home .hero-background{height:100%;inset:0;opacity:.4;pointer-events:none;position:absolute;width:100%;z-index:0}#home .hero-content{align-items:flex-start;animation:fadeInUp .8s ease both;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:780px;position:relative;text-align:left;width:100%;z-index:1}#home .hero-content .hero-eyebrow{margin-bottom:16px}#home .hero-content .hero-name{margin-bottom:8px}#home .hero-content .hero-role{color:#4cd7f6;margin-bottom:20px}#home .hero-content .hero-description{color:#9aa4c0;margin-bottom:16px;max-width:620px}#home .hero-content .hero-location{margin-bottom:32px}#home .hero-content .header-btn{flex-direction:row;flex-wrap:wrap;gap:16px;margin-bottom:40px}#home .hero-content .links{flex-direction:row;gap:20px;margin-bottom:28px}#home .hero-content .links a{color:#9aa4c0;display:flex;transition:color .2s ease}#home .hero-content .links a:hover{color:#4cd7f6}#home .hero-content .links .icon{font-size:1.5rem}#home .hero-content .hero-tech-line{border-top:1px solid #4cd7f624;letter-spacing:.5px;max-width:620px;padding-top:24px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){#home{padding:110px 20px 48px}#home .hero-content{text-align:left}}#about{align-items:center;background-color:#161f3d;flex-direction:column;justify-content:center;max-width:100%;padding:80px 24px;width:100%}#about .abouttxt{border-bottom:2px solid #4cd7f6;margin-bottom:40px;padding-bottom:12px}#about .img-article{align-items:flex-start;display:flex;gap:48px;justify-content:center;margin:0 auto;max-width:1100px;padding:0}#about .img-article .profileImg{border:none;border-radius:12px;box-shadow:0 8px 30px #00000059;max-width:380px;object-fit:cover}#about .img-article .aboutName{margin-bottom:0;width:100%}#about .img-article .articles{display:flex;flex-direction:column;gap:8px}#about .img-article .articles .job-title{color:#4cd7f6;margin:4px 0 8px;width:100%}#about .img-article .articles .normal-txt{color:#9aa4c0;margin-bottom:14px}#about .img-article .about-btn{flex-direction:row;gap:24px}#about .img-article .about-btn a{color:#dae2fd;text-decoration:none}#about .img-article .about-btn .about-single-btn{border:1px solid #4cd7f624;border-radius:8px;cursor:pointer;margin-top:16px;padding:10px 18px;transition:border-color .2s ease,color .2s ease;width:fit-content}#about .img-article .about-btn .about-single-btn:hover{border-color:#4cd7f6;color:#4cd7f6}@media(max-width:900px){#about .img-article{align-items:center;flex-direction:column}#about .img-article .profileImg{max-width:260px}}#whatido{align-items:center;background-color:#0a0f1f;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;width:100%}#whatido .servicetxt{border-bottom:2px solid #4cd7f6;margin-bottom:16px;padding-bottom:12px}#whatido .services-subtitle{margin-bottom:40px;max-width:560px;text-align:center}#whatido .service-boxs{flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center;margin:0;max-width:1100px;padding:10px;width:100%}#whatido .serviceItem{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#4cd7f60a;border:1px solid #4cd7f624;border-radius:16px;border-top-color:#4cd7f64d;box-shadow:0 4px 30px #0003;padding:32px 28px;text-align:left;transition:transform .25s ease,background .25s ease;width:320px}#whatido .serviceItem .icon-badge{align-items:center;background-color:#4cd7f61a;border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}#whatido .serviceItem .icon-badge .itemIcon{color:#4cd7f6;font-size:24px}#whatido .serviceItem .itemName{margin-bottom:12px}#whatido .serviceItem .itemDis{color:#9aa4c0}#whatido .serviceItem:hover{background:#4cd7f612;transform:translateY(-4px) scale(1.01)}@media(max-width:600px){#whatido .serviceItem{width:100%}}.experience-section{align-items:center;background-color:#0a0f1f;display:flex;flex-direction:column;padding:80px 24px;width:100%}.experience-section .experience-expertise-grid{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1.2fr 1fr;max-width:1200px;width:100%}.experience-section .experience-title,.experience-section .expertise-title{border-bottom:2px solid #4cd7f6;margin-bottom:16px;padding-bottom:12px;width:fit-content}.experience-section .experience-subtitle,.experience-section .expertise-subtitle{margin-bottom:40px}.experience-section .timeline{border-left:2px solid #4cd7f624;padding-left:28px;position:relative;width:100%}.experience-section .timeline .timeline-item{padding-bottom:40px;position:relative}.experience-section .timeline .timeline-item:last-child{padding-bottom:0}.experience-section .timeline .timeline-item .timeline-marker{background-color:#4cd7f6;border-radius:50%;box-shadow:0 0 0 4px #0a0f1f;height:10px;left:-34px;position:absolute;top:6px;width:10px}.experience-section .timeline .timeline-item .timeline-content{display:flex;flex-direction:column;gap:10px}.experience-section .timeline .timeline-item .timeline-content .timeline-header{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.experience-section .timeline .timeline-item .timeline-content .timeline-header .job-company{color:#4cd7f6}.experience-section .timeline .timeline-item .timeline-content .timeline-meta{color:#9aa4c0;display:flex;flex-direction:row;gap:16px;margin-bottom:4px}.experience-section .timeline .timeline-item .timeline-content .job-summary{color:#9aa4c0;margin-bottom:4px}.experience-section .timeline .timeline-item .timeline-content .job-achievements{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}.experience-section .timeline .timeline-item .timeline-content .job-achievements li{color:#dae2fd}.experience-section .timeline .timeline-item .timeline-content .job-achievements li::marker{color:#4cd7f6}.experience-section .timeline .timeline-item .timeline-content .job-technologies{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:8px}.experience-section .timeline .timeline-item .timeline-content .job-technologies .tech-chip{background-color:#1c2646;border:1px solid #4cd7f624;border-radius:6px;color:#9aa4c0;font-size:12px;padding:4px 10px}.experience-section .expertise-col{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#4cd7f60a;border:1px solid #4cd7f624;border-radius:16px;border-top-color:#4cd7f64d;box-shadow:0 4px 30px #0003;padding:32px;position:sticky;top:100px}.experience-section .expertise-categories{display:flex;flex-direction:column;gap:24px}.experience-section .expertise-categories .expertise-category{display:flex;flex-direction:column;gap:12px}.experience-section .expertise-categories .expertise-category .category-title{border-bottom:1px solid #4cd7f624;padding-bottom:8px}.experience-section .expertise-categories .expertise-category .skill-chips{flex-direction:row;flex-wrap:wrap;gap:8px}.experience-section .expertise-categories .expertise-category .skill-chips .skill-chip{background-color:#1c2646;border:1px solid #4cd7f624;border-radius:20px;color:#9aa4c0;font-size:12px;padding:5px 12px;transition:border-color .2s ease,color .2s ease}.experience-section .expertise-categories .expertise-category .skill-chips .skill-chip:hover{border-color:#4cd7f6;color:#dae2fd}@media(max-width:900px){.experience-section .experience-expertise-grid{gap:56px;grid-template-columns:1fr}.experience-section .expertise-col{position:static}}@media(max-width:600px){.experience-section .timeline{padding-left:20px}.experience-section .timeline .timeline-item .timeline-marker{left:-26px}}#contact{background-color:#0a0f1f;display:flex;justify-content:center;padding:80px 24px;width:100%}#contact #appointment-form{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#4cd7f60a;border:1px solid #4cd7f624;border-radius:16px;border-top-color:#4cd7f64d;box-shadow:0 4px 30px #0003;display:flex;flex-direction:column;gap:20px;max-width:480px;padding:40px;width:100%}#contact #appointment-form h3{border-bottom:2px solid #4cd7f6;color:#dae2fd;font-size:1.75rem;font-weight:700;margin-bottom:4px;padding-bottom:8px;width:fit-content}#contact #appointment-form .contact-subtitle{color:#9aa4c0;margin-bottom:8px}#contact #appointment-form .contact-info{width:100%}#contact #appointment-form .contact-info .MuiOutlinedInput-root{background-color:#ffffff05;border-radius:8px;color:#dae2fd}#contact #appointment-form .contact-info .MuiOutlinedInput-root fieldset{border-color:#4cd7f624}#contact #appointment-form .contact-info .MuiOutlinedInput-root:hover fieldset{border-color:#4cd7f666}#contact #appointment-form .contact-info .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#4cd7f6}#contact #appointment-form .contact-info .MuiInputLabel-root{color:#9aa4c0}#contact #appointment-form .contact-info .MuiInputLabel-root.Mui-focused{color:#4cd7f6}#contact #appointment-form .contact-btn{align-self:flex-start;padding:10px 24px}#app-nav{border:none;left:0;max-width:100vw;position:fixed;top:0}#app-nav .container{display:flex;flex-direction:row;gap:24px}#app-nav .container .logo{height:60px}#app-nav .container .desktop-nav{align-items:center;display:flex;flex-direction:row;flex-grow:1;gap:8px;justify-content:center;min-width:0}#app-nav .container .desktop-nav .nav-btn{border-radius:6px;font-size:14px;padding:8px 12px;white-space:nowrap}#app-nav .container .desktop-nav .nav-btn:hover{background-color:#ffffff0f}#app-nav .container .right-side-nave{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center}.language-item{display:flex;flex-direction:row;gap:12px;object-fit:contain}.language-item .flag-image{height:24px;object-fit:contain;width:24px}#footer{background-color:#05070d;padding:24px;position:relative;width:100%}#footer,#footer .footerContainer{align-items:center;display:flex;justify-content:center}#footer .footerContainer{flex-direction:column;gap:24px}#footer .footerContainer .links{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}#footer .footerContainer .links .privacy-links{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center}#footer .footerContainer .links .social-links{align-items:center;display:flex;flex-direction:row;gap:18px;justify-content:center}#footer .footerContainer .links .contact-info{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center}#footer .footerContainer .links .contact-info .mail-link{color:#fff;cursor:pointer;text-decoration:none}.custom-modal{align-items:center;background-color:#00000080;display:flex;justify-content:center;z-index:1000}.custom-modal .modal-box{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;max-width:500px;padding:20px;text-align:center;width:90%}.custom-modal .modal-box .modal-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:16px}.custom-modal .modal-box .modal-content{color:#555;font-size:1rem;line-height:1.5;margin-bottom:20px}.projects-section{align-items:center;background-color:#161f3d;display:flex;flex-direction:column;justify-content:flex-start;padding:80px 24px;width:100%}.projects-section .projects-txt{border-bottom:2px solid #4cd7f6;margin-bottom:16px;padding-bottom:12px}.projects-section .projects-subtitle{margin-bottom:48px;max-width:560px;text-align:center}.projects-section .projects-boxs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(280px,1fr));max-width:900px;width:100%}.project-case-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#4cd7f60a;border:1px solid #4cd7f624;border-radius:16px;border-top-color:#4cd7f64d;box-shadow:0 4px 30px #0003;cursor:default;display:flex;flex-direction:column;gap:14px;padding:24px;transition:transform .2s ease,background .2s ease;width:100%}.project-case-card:hover{background:#4cd7f612;transform:translateY(-3px)}.project-case-card .case-header{display:flex;flex-direction:column;gap:6px}.project-case-card .case-header .case-header-row{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.project-case-card .case-header .case-role{color:#4cd7f6}.project-case-card .case-header .personal-badge{background-color:#4cd7f61f;border-radius:20px;color:#4cd7f6;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.project-case-card .case-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#9aa4c0;display:-webkit-box;overflow:hidden}.project-case-card .case-technologies{flex-direction:row;flex-wrap:wrap;gap:6px}.project-case-card .case-technologies .tech-chip{background-color:#1c2646;border:1px solid #4cd7f624;border-radius:6px;color:#9aa4c0;font-size:11px;padding:3px 9px}.project-case-card .case-card-actions{align-items:center;flex-direction:row;justify-content:space-between;margin-top:6px}.project-case-card .case-view-more{background:none;border:none;color:#4cd7f6;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:0}.project-case-card .case-view-more:hover{text-decoration:underline}.case-code-link{align-items:center;border:1px solid #4cd7f624;border-radius:8px;color:#dae2fd;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;text-decoration:none;transition:border-color .2s ease,color .2s ease;width:fit-content}.case-code-link:hover{border-color:#4cd7f6;color:#4cd7f6}.project-dialog .MuiDialog-paper{background-color:#1c2646;border:1px solid #4cd7f624;border-radius:16px}.project-dialog .dialog-close-btn{color:#9aa4c0;position:absolute;right:12px;top:12px;z-index:2}.project-dialog .dialog-close-btn:hover{color:#dae2fd}.project-dialog .project-dialog-content{display:flex;flex-direction:column;gap:20px;padding:40px 32px 32px}.project-dialog .project-dialog-content .case-header{display:flex;flex-direction:column;gap:8px}.project-dialog .project-dialog-content .case-header .case-header-row{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.project-dialog .project-dialog-content .case-header .case-role{color:#4cd7f6}.project-dialog .project-dialog-content .case-header .personal-badge{background-color:#4cd7f61f;border-radius:20px;color:#4cd7f6;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.project-dialog .project-dialog-content .case-block{display:flex;flex-direction:column;gap:8px}.project-dialog .project-dialog-content .case-block .case-label,.project-dialog .project-dialog-content .case-block .case-text{color:#9aa4c0}.project-dialog .project-dialog-content .case-block .case-list{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}.project-dialog .project-dialog-content .case-block .case-list li{color:#dae2fd}.project-dialog .project-dialog-content .case-block .case-list li::marker{color:#4cd7f6}.project-dialog .project-dialog-content .case-technologies{flex-direction:row;flex-wrap:wrap;gap:8px}.project-dialog .project-dialog-content .case-technologies .tech-chip{background-color:#161f3d;border:1px solid #4cd7f624;border-radius:6px;color:#9aa4c0;font-size:12px;padding:4px 10px}.project-dialog .project-dialog-content .case-confidential{border-top:1px solid #4cd7f624;font-style:italic;padding-top:12px}.project-dialog .project-dialog-content .case-code-link{border-color:#4cd7f624;color:#dae2fd}.project-dialog .project-dialog-content .case-code-link:hover{border-color:#4cd7f6;color:#4cd7f6}@media(max-width:760px){.projects-section .projects-boxs{grid-template-columns:1fr}}#interests{background-color:#161f3d;flex-direction:column;max-width:100%;padding:24px;width:100%}#interests,#interests .byond-text{align-items:center;display:flex;justify-content:center}#interests .byond-text{gap:24px;padding:18px}#interests .byond-text .title{border-bottom:2px solid #4cd7f6}#interests .byond-text .sub-title{color:#9aa4c0;text-shadow:2px 2px 2px #4cd7f6}#interests .main-image{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:16px;height:auto;margin-bottom:16px;max-height:600px;min-height:400px;transition:all .3s ease-in-out;width:100%}@media(max-width:768px){#interests .main-image{max-height:400px;min-height:200px}}#interests .interests-name{align-items:flex-start;display:flex;gap:24px;justify-content:flex-start;max-width:864px;padding-bottom:54px;width:100%}#interests .thumbnail-container{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center}#interests .thumbnail-container .thumbnail{background-position:50%;background-size:cover;border:none;border-radius:8px;cursor:pointer;height:100px;transition:all .3s ease-in-out;width:100px}#interests .thumbnail-container .thumbnail.active{border:3px solid #4cd7f6}#interests .thumbnail-container .thumbnail:hover{transform:scale(1.05)}@media(max-width:768px){#interests .thumbnail-container .thumbnail{height:50px;margin-bottom:24px;width:50px}}
/*# sourceMappingURL=main.418d64e4.css.map*/