@font-face{font-family:Agustina Regular;font-style:normal;font-weight:400;src:local("Agustina Regular"),url(/static/media/Agustina.eb0c59dda4cc308cba96.woff) format("woff")}@font-face{font-family:Montserrat;src:local("Montserrat"),url(/static/media/Montserrat-Regular.3cd786652b8a2e9d41f2.ttf) format("woff")}@font-face{font-family:Google Sans Bold;src:local("Google Sans Bold"),url(/static/media/GoogleSans-Bold.d907e4bf3e32637a636e.ttf) format("woff")}@font-face{font-family:Google Sans Bold Italic;src:local("Google Sans Bold Italic"),url(/static/media/GoogleSans-BoldItalic.d282e9c31d0f894a7f06.ttf) format("woff")}@font-face{font-family:Google Sans Italic;src:local("Google Sans Italic"),url(/static/media/GoogleSans-Italic.40bb50bd202405745006.ttf) format("woff")}@font-face{font-family:Google Sans Medium;src:local("Google Sans Medium"),url(/static/media/GoogleSans-Medium.963c3e555aaada9ef8a9.ttf) format("woff")}@font-face{font-family:Google Sans Medium Italic;src:local("Google Sans Medium Italic"),url(/static/media/GoogleSans-MediumItalic.56d4f777a7997e5a10b3.ttf) format("woff")}@font-face{font-family:Google Sans Regular;src:local("Google Sans Regular"),url(/static/media/GoogleSans-Regular.bec0591b6a291c3ca895.ttf) format("woff")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden;scroll-behavior:smooth}body,html{background-color:#000!important;color:#fff!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:19px/23px Montserrat,sans-serif}#root,.App{background-color:#000!important;min-height:100vh}#root,.App,a,div,h1,h2,h3,h4,h5,h6,p,span{color:#fff!important}a{text-decoration:none}a:hover{color:#ccc!important}button{background-color:#fff!important;color:#000!important;transition:all .3s ease}button,button:hover{border:1px solid #fff!important}button:hover{background-color:initial!important}.card,button:hover{color:#fff!important}.card{background-color:#111!important;border:1px solid #333!important}@media (max-width:1380px){body,html{background-color:#000!important;color:#fff!important;font-size:16px;line-height:normal}}.App{text-align:center}.App-logo{height:40vmin}.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:#09d3ac}.heading{color:#000}.subTitle{color:#868e96}@keyframes fade_down{0%{opacity:.01;transform:translateY(-20px);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}to{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}}@keyframes fade_up{0%{opacity:.01;transform:translateY(20px);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}to{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1)}}.header{background-color:#000;box-sizing:border-box;font-size:16px;justify-content:space-between;left:0;max-width:none;min-height:80px;padding:20px 5%;position:relative;right:0;width:100%}.header,.header ul{align-items:center;display:flex;flex-direction:row;margin:0}.header ul{flex-wrap:nowrap;height:auto;list-style:none;padding:0}.header li{display:inline-block;flex-shrink:0;height:auto;margin:0}.header li a{display:block;font-size:16px;line-height:1.2;padding:20px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.header .logo-name{font-family:Agustina Regular;font-size:1.5em;font-weight:700;padding:0 10px}.grey-color{color:#868e96}.header .logo{align-items:center;display:flex;flex-shrink:0;font-size:1.5em;height:80px;line-height:normal;margin-top:0;text-decoration:none}.header .logo img{height:80px;max-height:80px;object-fit:contain;width:auto}.header .menu-icon{display:inline-block}@media (max-width:768px){.header li{display:block;float:none;text-align:left}.header li a{padding:20px}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}.header .menu-btn:checked~.menu{max-height:240px}.header .menu-btn:checked~.menu-icon .navicon{background:#0000}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}}@media (max-width:480px) and (min-width:200px){.header .logo{padding-left:20px}}.contact-main .header,.experience-main .header,.home-main .header,.projects-main .header{background-color:#000;color:#fff}.menu{clear:none;display:flex;flex-direction:row;font-family:Google Sans Regular;max-height:none;transition:none}.header .menu-icon{cursor:pointer;display:none;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:370px}.header .menu-btn:checked~.menu-icon .navicon{background:#0000}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:1200px){.header{padding:20px 8%}.header li a{font-size:18px;padding:20px}.header .logo-name{font-size:1.8em}}@media (max-width:1199px) and (min-width:992px){.header{padding:20px 6%}.header li a{font-size:16px;padding:20px 18px}.header .logo-name{font-size:1.6em}}@media (max-width:991px) and (min-width:768px){.header{padding:20px 4%}.header li a{font-size:15px;padding:20px 15px}.header .logo-name{font-size:1.4em}}@media (max-width:767px) and (min-width:576px){.header{padding:15px 3%}.header li a{font-size:14px;padding:15px 12px}.header .logo-name{font-size:1.3em}}@media (max-width:575px){.header{padding:15px 4%}.header,.header ul{display:block;flex-direction:column}.header li{display:block}.header .menu{clear:both;display:block;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.header .menu-icon{display:inline-block}.header .menu-btn:checked~.menu{display:block;max-height:370px}.header .logo-name{font-size:1.2em}}@media (min-width:576px){.header{justify-content:space-between}.header,.header ul{align-items:center;display:flex;flex-direction:row}.header li{display:inline-block}.header .menu{display:flex;flex-direction:row;max-height:none;overflow:visible}.header .menu-icon{display:none}}.header li a:hover{transform:translateY(-1px)}.header li a:focus{outline:2px solid #007bff;outline-offset:2px}.header,.header li,.header li a,.header ul{transition:all .3s ease}.greet-main,.main{margin:4rem auto 0;padding:20px 10px;width:90%}.gretting-main{margin:0 auto;padding:20px 10px;width:90%}.greeting-main{align-items:flex-start;display:flex}.greeting-main>*{flex:1 1;margin-bottom:30px}.greeting-text-div{margin-top:-40px;padding-top:0}.button-greeting-div{display:flex;margin-top:20px}.greeting-text{font-family:Google Sans Bold;font-size:70px;line-height:1.1;margin-top:0}.greeting-nickname{font-family:Google Sans Bold Italic;font-size:30px;line-height:1.2}.greeting-text-p{font-family:Google Sans Medium;font-size:24px;line-height:1.6;margin-right:40px;max-width:800px;text-align:justify}.greeting-image-div{align-items:flex-start;display:flex;justify-content:center;padding-left:280px}.greeting-image-div>*{height:auto;max-width:100%}.greeting-image-div img{border-radius:10px;box-shadow:0 4px 12px #00000026;width:700px}.sallam-logo{display:inline-block;font-family:Poppins-Medium,Poppins,sans-serif;font-weight:500;letter-spacing:-.06em;position:relative}.sallam-logo:after{background-color:#fff;content:"";height:10px;left:0;opacity:.6;position:absolute;right:0;top:65%;transform:translateY(-50%);z-index:1}.social-media-div a{background-color:initial!important;border:none!important;box-shadow:none!important;color:#fff!important;outline:none!important;transition:all .3s ease!important}.social-media-div a:hover{background-color:#ffffff1a!important;border:none!important;outline:none!important;transform:translateY(-2px)!important}.portfolio-repo-btn{background-color:#fff!important;border:2px solid #fff!important;border-radius:5px!important;color:#000!important;font-weight:700!important;padding:12px 24px!important;transition:all .3s ease!important}.portfolio-repo-btn:hover{background-color:initial!important;border:2px solid #fff!important;color:#fff!important}@media (max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@media (max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;margin-top:0;text-align:center}.greeting-nickname{font-size:25px;text-align:center}.greeting-text-p{font-size:16px;line-height:1.5;margin-right:0;max-width:100%;text-align:left}.greeting-main{display:block}.portfolio-repo-btn-div{display:flex;justify-content:center;width:100%}}.social-media-div{background:#0000!important;font-size:2em;margin:0!important;padding:0!important}.social-media-div,.social-media-div *{border:none!important;box-shadow:none!important;outline:none!important}.icon-button{margin-bottom:10px}.icon-button,.icon-button a{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important}.icon-button a{margin:0!important}.icon-button i{background:#0000!important;border-radius:2.6rem;box-shadow:none!important;color:#fff!important;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;margin:0 5px 10px;position:relative;text-align:center;transition:all .3s ease!important;-webkit-user-select:none;user-select:none;width:2.6rem}.icon-button i,.icon-button i:hover{border:none!important;outline:none!important}.icon-button i:hover{background:#ffffff1a!important;transform:translateY(-2px)!important}@media (max-width:768px){.social-media-div{background:#0000!important;border:none!important;outline:none!important;text-align:center}}.collaborations-main{background:#0000;padding:80px 0;position:relative;width:100%}.collaborations-container{margin:0 auto;max-width:1200px;padding:0 20px;width:90%}.collaborations-header{margin-bottom:60px;text-align:center}.collaborations-title{align-items:center;display:flex;flex-wrap:wrap;font-family:Google Sans Bold,sans-serif;font-size:48px;font-weight:600;gap:60px;justify-content:center;letter-spacing:-.02em;line-height:1.2;margin:0}.collaborations-title .sallam-logo{display:inline-block;font-family:Poppins-Medium,Poppins,sans-serif;font-weight:500;letter-spacing:-.06em;position:relative}.collaborations-title .sallam-logo:after{background-color:#fff;content:"";height:12px;left:0;opacity:.6;position:absolute;right:-520px;top:65%;transform:translateY(-50%);z-index:1}.collaborations-title .title-spacer{flex:0 0 auto}.collaborations-title .collaborated-text{display:inline-block;font-family:Google Sans Bold,sans-serif;font-weight:600;position:relative}.collaborations-grid{grid-gap:40px 20px;align-items:center;display:grid;gap:40px 20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;padding:20px 0}.collaboration-item{animation:fadeInUp .6s ease-out forwards;height:160px;opacity:0}.collaboration-item,.collaboration-link{align-items:center;display:flex;justify-content:center;width:100%}.collaboration-link{cursor:pointer;height:100%;padding:10px;text-decoration:none;transition:all .3s ease}.collaboration-link:hover{transform:translateY(-3px)}.collaboration-logo{height:auto;max-height:150px;max-width:100%;object-fit:contain;opacity:.85;transition:all .3s ease;width:auto}.collaboration-link:hover .collaboration-logo{opacity:1;transform:scale(1.08)}.collaborations-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff}.collaborations-loading p{font-size:16px;margin:0;opacity:.8}@media (max-width:1200px){.collaborations-grid{gap:35px 20px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.collaborations-title{font-size:42px}}@media (max-width:992px){.collaborations-main{padding:60px 0}.collaborations-grid{gap:30px 15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.collaborations-title{font-size:36px}.collaboration-item{height:140px}.collaboration-logo{max-height:115px}}@media (max-width:768px){.collaborations-main{padding:50px 0}.collaborations-container{padding:0 15px;width:95%}.collaborations-header{margin-bottom:40px}.collaborations-title{flex-direction:column;font-size:28px;gap:10px}.collaborations-grid{gap:25px 15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.collaboration-item{height:120px}.collaboration-logo{max-height:100px}}@media (max-width:480px){.collaborations-main{padding:40px 0}.collaborations-title{flex-direction:column;font-size:24px;gap:8px}.collaborations-grid{gap:20px 10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.collaboration-item{height:50px}.collaboration-logo{max-height:35px}}@media (prefers-color-scheme:dark){.collaboration-link:hover{background:#ffffff14}}@media print{.collaborations-main{padding:20px 0;page-break-inside:avoid}.collaboration-logo{filter:none;opacity:1}.collaborations-grid{gap:15px}}.skills-main-div{display:flex;overflow:hidden}.skills-header{font-family:Google Sans Regular;font-size:40px;line-height:1.1;margin-bottom:50px;text-align:center}.skills-text{font-size:20px}.skills-text-div{font-family:Google Sans Regular;margin-left:50px}.skills-main-div>*{flex:1 1;margin-bottom:30px}.skills-image-div>*{height:auto;margin-top:100px;max-width:100%}.skills-heading{font-family:Google Sans Regular;font-size:56px;font-weight:400;line-height:normal}.skills-cards-div{display:flex;flex-direction:column;margin:50px auto;max-width:1200px;padding:0 20px;position:relative}.skills-cards-div:before{background:linear-gradient(180deg,#0000 0,#fff9 10%,#fff9 90%,#0000);background:linear-gradient(to bottom,#0000 0,var(--timeline-color,#fff9) 10%,var(--timeline-color,#fff9) 90%,#0000 100%);bottom:60px;content:"";left:60px;position:absolute;top:60px;width:2px;z-index:0}.skills-body-div{display:flex;flex-direction:column;margin:50px auto;max-width:1200px;padding:0 20px}.skills-header-div{margin-bottom:30px;text-align:center}.skills-empty,.skills-error,.skills-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width:1380px){.skills-heading{font-size:40px}.skills-header{font-size:35px}}@media (max-width:768px){.skills-heading{font-size:30px;text-align:center}.skills-header{font-size:30px}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column}.skills-text-div{margin:20px}.skills-text{font-size:16px}.skills-text-subtitle{font-size:16px;text-align:center}.skills-image-div{order:2}.skills-image-div>*{margin-top:0}.skills-cards-div{padding:0 15px}.skills-cards-div:before{display:none}.skills-body-div{padding:0 15px}}.skills-cards-container{margin:0 auto;max-width:1400px;padding:0 20px}.skills-subtitle{font-family:Google Sans Regular;font-size:18px;margin-bottom:50px;margin-top:10px;text-align:center}.category-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}@media (max-width:768px){.skills-cards-container{padding:0 15px}.skills-subtitle{font-size:16px;margin-bottom:30px}.category-cards-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}}@media (max-width:480px){.category-cards-grid{gap:16px;grid-template-columns:1fr}}.skill-category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:0;position:relative;transition:all .4s ease}.skill-category-card.dimmed{opacity:.4;transform:scale(.95)}.skill-category-card.active{box-shadow:0 12px 30px #00000026;opacity:1;transform:scale(1)}.category-header-btn{border-radius:14px 14px 0 0;cursor:pointer;font-family:Google Sans Regular;font-size:18px;font-weight:600;margin:0;outline:none;padding:20px;text-transform:capitalize;transition:all .3s ease;width:100%}.category-header-btn:hover{transform:translateY(-2px)}.skills-list{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:24px}.skill-item{align-items:center;display:flex;font-size:15px;gap:12px;line-height:1.4;transition:all .2s ease}.skill-bullet{color:inherit;font-size:18px;font-weight:700;opacity:.7}.skill-name{font-family:Google Sans Regular;font-weight:500}.skill-item:hover{opacity:.8;transform:translateX(4px)}@media (max-width:768px){.skill-category-card{min-height:250px}.category-header-btn{font-size:16px;padding:16px}.skills-list{gap:10px;padding:20px}.skill-item{font-size:14px;gap:10px}}@media (max-width:480px){.skill-category-card{min-height:220px}.category-header-btn{font-size:15px;padding:14px}.skills-list{padding:16px}}.educations-header{font-family:Google Sans Regular;font-size:40px;line-height:1.1;margin-bottom:50px;text-align:center}.education-cards-div{display:flex;flex-direction:column;margin:50px auto;max-width:1200px;padding:0 20px;position:relative}.education-list-item{align-items:flex-start;display:flex;flex-direction:row;margin-bottom:0;position:relative}.education-card-logo-div{align-items:center;background-color:#fff;border:3px solid #e0e0e0;border:3px solid var(--card-border-color,#e0e0e0);border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:80px;justify-content:center;margin-right:20px;min-width:80px;padding:10px;position:relative;width:80px;z-index:2}.education-card-logo{height:50px;object-fit:contain;width:50px}.education-card-stepper{align-items:center;display:flex;flex-direction:column;margin-right:20px;position:relative;z-index:1}.education-card-stepper>div:first-child{background-color:#fff;background-color:var(--timeline-circle-bg,#fff);border:3px solid #fff;border:3px solid var(--timeline-circle-border,#fff);border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;width:20px;z-index:100}.education-card-stepper>div:last-child{background-color:#fff6;background-color:var(--timeline-line-color,#fff6);height:100px;margin-top:20px;position:absolute;top:10px;width:2px;z-index:1}.education-card{border:1px solid #e0e0e0;border:1px solid var(--card-border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 20px #0000001a;flex:1 1;margin-bottom:30px;padding:25px;position:relative;transition:all .3s ease}.education-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.arrow-left{border-bottom:12px solid #0000;border-right:12px solid;border-top:12px solid #0000;margin-top:25px;position:relative;z-index:3}.education-card-title{font-family:Google Sans Medium;font-size:22px;font-weight:600;line-height:1.3;margin-bottom:8px}.education-card-subtitle{font-size:16px;font-weight:500;margin-bottom:0;opacity:.9}.education-card-duration{font-size:14px;font-weight:600;margin-bottom:0;opacity:.8}.education-card-heading-right{min-width:120px;text-align:right}.education-description{margin-top:15px;width:100%}.education-description p{font-size:14px;line-height:1.6;margin-bottom:8px;opacity:.8}.education-cards-div:before{background:linear-gradient(180deg,#0000 0,#fff9 10%,#fff9 90%,#0000);background:linear-gradient(to bottom,#0000 0,var(--timeline-color,#fff9) 10%,var(--timeline-color,#fff9) 90%,#0000 100%);bottom:60px;content:"";left:60px;position:absolute;top:60px;width:2px;z-index:0}@media (max-width:1380px){.educations-header{font-size:35px}.education-card{padding:20px}}@media (max-width:768px){.educations-header{font-size:30px}.education-cards-div{padding:0 15px}.education-cards-div:before{display:none}.education-list-item{align-items:center;flex-direction:column;margin-bottom:30px;text-align:center}.education-card-logo-div{margin-bottom:15px;margin-right:0}.arrow-left,.education-card-stepper{display:none}.education-card{margin-left:0;width:100%}.education-card-heading-right{margin-top:10px;text-align:center}}.degree-card{align-items:center;display:flex;justify-content:center;width:100%}.degree-card.compact{margin-bottom:15px}.compact-body{border:1px solid #d9dbdf;border-radius:7px;box-shadow:3px 3px 3px #d9dbdf;margin:5px}.compact-header{border-radius:7px;padding:15px}.compact-header .card-title{font-size:18px;margin-bottom:5px}.compact-header .card-subtitle{font-size:14px;margin-bottom:0;margin-top:0}.compact-header .duration{font-size:14px}.card-title{font-size:23px}.card-subtitle,.card-title{font-family:Google Sans Medium}.card-subtitle{font-size:18px;margin-bottom:5px;margin-top:7px}.card-img{border:1px solid #d9dbdf;border-radius:50%;box-shadow:5px 5px 5px #d9dbdf;height:auto;padding:10px;width:200px}.body-header{border-radius:7px 7px 0 0;display:flex;max-width:inherit;padding:10px}.body-header-title{align-items:flex-start;width:80%}.body-header-duration{width:20%}.duration{float:right;font-family:Google Sans Regular;font-size:16px;padding-right:10px}.body-content{align-items:center;border-radius:0 0 7px 7px;justify-content:center;max-width:inherit;padding:10px}.content-list{font-family:Google Sans Regular;padding-left:10px;padding-right:10px}.card-body{border-bottom:1px solid #d9dbdf;border-left:1px solid #d9dbdf;border-radius:7px;border-right:1px solid #d9dbdf;box-shadow:5px 5px 5px #d9dbdf;margin:10px}.visit-btn{border:0;border-radius:7px;display:inline-block;float:right;margin:0 10px 10px 0;padding:10px}.btn{font-family:Google Sans Regular;margin:0;padding:0}@media (max-width:768px){.body-header,.degree-card{flex-direction:column}.body-header-title{width:100%}.body-header-duration{margin:0;padding:0;width:100%}.duration{float:left;margin:0;padding:0}.card-img{width:200px}.card-body{width:100%!important}.card-title{font-size:20px}.card-subtitle,.compact-header .card-title{font-size:16px}.compact-header .card-subtitle,.compact-header .duration{font-size:13px}}.footer-text{font-family:Google Sans Regular;font-weight:700;text-align:center}.footer-div{margin-top:2rem}#topButton{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:2rem;bottom:1.2rem;box-shadow:0 2px 10px #0000004d;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;outline:none;padding:15px;position:fixed;right:1.5rem;transition:all .3s ease;visibility:hidden}#topButton:hover{box-shadow:0 4px 15px #0006;transform:translateY(-2px)}#topButton i{font-size:inherit;line-height:1;transition:all .3s ease}.home-main{position:relative;width:100%}.logo_wrapper{align-items:center;height:100vh;justify-content:center;width:100vw}.screen{height:100%}.screen,body{align-items:center;display:flex;justify-content:center}body{margin:0;padding:0}.screen{animation:grow 5.5s forwards;border-radius:100%;overflow:hidden}@keyframes grow{0%{transform:scale(0)}10%{border-radius:0;height:100%;transform:scale(1);width:100%}90%{border-radius:0;height:100%;transform:scale(1);width:100%}to{border-radius:100%;transform:scale(0);transform-origin:50% 50%}}#logo{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.raw_logo{height:305;width:440}@media (max-width:768px){.experience-heading-text{font-size:30px;margin-top:20px}.experience-heading-sub-text{font-size:20px}.experience-heading-div{flex-direction:column}.experience-header-detail-text{font-size:16px;line-height:normal;margin-right:0;text-align:center}}.experience-card{border-radius:10px;box-shadow:4px 3px 20px -2px grey;display:flex;flex-direction:column;margin-bottom:20px;margin-left:10px;min-width:350px;padding:10px}.arrow-left{border-bottom:10px solid #0000;border-top:10px solid #0000;height:0;margin-left:10px;margin-right:-10px;margin-top:40px;width:0;z-index:100}.experience-card-logo-div{margin:-10px 10px 10px}.experience-card-stepper{align-items:center;display:flex;flex-direction:row;flex-direction:column;margin-top:-40px;position:relative}.experience-card-body-div{width:100%}.experience-card-header-div{display:flex;flex-direction:row}.experience-card-logo{border-radius:50px;box-shadow:4px 3px 20px -2px grey;height:100px;width:100px}.experience-card-title{font-family:Google Sans Regular;margin:10px 7px 2px 0;text-align:left}.experience-card-company{font-family:Google Sans Regular;margin:0;text-align:left}.experience-card-duration{color:#868e96;font-family:Google Sans Regular;margin:10px 0 2px;text-align:right}.experience-card-heading-left{float:left;margin-left:10px;margin-right:auto}.experience-card-heading-right{float:right;margin-left:auto;margin-right:10px}.experience-card-location{color:#868e96;font-family:Google Sans Regular;margin:0;text-align:right}.experience-card-description{font-family:Google Sans Regular;margin-left:10px;margin-right:20px;margin-top:5px;text-align:justify}.experience-card-company>a{color:#000;position:relative;text-decoration:none}.experience-card-company>a:hover{color:#000}.experience-card-company>a:hover:before{transform:scaleX(1);visibility:visible}.experience-card-company>a:before{background-color:#000;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:all .3s ease-in-out 0s;visibility:hidden;width:100%}.experience-list-item{align-items:center;display:flex;flex-direction:row}@keyframes ripple{0%{opcity:75;height:0;left:5px;top:5px;width:0}to{height:50px;left:-20px;opacity:0;top:-20px;width:50px}}.experience-type-badge{display:inline-block;transition:all .3s ease;white-space:nowrap}.experience-type-badge:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05)}.experience-card-company{align-items:center;display:flex;flex-wrap:wrap;gap:8px}@media (max-width:768px){.experience-card{flex-direction:column;text-align:center}.arrow-left,.experience-card-stepper{display:none}.experience-list-item{flex-direction:column}.experience-card-logo{width:100px}.experience-card-heading-left,.experience-card-heading-right{float:center;margin-left:auto;margin-right:auto}.experience-card-company{justify-content:center}.experience-type-badge{font-size:11px;padding:1px 6px}.experience-card-header-div{flex-direction:column}.experience-card-description{margin-left:14px;margin-right:14px;text-align:justify}}.experience-main{position:relative;width:100%}.basic-experience{margin-left:5%;margin-right:5%}.experience-heading-div{display:flex}.experience-heading-div>*{flex:1 1}.experience-heading-img-div{align-items:center;display:flex;justify-content:center}.experience-heading-text-div{text-align:center}.experience-heading-img-div>*{height:auto;max-width:100%}.experience-heading-text{font-family:Google Sans Medium;font-size:56px;font-weight:400;line-height:1.1;margin-top:80px;text-align:center}.experience-heading-sub-text{font-family:Google Sans Regular;font-size:30px;margin-bottom:10px;text-align:center}.experience-header-detail-text{font-family:Google Sans Medium;font-size:20px;line-height:30px;margin-left:20px;margin-right:20px;margin-top:0}.experience-cards-div{margin:50px 5%}@media (max-width:1380px){.experience-heading-text{font-size:50px;margin-top:80px}.experience-heading-sub-text{font-size:25px}}@media (max-width:768px){.experience-heading-text{font-size:30px;margin-top:20px}.experience-heading-sub-text{font-size:20px}.experience-heading-div{flex-direction:column}.experience-header-detail-text{font-size:16px;line-height:normal;margin-right:0;text-align:center}.experience-cards-div{margin-left:2%;margin-right:2%;margin-top:30px}}.contact-main{background-color:#000;color:#fff;min-height:100vh;position:relative;width:100%}.basic-contact{background-color:#000;margin:0 auto;max-width:1200px;padding:60px 20px}.contact-section{align-items:center;display:flex;justify-content:center;min-height:70vh}.contact-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111c;border:1px solid #333;border-radius:12px;box-shadow:0 10px 30px #ffffff1a;max-width:800px;padding:40px;width:100%}.contact-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px;text-align:center}.contact-subtitle{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:40px;opacity:.8;text-align:center}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-input,.form-select,.form-textarea{background-color:#111;border:2px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:16px;outline:none;padding:16px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fff;box-shadow:0 4px 12px #ffffff26;transform:translateY(-2px)}.form-input::placeholder,.form-textarea::placeholder{color:#888}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.form-select{cursor:pointer}.form-select option{background-color:#111;color:#fff}.checkbox-group{margin:10px 0}.checkbox-label{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:14px;line-height:1.5}.checkbox-input{display:none}.checkmark{border:2px solid #333;border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;position:relative;transition:all .3s ease;width:20px}.checkbox-input:checked+.checkmark{background-color:#fff;border-color:#fff}.checkbox-input:checked+.checkmark:after{color:#000;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.contact-btn{background-color:#fff;border:2px solid #fff;border-radius:8px;color:#000;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:1px;margin-top:20px;padding:18px 40px;text-transform:uppercase;transition:all .3s ease}.contact-btn:hover:not(:disabled){background-color:initial;box-shadow:0 6px 20px #ffffff4d;color:#fff;transform:translateY(-2px)}.contact-btn:disabled{cursor:not-allowed;opacity:.6}.contact-info{border-top:1px solid #fff3;margin-top:40px;padding-top:30px;text-align:center}.contact-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:20px}.contact-methods{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.contact-method{align-items:center;color:#ccc;display:flex;font-size:16px;gap:10px}.contact-icon{color:#fff;font-size:20px}.contact-method a{color:#ccc;text-decoration:none;transition:opacity .3s ease}.contact-method a:hover{color:#fff;opacity:.7}.submit-message{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.submit-message.success{background-color:#22c55e33;border:1px solid #22c55e;color:#22c55e}.submit-message.error{background-color:#ef444433;border:1px solid #ef4444;color:#ef4444}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.basic-contact{padding:40px 15px}.contact-content{padding:30px 20px}.contact-title{color:#fff;font-size:2rem}.contact-subtitle{color:#ccc;font-size:1rem}.form-row{gap:15px;grid-template-columns:1fr}.contact-methods{align-items:center;flex-direction:column;gap:20px}.contact-method{justify-content:center}}@media (max-width:480px){.contact-title{color:#fff;font-size:1.8rem}.contact-subtitle{color:#ccc;font-size:.95rem}.form-input,.form-select,.form-textarea{font-size:14px;padding:14px}.contact-btn{font-size:16px;padding:16px 30px}}.project-card{background:#fff;border:1px solid #f0f0f0;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content}.project-card:hover{box-shadow:0 12px 40px #00000026}.project-card-overlay{background:#000000b3}.project-card-overlay-text{color:#fff}.project-card-title{color:#000}.project-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;overflow:hidden}.project-card-category{background:#f5f5f5;color:#000;transition:all .3s ease}.project-card-category:hover{background:#000}.project-tool-tag{background:#000;border-radius:15px;color:#fff;font-weight:500;padding:4px 10px;transition:all .3s ease}.project-tool-tag:hover{background:#333}@media (max-width:768px){.project-card-image{height:200px}.project-card-content{padding:20px}.project-card-title{font-size:1.2rem}.project-card-description{font-size:.9rem}}.project-card:focus{outline:2px solid #000;outline-offset:4px}.project-modal-overlay{align-items:center;background-color:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.project-modal-container{animation:modalFadeIn .3s ease-out;background:#111;border:1px solid #333;border-radius:12px;box-shadow:0 25px 50px #ffffff1a;box-sizing:border-box;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-modal-close{align-items:center!important;background:#fffffff2!important;border:none!important;border-radius:50%;box-shadow:0 2px 10px #0003;color:#000!important;cursor:pointer;display:flex!important;font-size:20px;font-weight:400;height:40px;justify-content:center!important;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10001}.project-modal-close:hover{background:#fff!important;box-shadow:0 4px 15px #0000004d;color:#000!important;transform:scale(1.05)}.project-modal-close span{color:#000!important;display:block!important;font-size:24px!important;font-weight:900!important;line-height:1!important;margin-top:0!important;text-align:center!important}.project-modal-content{height:100%;max-height:90vh;overflow-y:auto;scrollbar-color:#555 #0000;scrollbar-width:thin}.project-modal-content::-webkit-scrollbar{width:6px}.project-modal-content::-webkit-scrollbar-track{background:#0000}.project-modal-content::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.project-modal-loading{align-items:center;background-color:#111;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-left-color:#fff;border-radius:50%;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-modal-error{background-color:#111;color:#ccc;padding:60px 20px;text-align:center}.project-modal-error h2{color:#fff;margin-bottom:15px}.project-modal-error button{background:#fff;border:none;border-radius:5px;color:#000;cursor:pointer;margin-top:20px;padding:10px 20px;transition:all .3s ease}.project-modal-error button:hover{background:#ccc}.project-modal-inner{background-color:#111;display:flex;flex-direction:column}.project-modal-hero{align-items:center;background:#222;display:flex;height:auto;justify-content:center;min-height:300px;overflow:hidden;width:100%}.project-modal-hero img{display:block;height:auto;object-fit:contain;object-position:center;width:100%}.project-modal-body{background-color:#111;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;gap:40px;max-width:100%;padding:40px}.project-modal-main{word-wrap:break-word;flex:1 1;max-width:100%;min-width:300px;overflow-wrap:break-word}.project-modal-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 15px}.project-modal-short-desc{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.project-modal-description,.project-modal-gallery,.project-modal-my-role,.project-modal-testimonials,.project-modal-videos{margin-bottom:40px}.project-modal-description h3,.project-modal-gallery h3,.project-modal-my-role h3,.project-modal-testimonials h3,.project-modal-videos h3{border-bottom:2px solid #333;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.project-modal-description p{word-wrap:break-word;color:#ccc;font-size:1rem;line-height:1.7;margin-bottom:15px;max-width:100%;overflow-wrap:break-word}.project-modal-description ol,.project-modal-description ul{color:#ccc;margin-left:20px}.my-role-content p,.project-modal-description li{color:#ccc;margin-bottom:8px}.my-role-content p{word-wrap:break-word;font-size:1rem;line-height:1.7;max-width:100%;overflow-wrap:break-word}.my-role-content p:empty{display:none}.my-role-content p:last-child{margin-bottom:15px}.project-video-container{background:#222;border-radius:8px;box-shadow:0 4px 15px #ffffff1a;height:0;margin-bottom:20px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.project-video-container iframe,.project-video-container video{border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.project-video-container.aspect-16-9{padding-bottom:56.25%}.project-video-container.aspect-9-16{margin:0 auto 20px;max-width:400px;padding-bottom:177.78%}.project-video-container.aspect-1-1{margin:0 auto 20px;max-width:500px;padding-bottom:100%}.project-video-container.aspect-4-5{margin:0 auto 20px;max-width:450px;padding-bottom:125%}.project-modal-videos{width:100%}.videos-grid{grid-gap:30px;display:grid;gap:30px;margin-top:20px}.videos-grid:has(.video-item:only-child){grid-template-columns:1fr}.videos-grid:not(:has(.video-item:only-child)){align-items:start;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.video-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;transition:all .3s ease}.video-item:hover{border-color:#555;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.video-header{background:#222;border-bottom:1px solid #333;padding:15px 20px}.video-title{color:#fff;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.video-meta{flex-wrap:wrap;gap:12px}.video-meta,.video-platform{align-items:center;display:flex}.video-platform{color:#007bff;font-size:13px;font-weight:500;gap:6px}.video-platform i{font-size:14px}.video-type{background:#333;color:#888}.video-duration,.video-type{border-radius:12px;font-size:12px;padding:3px 8px}.video-duration{background:#444;color:#ccc}.video-embed-wrapper{background:#000;position:relative}.video-embed-wrapper .project-video-container{border-radius:0;margin:0}.video-description{background:#1a1a1a;padding:15px 20px}.video-description p{color:#ccc;font-size:14px;line-height:1.5;margin:0}.project-modal-gallery .gallery-item{margin-bottom:0}.project-modal-gallery .gallery-item img{border-radius:8px;box-shadow:0 4px 15px #ffffff1a;height:auto;transition:transform .3s ease;width:100%}.project-modal-gallery .image-caption{color:#ccc;font-size:.9rem;font-style:italic;font-weight:400;margin-top:12px;text-align:center}.testimonial-card{background:#222;border:1px solid #333;border-radius:10px;box-shadow:0 2px 10px #ffffff0d;margin-bottom:20px;padding:25px}.testimonial-card p{color:#ccc;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:15px}.testimonial-author{color:#ccc;font-size:.9rem;text-align:right}.testimonial-author strong{color:#fff}.project-modal-sidebar{flex:0 0 300px;min-width:300px}.project-info-card{background:#222;border:1px solid #333;border-radius:10px;box-shadow:0 2px 10px #ffffff0d;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.project-meta{margin-bottom:30px}.project-meta-item{display:flex;flex-direction:column;margin-bottom:20px}.meta-label{color:#ccc;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.meta-value{color:#fff;font-size:1rem;font-weight:500}.project-tools-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.tool-tag{background:#333;border:1px solid #444;border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 10px}.project-stats{border-top:1px solid #333;display:flex;justify-content:space-around;padding-top:20px}.stat-item{text-align:center}.stat-number{color:#fff;display:block;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:#ccc;font-size:.8rem;letter-spacing:.5px;margin-top:5px;text-transform:uppercase}@media (max-width:768px){.project-modal-overlay{padding:10px}.project-modal-container{max-height:95vh}.project-modal-hero{height:200px}.project-modal-body{flex-direction:column;gap:20px;padding:20px}.project-modal-sidebar{flex:none;min-width:auto}.project-modal-title{font-size:2rem}.project-modal-short-desc{font-size:1rem}.project-info-card{position:static}.project-stats{flex-direction:column;gap:15px}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-number{font-size:1.2rem}.videos-grid{gap:20px;grid-template-columns:1fr!important}.video-header{padding:12px 15px}.video-title{font-size:15px}.video-meta{gap:8px}.video-description{padding:12px 15px}.project-video-container.aspect-4-5,.project-video-container.aspect-9-16{max-width:100%}}@media (max-width:480px){.project-modal-close{font-size:20px;height:35px;width:35px}.project-modal-body{padding:15px}.project-modal-title{font-size:1.8rem}.project-info-card{padding:20px}}.grid-collection-group{grid-gap:8px;background:inherit;border:1px solid #ffffff1a;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.grid-collection-group .gallery-item{margin-bottom:0}.grid-collection-group .gallery-item img{border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 8px #ffffff1a}.grid-collection-group .gallery-item img:hover{border-color:#ffffff4d}@media (max-width:768px){.grid-collection-group{gap:6px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:15px}}@media (max-width:480px){.grid-collection-group{gap:4px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:12px}}.image-lightbox-overlay{align-items:center;animation:lightboxFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000fa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.image-lightbox-container{box-sizing:border-box;flex-direction:column;height:100%;padding:60px 20px 120px;position:relative;width:100%}.image-lightbox-container,.lightbox-close{align-items:center;display:flex;justify-content:center}.lightbox-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff!important;cursor:pointer;font-size:24px;font-weight:700;height:50px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:20001}.lightbox-close:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.lightbox-close span{color:#fff!important;display:block;line-height:1;text-align:center;width:100%}.lightbox-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:20001}.lightbox-nav:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-nav span{color:#fff!important;display:block;line-height:1;text-align:center;width:100%}.lightbox-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:20px;max-height:calc(100vh - 180px);max-width:90vw;width:100%}.lightbox-image{animation:imageZoomIn .4s ease-out;border-radius:8px;box-shadow:0 25px 50px #00000080;max-height:100%;max-width:100%;object-fit:contain}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;top:20px}.lightbox-counter,.lightbox-thumbnails{left:50%;position:absolute;transform:translateX(-50%)}.lightbox-thumbnails{bottom:20px;box-sizing:border-box;max-width:800px;padding:0 20px;width:100%}.thumbnails-container{display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:10px 0;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.thumbnails-container::-webkit-scrollbar{height:4px}.thumbnails-container::-webkit-scrollbar-track{background:#0000}.thumbnails-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.thumbnail{background:#ffffff1a;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .3s ease;width:60px}.thumbnail:hover{border-color:#ffffff80;transform:scale(1.05)}.thumbnail.active{border-color:#fff;box-shadow:0 0 20px #ffffff4d}.thumbnail img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.image-lightbox-container{padding:40px 10px 100px}.lightbox-close{font-size:20px;height:40px;right:15px;top:15px;width:40px}.lightbox-nav{font-size:24px;height:50px;width:50px}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-image-container{max-height:calc(100vh - 140px)}.lightbox-thumbnails{bottom:10px;padding:0 10px}.thumbnail{height:50px;width:50px}.thumbnails-container{gap:6px}}@media (max-width:480px){.lightbox-nav{font-size:20px;height:45px;width:45px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.thumbnail{height:45px;width:45px}.thumbnails-container{gap:4px}.lightbox-counter{font-size:12px;padding:6px 12px}}@media (pointer:coarse){.lightbox-close,.lightbox-nav,.thumbnail{-webkit-tap-highlight-color:transparent}}.image-lightbox-overlay .lightbox-close,.image-lightbox-overlay .lightbox-nav{background-color:#ffffff1a!important;border-color:#ffffff4d!important;color:#fff!important}.image-lightbox-overlay .lightbox-close span,.image-lightbox-overlay .lightbox-nav span{color:#fff!important;opacity:1!important;visibility:visible!important}.image-lightbox-overlay .lightbox-close:hover,.image-lightbox-overlay .lightbox-nav:hover{background-color:#fff3!important;border-color:#ffffff80!important}.project-modal-gallery .gallery-item img{transition:all .3s ease}.project-modal-gallery .gallery-item img:hover{box-shadow:0 8px 25px #ffffff1a;transform:scale(1.02)}.grid-collection-group .gallery-item img{transition:all .3s ease}.grid-collection-group .gallery-item img:hover{box-shadow:0 8px 25px #ffffff1a;transform:scale(1.02)}.projects-main{background-color:#000;color:#fff;min-height:100vh;position:relative;width:100%}.basic-projects{background-color:#000;margin:0 auto;max-width:1400px;padding:80px 20px}.projects-heading-div{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:60px;text-align:center}.projects-heading-img-div{margin-bottom:30px}.projects-heading-img-div img{filter:invert(1);height:auto;max-width:100px;opacity:.8}.projects-heading-text-div{max-width:800px}.projects-heading-text{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.projects-header-detail-text{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:0}.projects-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:60px;padding:0 20px}.filter-btn{background:#0000;border:2px solid #333;border-radius:30px;color:#ccc;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:.5px;padding:12px 24px;transition:all .3s ease}.filter-btn:hover{border-color:#fff;color:#fff;transform:translateY(-2px)}.filter-btn.active{background:#fff;border-color:#fff;color:#000}.projects-container{background-color:#000;width:100%}.projects-masonry-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:0 10px}.project-card{background:#111;border:1px solid #333;border-radius:12px;box-shadow:0 4px 20px #ffffff1a;cursor:pointer;overflow:hidden;transition:all .4s ease}.project-card:hover{border-color:#555;box-shadow:0 12px 40px #fff3;transform:translateY(-8px)}.project-card-image{height:auto;min-height:200px;overflow:hidden;position:relative;width:100%}.project-card-image img{display:block;height:auto;object-fit:contain;transition:transform .4s ease;width:100%}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-card-overlay{opacity:1}.project-card-overlay-text{color:#000;font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.project-card-content{background-color:#111;padding:25px}.project-card-title{color:#fff;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:10px}.project-card-description{color:#ccc;font-size:.95rem;line-height:1.5;margin-bottom:20px}.project-card-category{background:#333;border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:15px;padding:6px 12px;text-transform:uppercase}.project-card-tools{display:flex;flex-wrap:wrap;gap:8px}.project-tool-tag{background:#222;border:1px solid #444;border-radius:12px;color:#ccc;font-size:.75rem;padding:4px 8px}.projects-loading{background-color:#000;padding:100px 20px;text-align:center}.projects-loading h1{color:#fff;font-size:2rem;margin-bottom:20px}.no-projects{background-color:#000;padding:100px 20px;text-align:center}.no-projects h2{color:#fff;font-size:1.8rem;margin-bottom:15px}.no-projects p{color:#ccc;font-size:1.1rem}@media (max-width:1200px){.projects-masonry-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.basic-projects{padding:60px 0}.projects-heading-text{color:#fff;font-size:2.5rem}.projects-header-detail-text{color:#ccc;font-size:1rem}.projects-masonry-grid{gap:20px;grid-template-columns:1fr}.projects-filter{padding:0 10px}.filter-btn{font-size:.9rem;padding:10px 20px}.project-card-image{height:200px}.project-card-content{padding:20px}}@media (max-width:480px){.projects-heading-text{color:#fff;font-size:2rem}.projects-header-detail-text{color:#ccc;font-size:.95rem}.filter-btn{font-size:.85rem;padding:8px 16px}.project-card-title{color:#fff;font-size:1.2rem}.project-card-description{color:#ccc;font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeInUp .6s ease forwards}.project-card-title:hover{color:#fff}.project-card-category:hover{background:#444;color:#fff}.filter-btn:focus,.project-card:focus{outline:2px solid #fff;outline-offset:2px}.error-main{width:100vw}.error-main>.error-class{display:block;margin:auto 5%;text-align:center;width:90%}.error-main>.error-class>.error-404{font-size:7em;margin:10px 0;overflow:hidden;padding-top:10px 0}.error-main>.error-class p{font-size:1.4em;margin-top:0}@media screen and (min-width:1364px){.error-main>.error-class>.error-404{height:175px;padding-top:60px}}.loading-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94);width:100vw;z-index:9999}.loading-screen--exit{opacity:0;pointer-events:none}.loading-content{gap:3rem}.loading-content,.logo-container{align-items:center;display:flex;flex-direction:column;position:relative}.logo-container{gap:1rem}.animated-logo-svg{filter:drop-shadow(0 0 20px rgba(255,255,255,.1));height:400px;margin:2rem 0;max-width:95vw;width:auto}.loading-char{transition:fill .6s ease-in-out,stroke .6s ease-in-out,stroke-width .6s ease-in-out}.loading-char--hidden{fill:#0000!important;stroke:#fff6!important;stroke-width:1.5px!important}.loading-char--revealed{fill:#fff!important;stroke:#0000!important;stroke-width:0px!important}.progress-container{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;position:relative;width:400px}.progress-bar{background:linear-gradient(90deg,#fff,#e0e0e0);border-radius:2px;height:100%;transition:width .3s cubic-bezier(.25,.46,.45,.94);width:0}.loading-status{color:#ffffffb3;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.4;min-height:40px;text-align:center;transition:opacity .3s ease}@media (max-width:768px){.animated-logo-svg{height:280px;margin:1.5rem 0}.progress-container{width:300px}.loading-content{gap:2rem;padding:1rem}.loading-status{font-size:14px}}@media (max-width:480px){.animated-logo-svg{height:220px;margin:1rem 0}.progress-container{width:250px}.loading-status{font-size:12px}}@media (prefers-reduced-motion:reduce){.loading-char,.loading-screen,.loading-svg-line,.progress-bar{transition:none}}
/*# sourceMappingURL=main.72a57767.css.map*/