@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jaro:opsz@6..72&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto}address{font-style:normal}button,input,select,textarea{background-color:initial;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:initial;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}legend{display:block}input::-ms-clear,input::-ms-reveal{display:none}html{scrollbar-gutter:stable}body{background-color:#1e1f26;color:#fff;margin:0}*{font-family:Orbitron,sans-serif;font-size:17px;font-weight:400}.page{align-items:center;display:flex;flex-direction:column}.container{margin-top:20px;max-width:1200px;width:100%}.section{padding:40px 0 60px;width:100%}@media (max-width:767px){.container{margin-top:0;max-width:90vw}.section{padding:40px 0 0}}@media (min-width:768px) and (max-width:1439px){.container{margin-top:0;max-width:90vw}.section{padding:40px 0 20px}}@media (min-width:1920px){.container{max-width:1500px}}.back-button{bottom:30px;display:inline-block;height:80px;left:30px;position:fixed;width:80px;z-index:100}@media (max-width:1200px){.back-button{height:60px;width:60px}}@media (max-width:600px){.back-button{height:40px;width:40px}}.back-button button{align-items:center;background-color:#414141;border:none;border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#000;cursor:pointer;display:flex;font-size:26px;height:80px;justify-content:center;position:relative;transition:all .3s;width:80px;z-index:3}@media (max-width:1200px){.back-button button{height:60px;width:60px}}@media (max-width:600px){.back-button button{height:40px;width:40px}}@media (max-width:1200px){.back-button button img{height:40px;width:40px}}@media (max-width:600px){.back-button button img{height:20px;width:20px}}.back-button:after{animation:spin 5s linear infinite;background:conic-gradient(#fb5959 0deg 180deg,#44b6c6 180deg 1turn);border-radius:50%;content:"";inset:-6px;pointer-events:none;position:absolute;transform-origin:50% 50%;z-index:2}@keyframes spin{to{transform:rotate(1turn)}}.header{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;height:75px;padding:20px 50px;position:fixed;width:100%;z-index:103}@media (max-width:1250px){.header{height:65px;padding:10px 20px}}@media (max-width:415px){.header{height:55px;padding:10px}}@media (max-width:301px){.header{display:none}}.header-bg{background-color:#1e1f26e6;height:75px;left:0;position:fixed;top:0;width:100%;z-index:101}@media (max-width:1199px){.header-bg{height:65px}}@media (max-width:415px){.header-bg{height:55px}}@media (max-width:301px){.header-bg{display:none}}.logo{display:block;grid-column:1}.logo img{height:35px}@media (max-width:1199px){.logo{display:none}}.nav-container{grid-column:2}.nav-container .nav{counter-reset:link-counter;display:flex;gap:clamp(20px,6vw,60px)}.nav-container .nav a{color:#fff;font-size:clamp(10px,3.2vw,25px);position:relative;text-decoration:none}.nav-container .nav a:before{color:gray;content:counter(link-counter,decimal-leading-zero) " ";counter-increment:link-counter;font-size:clamp(10px,1.2vw,14px);position:absolute;right:-25px;top:-8px}@media (max-width:800px){.nav-container .nav a:before{right:-15px}}.footer{background:linear-gradient(180deg,#0a0a0ccc,#000000e6);margin-top:40px;padding:50px 150px 60px;width:100%}@media (max-width:1199px){.footer{padding:50px 20px 60px}}@media (max-width:600px){.footer{padding:30px 20px}}.footer a{color:var(--muted);text-decoration:none}.footer-inner{align-items:flex-start;display:flex;gap:30px;justify-content:space-between}@media (max-width:600px){.footer-inner{align-items:center;flex-direction:column}.footer-inner h4,.footer-inner p{text-align:center}}.footer-left{max-width:520px}@media (max-width:600px){.footer-left .footer-title{display:none}}.footer-left .footer-mobile-title{display:none}@media (max-width:600px){.footer-left .footer-mobile-title{display:block}}.footer-left h4{font-size:clamp(18px,3vw,36px);font-weight:600;margin-bottom:20px}.footer-left p{color:#b9b9ba;font-size:clamp(14px,2vw,20px)}.footer-right{text-align:right}@media (max-width:600px){.footer-right{text-align:center}}.footer-right .email{cursor:pointer;font-size:clamp(18px,3vw,36px);font-weight:700;margin-bottom:20px}.footer-right .email .footer-red{color:#fb5959;font-size:clamp(18px,3vw,36px);font-weight:700}.footer-right .email .footer-blue{color:#44b6c6;font-size:clamp(18px,3vw,36px);font-weight:700}.footer-right .footer-link{color:#b9b9ba;cursor:pointer;font-size:clamp(18px,3vw,24px);font-weight:600;line-height:1.5}.hero{align-items:center;background-color:#0a0f12f2;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%;z-index:102}.hero:before{background:linear-gradient(135deg,#142328d9,#0a0f12e6);content:"";inset:0;position:absolute;z-index:0}.hero-center{padding:60px 20px;position:relative;text-align:center;z-index:2}.hero-center .brand,.hero-center .hero-blue,.hero-center .hero-red{font-family:Jaro,serif;font-size:clamp(90px,11vw,120px);font-weight:100}.hero-center .brand{letter-spacing:4px;line-height:.6}.hero-center .hero-red{color:#fb5959}.hero-center .hero-blue{color:#44b6c6}.hero-center .hero-subtitle{font-size:clamp(49px,6.3vw,69px);font-weight:400;letter-spacing:8px;margin-top:8px}.hero-center .subtitle{color:var(--muted);font-size:clamp(20px,4vw,36px);font-weight:400;line-height:2.4;margin-top:8px}.section-title{font-size:clamp(45px,4vw,75px);font-weight:600;letter-spacing:1px;margin-bottom:35px;text-align:center}.expertise-grid{display:flex;flex-wrap:wrap;justify-content:space-around;row-gap:30px}.expertise-card{border:1px solid #fff;box-sizing:border-box;flex-direction:column;padding:20px;text-align:left;width:360px}.expertise-card,.expertise-card .card-top{display:flex;gap:15px}.expertise-card .card-top .card-icon{flex-shrink:0;height:70px;width:70px}.expertise-card .card-top .card-icon img{height:100%;object-fit:contain;width:100%}.expertise-card .card-bottom{display:flex}.expertise-card .card-bottom .cell-left{align-items:center;color:#8e8f92;display:flex;flex-direction:column}.expertise-card .card-bottom .cell-left .cell-tag{font-size:14px;height:26px}.expertise-card .card-bottom .cell-left .cell-line{background-color:#8e8f92;height:100%;width:1px}.expertise-card .card-bottom .cell-right .cell-tag{height:26px}.expertise-card h2{font-size:clamp(18px,1.15vw,22px);font-weight:700;margin:0 0 10px}.expertise-card h2 span{position:relative}.expertise-card h2 .decor-blue,.expertise-card h2 .decor-green,.expertise-card h2 .decor-red{font-size:22px;padding:0 3px}.expertise-card h2 .decor-blue:after,.expertise-card h2 .decor-green:after,.expertise-card h2 .decor-red:after{bottom:3px;content:"";height:6px;left:0;position:absolute;width:100%;z-index:-1}.expertise-card h2 .decor-red:after{background-color:#fb5959}.expertise-card h2 .decor-blue:after{background-color:#5144c6}.expertise-card h2 .decor-green:after{background-color:#007300}.expertise-card h3{color:#ccc;font-size:14px;font-weight:400;letter-spacing:.8px;line-height:1.4;padding-left:10px}@media (max-width:400px){.expertise-card h3{font-size:12px}}.works{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr;margin-top:18px}.works .works-container{display:flex;justify-content:space-between}.works .works-container .works-left h3{font-size:clamp(70px,9vw,96px);font-weight:600;margin:0 0 16px}.works .works-container .works-left p{color:var(--muted);font-size:clamp(13px,1.7vw,17px);max-width:420px}.works .works-container .works-right img{max-width:500px}@media (max-width:1199px){.works .works-container .works-right img{max-width:450px}}@media (max-width:890px){.works .works-container .works-right img{max-width:350px}}@media (max-width:675px){.works .works-container .works-right img{display:none}}.portfolio-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:26px}@media (max-width:955px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.portfolio-grid{grid-template-columns:repeat(1,1fr)}}.project{background:linear-gradient(180deg,#ffffff05,#00000026);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease-in-out}.project a{color:inherit;display:block;text-decoration:none}.project:hover{transform:translateY(-15px)}@media (max-width:805px){.project:hover{transform:none}}.project img{width:100%}.project .meta{background:#16171c;padding:22px}.project .meta h5{font-size:18px;font-weight:600;margin:0}.project .meta p{color:var(--muted);font-size:12px;margin:6px 0 0}.project-header{margin-bottom:30px}.project-details{margin-top:90px}@media (max-width:1200px){.project-details{margin-top:75px}}@media (max-width:650px){.project-details{margin-top:65px}}@media (max-width:366px){.project-details{margin-top:15px}}.project-details h1{font-size:clamp(40px,9vw,64px);font-weight:700;margin-bottom:10px}.project-subtitle{color:#fff;font-size:clamp(35px,7vw,64px);font-weight:400;margin-bottom:20px}.project-tag{background-color:#007bff1a;border-radius:20px;color:#007bff;display:inline-block;font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:15px;padding:5px 15px;text-transform:uppercase}.project-info-grid{grid-gap:40px;align-items:stretch;display:grid;gap:40px;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;margin-bottom:60px}.project-info-grid .project-main-image{border-radius:12px;box-shadow:0 5px 25px #0000001a;grid-column:1;grid-row:1/span 2;overflow:hidden;width:100%}.project-info-grid .project-main-image img{display:block;width:100%}.project-info-grid .project-description{grid-column:2;grid-row:1}.project-info-grid .project-description h2{font-size:28px;margin-bottom:20px;padding-bottom:10px;position:relative;width:-webkit-max-content;width:max-content}.project-info-grid .project-description h2:after{animation:gradientShift 4s linear infinite;background:linear-gradient(90deg,#fb5959,#ff8a70 20%,#ffd36b 40%,#44b6c6 60%,#7fe1da 80%,#fb5959);background-size:300% 100%;border-radius:3px;bottom:0;box-shadow:0 6px 14px #4b141414,0 2px 6px #144b4b0f;content:"";filter:saturate(1.05) contrast(1.02);height:4px;left:0;position:absolute;width:100%;will-change:background-position,transform}.project-info-grid .project-description p{color:#b9b9ba;font-size:16px;line-height:1.8}@media (max-width:1198px){.project-info-grid .project-description p{font-size:13px}}.project-info-grid .project-meta{background-color:#f8f9fa;border-radius:12px;box-shadow:0 3px 15px #0000000d;grid-column:2;grid-row:2;padding:30px}.project-info-grid .meta-item h4{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.project-info-grid .meta-item p{color:#555;font-size:16px}.project-info-grid .meta-item:first-child{margin-bottom:25px}@media (max-width:1200px){.project-info-grid{gap:20px;grid-template-columns:1.5fr 1fr}}@media (max-width:1060px){.project-info-grid{grid-template-columns:2fr 1fr}.project-info-grid .project-main-image{grid-row:1}.project-info-grid .project-meta{grid-column:1/span 2;grid-row:2}}@media (max-width:767px){.project-info-grid{grid-template-columns:1fr}.project-info-grid .project-main-image{grid-column:1;grid-row:1}.project-info-grid .project-description{grid-column:1;grid-row:2}.project-info-grid .project-meta{grid-column:1;grid-row:3}}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background-color:#e9ecef;border-radius:20px;color:#495057;display:inline-block;font-size:14px;padding:6px 12px}.project-gallery{margin-top:60px}.project-gallery h2{font-size:28px;margin-bottom:30px;padding-bottom:10px;position:relative;width:-webkit-max-content;width:max-content}.project-gallery h2:after{animation:gradientShift 4s linear infinite;background:linear-gradient(90deg,#fb5959,#ff8a70 20%,#ffd36b 40%,#44b6c6 60%,#7fe1da 80%,#fb5959);background-size:300% 100%;border-radius:3px;bottom:0;box-shadow:0 6px 14px #4b141414,0 2px 6px #144b4b0f;content:"";filter:saturate(1.05) contrast(1.02);height:4px;left:0;position:absolute;width:100%;will-change:background-position,transform}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gallery-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.gallery-item{border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;height:-webkit-max-content;height:max-content;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-15px)}@media (max-width:805px){.gallery-item{cursor:none}.gallery-item:hover{transform:none}}.gallery-item img{display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.image-modal{align-items:center;justify-content:center;overflow:hidden;position:fixed;visibility:hidden;will-change:transform,opacity;z-index:1000}.image-modal,.modal-overlay{bottom:0;left:0;right:0;top:0}.modal-overlay{background-color:#000000d9;position:absolute;will-change:opacity;z-index:1001}.modal-content{display:flex;flex-direction:column;max-height:90vh;max-width:1200px;position:relative;transform-origin:center;width:90%;will-change:transform,opacity;z-index:1002}.modal-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:38px;height:50px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:color .2s;width:50px;will-change:opacity;z-index:1003}.modal-close:hover{color:#44b6c6}.modal-image-container{background-color:#0003;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;overflow-y:auto;scrollbar-color:#44b6c6 #0003;scrollbar-width:thin;transform-origin:center;will-change:transform}.modal-image-container::-webkit-scrollbar{width:8px}.modal-image-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-image-container::-webkit-scrollbar-thumb{background-color:#44b6c6;border-radius:4px}.modal-image-container img{background-color:#fff;display:block;height:auto;transform-origin:center;width:100%}
/*# sourceMappingURL=main.49be4bdc.css.map*/