:root{--section-width: 90%;--section-height: 68vh;--section-margin: 80px;--heading-margin: 50px;--nav-height: 70px;--xl-heading: 4.5rem;--ml-heading: 4rem;--l-heading: 2.4rem;--main-heading: 2rem;--m-heading: 1.75rem;--ms-heading: 1.25rem;--s-heading: 1.125rem;--text: 1rem;--bp-tablet: 600px;--bp-laptop: 1024px;--bp-desktop: 1640px;--s-radius: 6px;--m-radius: 8px;--l-radius: 24px;--text-primary: black;--text-secondary: #72767E;--text-white: white;--text-gray: #9e9e9e;--text-border: #c6c6c6;--global-background-dark: #151312;--global-element-light: rgba(182, 180, 189, .2);--global-heading-accent: rgba(182, 180, 189, .2);--global-primary: #AF0404;--global-primary-dark: #FF0000;--global-background-light: #f0efeb;--global-background-gradient: #fdfeff;--global-secondary-dark: #000000;--global-primary-light: #AF0404;--shadow-color-light: rgba(255, 255, 255, .1);--shadow-color-dark: rgba(0, 0, 0, .8);--light-shadow: 4px 4px 10px rgba(37, 37, 37, .52), -4px -4px 10px #ffffff83;--dark-shadow: 2px 2px 24px var(--shadow-color-dark), -4px -4px 8px rgb(255 255 255 / 8%);--accent-yellow: #FFD700;--accent-blue: #8fb5f5;--accent-blue-dark: rgb(30, 58, 138);--accent-background: #ddbea9;--navbar-background-dark: transparent;--navbar-background-light: var(--accent-background);--navbar-text-dark: var(--text-white);--navbar-text-light: var(--text-primary);--navbar-hover-dark: var(--global-primary-light);--navbar-hover-light: var(--global-primary-light);--navbar-dropdown-bg-dark: var(--global-element-light);--navbar-dropdown-bg-light: white;--navbar-shadow-dark: var(--dark-shadow);--navbar-shadow-light: var(--light-shadow);--theme-button-bg-dark: #2b2b2b;--theme-button-border-dark: #000000;--theme-button-indicator-dark: #7b7b7b;--theme-button-checked-bg: #8fb5f5;--theme-button-checked-indicator: #FFD700;--theme-button-decoration: white;--theme-button-border-light: white;--profile-card-bg: var(--text-white);--profile-card-text-dark: var(--global-background-dark);--profile-card-text-light: var(--global-background-dark);--profile-card-icon-dark: var(--global-primary-light);--profile-card-icon-light: var(--global-primary-light);--profile-card-icon-hover-dark: var(--global-primary-dark);--profile-card-icon-hover-light: var(--global-primary-dark);--profile-card-shadow-light: var(--light-shadow);--home-heading-span-dark: var(--global-primary-light);--home-heading-span-light: var(--global-primary-light);--home-text-dark: var(--text-secondary);--home-text-light: var(--text-secondary);--home-counter-dark: var(--text-white);--home-counter-light: var(--text-primary);--projects-heading-span-dark: var(--global-element-light);--projects-heading-span-light: var(--global-primary-light);--projects-card-bg-light: linear-gradient(to right, var(--global-background-light), var(--global-background-gradient));--projects-card-shadow-dark: var(--dark-shadow);--projects-card-shadow-light: var(--light-shadow);--projects-card-text-dark: var(--text-white);--projects-card-text-light: var(--text-primary);--experience-heading-span-dark: var(--global-element-light);--experience-heading-span-light: var(--global-primary-light);--experience-card-bg-light: linear-gradient(to right, var(--global-background-light), var(--global-background-gradient));--experience-card-shadow-dark: var(--dark-shadow);--experience-card-shadow-light: var(--light-shadow);--experience-card-text-dark: var(--text-white);--experience-card-text-light: var(--text-primary);--experience-button-dark: var(--global-primary-light);--experience-button-hover-dark: var(--global-primary-dark);--experience-button-light: var(--global-primary-light);--experience-button-hover-light: var(--global-secondary-dark);--highlights-heading-span-dark: var(--global-element-light);--highlights-heading-span-light: var(--global-primary-light);--highlights-card-bg-dark: rgba(30, 30, 30, .8);--highlights-card-bg-light: white;--highlights-card-shadow-dark: var(--dark-shadow);--highlights-card-shadow-light: var(--light-shadow);--highlights-card-text-dark: var(--text-white);--highlights-card-text-light: var(--text-primary);--publications-icon-light: var(--global-primary-light);--services-heading-color: var(--text-white);--services-card-bg-light: var(--global-background-light);--services-card-shadow-dark: var(--dark-shadow);--services-card-shadow-light: var(--light-shadow);--services-card-text-dark: var(--text-white);--services-card-text-light: var(--text-primary);--services-list-marker-dark: var(--global-primary);--services-list-marker-light: var(--global-primary-light);--services-button-dark: var(--global-primary-light);--services-button-hover-dark: var(--global-primary-dark);--services-button-light: var(--global-primary-light);--services-button-hover-light: var(--global-secondary-dark);--publications-card-bg-light: linear-gradient(to right, var(--global-background-light), var(--global-background-gradient));--publications-card-shadow-dark: var(--dark-shadow);--publications-card-shadow-light: var(--light-shadow);--publications-card-text-dark: var(--text-white);--publications-card-text-light: var(--text-primary);--publications-icon-dark: var(--global-primary-light);--publications-icon-light: var(--global-secondary-light);--skills-heading-color: var(--text-white);--skills-card-bg-light: linear-gradient(to right, var(--global-background-light), var(--global-background-gradient));--skills-card-shadow-dark: var(--dark-shadow);--skills-card-shadow-light: var(--light-shadow);--skills-card-text-dark: var(--text-white);--skills-card-text-light: var(--text-primary);--skills-image-border-bg: var(--global-primary);--reviews-controls-bg-dark: var(--global-primary-light);--reviews-controls-bg-hover-dark: var(--global-primary-dark);--reviews-controls-bg-light: var(--global-primary-light);--reviews-controls-bg-hover-light: var(--reviews-controls-bg-hover-dark);--reviews-controls-icon: var(--text-white);--contact-heading-span-dark: var(--global-element-light);--contact-heading-span-light: var(--global-primary-light);--contact-input-bg: var(--global-element-light);--contact-input-text-dark: var(--text-white);--contact-input-text-light: var(--text-primary);--contact-input-focus-dark: var(--global-primary-light);--contact-input-focus-light: var(--global-primary-light);--contact-button-dark: var(--global-primary-light);--contact-button-hover-dark: var(--global-primary-dark);--contact-button-light: var(--global-primary-light);--contact-button-hover-light: var(--global-secondary-dark);--footer-bg-dark: var(--global-primary-light);--footer-bg-light: var(--global-primary-light);--footer-text: var(--text-white);--project-detail-card-bg-light: var(--accent-background);--project-detail-card-shadow-dark: var(--dark-shadow);--project-detail-card-shadow-light: var(--light-shadow);--project-detail-card-text-dark: var(--text-white);--project-detail-card-text-light: var(--text-primary);--project-detail-list-item-dark: var(--text-white);--project-detail-list-item-light: var(--text-primary);--entrepreneur-list-marker-dark: var(--global-primary-light);--entrepreneur-list-marker-light: var(--global-primary-light);--experience-card-bg-light: var(--skills-card-bg-light);--experience-card-shadow-light: var(--skills-card-shadow-light);--freelancing-card-bg-light: var(--skills-card-bg-light);--freelancing-card-shadow-light: var(--skills-card-shadow-light);--outlet-card-bg-light: var(--skills-card-bg-light);--outlet-card-shadow-light: var(--skills-card-shadow-light)}@media (prefers-color-scheme: dark){:root{--background-color-dark: #151312;--background-color-light: rgba(182, 180, 189, .2);--text-color: #002140;--text-light-color: #72767E;--text-white-color: white;--primary-color: #AF0404;--primary-color-dark: #FF0000;--primary-color-light: #AF0404;--shadow-color-light: rgba(255, 255, 255, .1);--shadow-color-dark: rgba(0, 0, 0, .8)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-font-smoothing:antialiased}body{font-family:Poppins,sans-serif;color:var(--text-primary);scroll-behavior:smooth;overflow:auto;height:100vh;transition:background-color .3s ease,color .3s ease}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode p{color:var(--text-white)}body.dark-mode span{color:var(--global-heading-accent)}body.dark-mode{background-color:var(--global-background-dark);color:var(--text-white)}body.light-mode{background-color:var(--global-background-light)}body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6,body.light-mode p{color:var(--global-background-dark)}body.light-mode span{color:var(--text-primary)}h1{font-size:var(--l-heading);font-weight:600}h2{font-size:var(--main-heading);font-weight:600}h3{font-size:var(--m-heading);font-weight:700}h4{font-size:var(--ms-heading);font-weight:600}h5{font-size:var(--s-heading);font-weight:500}h6{font-size:var(--xl-heading)}p,li,button,input,select,article,title,header,textarea,a,label,span{font-size:var(--text);color:var(--text-secondary)}span,a{color:var(--text-primary);font-weight:500}button{cursor:pointer;outline:none;color:var(--text-white);transition:all .15s ease-in-out;background-color:var(--global-primary-light);border-radius:var(--s-radius);padding:10px 16px;min-width:120px;max-height:45px;border:none;touch-action:pinch-zoom;white-space:nowrap}.secondary-btn{background-color:var(--global-primary-light)}.secondary-btn:hover{background-color:var(--global-secondary-dark)}.outline-btn{color:var(--text-gray);background-color:transparent;border:1px solid var(--text-gray);padding:8px 10px}.outline-btn:hover{border:1px solid var(--global-primary);color:var(--global-primary)}.icon{padding:0;min-width:30px;background-color:transparent;color:var(--text-gray);transition:all .1s ease-in-out}.icon:hover{transform:scale(1.1);background-color:transparent}input{outline:none;border-radius:var(--s-radius);background-color:var(--contact-input-bg);color:var(--text-white);padding:6px 14px;border-color:var(--contact-input-bg);height:38px}input:focus{border-color:var(--global-primary)}input::placeholder{color:var(--text-gray)}textarea{color:var(--text-white);border-color:var(--contact-input-bg);background-color:var(--contact-input-bg);width:50%;padding:6px 14px}textarea::placeholder{font-family:Poppins,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--global-primary);outline-color:var(--global-primary)}a{text-decoration:none;cursor:pointer}select{border-radius:var(--s-radius);padding:10px 14px}li{list-style:none}#mobile-error{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}@media (min-width: 600px) and (max-width: 870px){:root{--xl-heading: 3.5rem}}@media (max-width: 600px){:root{--section-margin: 50px;--heading-margin: 30px;--section-width: 90%;--xl-heading: 2.5rem;--l-heading: 2.2rem;--main-heading: 1.75rem;--m-heading: 1.375rem;--ms-heading: 1.125rem;--s-heading: 1rem;--text: .9rem}button{padding:8px 12px;min-width:100px}input,select,button{height:42px}}.green-btn{background:transparent;border:2px solid var(--global-primary);color:var(--global-primary)}canvas.navbar-animation{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none}.navbar_container .dropdown{position:relative;z-index:1000}.navbar_container .dropdown-content{position:absolute;z-index:1000;display:none;pointer-events:auto}.navbar_container .dropdown:hover .dropdown-content{display:block}.navbar_container .dropdown-content a{padding:12px 16px;transition:background-color .2s ease;display:block;margin:2px 0}canvas.navbar-animation{pointer-events:none!important}.dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:15px;background:transparent;z-index:999}.main_navbar{position:relative;background:#23222211!important;z-index:999}img,video,canvas,iframe{max-width:100%;height:auto}.StyledSkils,.StyledServices,.StyledReviews,.StyledContact,.StyledHero,.StyledPublications,.StyledExperience,.StyledProjects{width:100%;max-width:100%;overflow-x:hidden}.EngineeringHero,.StyledHero>div{max-width:100vw;overflow-x:hidden}