@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.text-primary-50{color:var(--primary--50)}.text-primary-100{color:var(--primary--100)}.text-primary-200{color:var(--primary--200)}.text-primary-300{color:var(--primary--300)}.text-primary-400{color:var(--primary--400)}.text-primary-500{color:var(--primary--500)}.text-primary-600{color:var(--primary--600)}.text-primary-700{color:var(--primary--700)}.text-primary-800{color:var(--primary--800)}.text-primary-900{color:var(--primary--900)}.text-primary-950{color:var(--primary--950)}.text-shadow-sm{text-shadow:0 0 10px var(--shadow-color)}.text-shadow-md{text-shadow:0 0 10px var(--shadow-color),0 0 20px var(--shadow-color)}.text-shadow-lg{text-shadow:0 0 5px var(--shadow-color),0 0 25px var(--shadow-color),0 0 50px var(--shadow-color)}.shadow-sm{box-shadow:0 0 10px var(--shadow-color)}.shadow-md{box-shadow:0 0 10px var(--shadow-color),0 0 20px var(--shadow-color)}.shadow-lg{box-shadow:0 0 5px var(--shadow-color),0 0 25px var(--shadow-color),0 0 50px var(--shadow-color)}.shadow-primary-50{--shadow-color: var(--primary--50)}.shadow-primary-100{--shadow-color: var(--primary--100)}.shadow-primary-200{--shadow-color: var(--primary--200)}.shadow-primary-300{--shadow-color: var(--primary--300)}.shadow-primary-400{--shadow-color: var(--primary--400)}.shadow-primary-500{--shadow-color: var(--primary--500)}.shadow-primary-600{--shadow-color: var(--primary--600)}.shadow-primary-700{--shadow-color: var(--primary--700)}.shadow-primary-800{--shadow-color: var(--primary--800)}.shadow-primary-900{--shadow-color: var(--primary--900)}.shadow-primary-950{--shadow-color: var(--primary--950)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}h1,h2,h3,h4,h5,h6,p,span,ul{margin:0}button{background:none;border:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}li{list-style:none}a{-webkit-tap-highlight-color:rgba(255,255,255,0);text-decoration:none}.scrollbar--native{scrollbar-width:auto;scrollbar-color:var(--primary--600) transparent}.scrollbar--horizontal::-webkit-scrollbar{height:8px}.scrollbar--horizontal::-webkit-scrollbar-track{background:transparent}.scrollbar--horizontal::-webkit-scrollbar-thumb{background:var(--primary--600);border-radius:10px}.scrollbar--horizontal::-webkit-scrollbar-thumb:hover{background:var(--primary--400)}.scrollbar--vertical::-webkit-scrollbar{width:8px}.scrollbar--vertical::-webkit-scrollbar-track{background:transparent}.scrollbar--vertical::-webkit-scrollbar-thumb{background:var(--primary--600);border-radius:10px}.scrollbar--vertical::-webkit-scrollbar-thumb:hover{background:var(--primary--400)}:root{--font-titles: "Orbitron", sans-serif;--font-paragraph: "Rajdhani", sans-serif;--primary--50: #fff0f0;--primary--100: #ffddde;--primary--150: #ffc0c1;--primary--200: #ff9496;--primary--250: #ff9496;--primary--300: #ff575a;--primary--350: #ff575a;--primary--400: #ff2327;--primary--450: #ff2327;--primary--500: #ff0005;--primary--550: #d70004;--primary--600: #d70004;--primary--650: #b10306;--primary--700: #b10306;--primary--750: #920a0d;--primary--800: #500002;--primary--850: #330001;--primary--900: #110001;--primary--950: #0a0001;--secondary--50: #ea6725;--secondary--100: #d35d20;--secondary--150: #bc531b;--secondary--200: #a54917;--secondary--250: #8e3f13;--secondary--300: #77340f;--secondary--350: #602a0b;--secondary--400: #491f07;--secondary--450: #321502;--secondary--500: #1b0a00;--secondary--550: #160900;--secondary--600: #110800;--secondary--650: #0d0600;--secondary--700: #090500;--secondary--750: #050300;--secondary--800: #030200;--secondary--850: #020200;--secondary--900: #010100;--secondary--950: #000000;--neutral--50: rgba(244, 246, 247, 1);--neutral--100: rgba(227, 232, 234, 1);--neutral--200: rgba(201, 210, 216, 1);--neutral--300: rgba(164, 178, 188, 1);--neutral--400: rgba(119, 138, 153, 1);--neutral--500: rgba(92, 111, 126, 1);--neutral--600: rgba(76, 90, 103, 1);--neutral--700: rgba(68, 79, 90, 1);--neutral--800: rgba(61, 68, 77, 1);--neutral--900: rgba(54, 59, 67, 1);--neutral--950: rgb(10, 13, 15, 1);--foreground--50: white;--foreground--100: var(--neutral--100);--foreground--200: var(--neutral--200);--foreground--300: var(--neutral--300);--foreground--400: var(--neutral--400);--foreground--500: var(--neutral--500);--foreground--600: var(--neutral--600);--foreground--700: var(--neutral--700);--foreground--800: var(--neutral--800);--foreground--900: var(--neutral--900);--foreground--950: black;--surface--50: #fff;--surface--100: var(--neutral--100);--surface--200: var(--neutral--200);--surface--300: var(--neutral--300);--surface--400: var(--neutral--400);--surface--500: var(--neutral--500);--surface--600: var(--neutral--600);--surface--700: var(--neutral--700);--surface--800: #32393d;--surface--900: #161a1d;--surface--950: #000;--warning--100: rgba(255, 219, 153, 1);--warning--300: rgba(255, 165, 0, 1);--warning--600: rgba(161, 104, 0, 1);--success--100: rgba(153, 219, 200, 1);--success--300: rgba(0, 166, 118, 1);--success--600: rgba(0, 125, 90, 1);--info--100: rgba(166, 213, 250, 1);--info--300: rgba(33, 150, 243, 1);--info--600: rgba(25, 113, 182, 1);--error--100: rgb(212, 146, 146);--error--300: rgba(255, 0, 0, 1);--error--600: rgba(166, 20, 20, 1);--shadow-sm: 0 0 10px var(--primary--500);--shadow-md: 0 0 10px var(--primary--500), 0 0 20px var(--primary--500);--shadow-lg: 0 0 5px var(--primary--500), 0 0 25px var(--primary--500), 0 0 50px var(--primary--500);--title-large: 4.268rem;--title-medium: 2.618rem;--title-small: 1.618rem;--body-medium: 1rem;--body-small: .618rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem}.accordion{overflow:hidden}.accordion-summary{display:flex}.accordion-summary__icon{transform:rotate(-90deg);width:20px;transition:.5s transform}.accordion--open .accordion-summary__icon{transform:rotate(90deg)}.accordion-detail{display:none}.accordion--open .accordion-detail{display:block;animation:fade-in .5s}.button{cursor:pointer;display:flex;justify-content:center;align-items:center;text-decoration:none;border-width:2px;border-style:solid;height:fit-content;backdrop-filter:blur(11.3px);-webkit-backdrop-filter:blur(11.3px);.icon-filled{fill:var(--primary--500)}.icon-stroke{stroke:var(--primary--500)}&:disabled{cursor:not-allowed}input[type=file]{display:none}&:hover{.icon-filled{fill:var(--foreground--950)}.icon-stroke{stroke:var(--foreground--950);fill:green}}}.button__icon{height:100%;transition-property:fill,stroke;transition-duration:.7s;transition-timing-function:linear}.button__text{position:relative;font-family:var(--font-titles);text-transform:uppercase;font-weight:700}.button__loader{position:absolute;top:3px;right:0;opacity:0;transition-property:opacity right;transition-duration:.7s}.button--large{padding:16px 48px;font-size:var(--body-medium);width:max-content;.button__icon-container{height:var(--space-8);margin-right:var(--space-1)}.button__loader{width:var(--body-medium);height:var(--body-medium)}}.button--wide{padding-block:16px;font-size:var(--body-medium);width:100%;.button__icon-container{height:var(--space-8);margin-right:var(--space-1)}.button__loader{width:var(--body-medium);height:var(--body-medium)}}.button--small{font-size:var(--body-small);padding:8px 18px;width:max-content;.button__icon-container{height:var(--space-5);margin-right:var(--space-1)}.button__loader{width:var(--body-small);height:var(--body-small)}}.button--loading{cursor:default;&.button--primary{&.button--large{.button__loader{right:-20px;opacity:1}}&.button--small{.button__loader{right:-12px;opacity:1}}&.button--wide{.button__loader{right:-20px;opacity:1}}}}.button--primary{border-color:var(--primary--500);background:none;transition-property:background,box-shadow,border-color;transition-duration:.3s;.button__text{color:var(--primary--500);transition-property:color;transition-duration:.7s}&:disabled{border-color:var(--primary--900);.button__text{color:var(--primary--900);&:focus .button__text{color:var(--primary--900)}&:hover .button__text{color:var(--primary--900)}}}&:not(.button--loading):not(:disabled):hover,&:not(.button--loading):not(:disabled):focus{background-color:var(--primary--500);box-shadow:var(--shadow-lg)}&:not(.button--loading):not(:disabled):hover .button__text,&:not(.button--loading):not(:disabled):focus .button__text{color:var(--foreground--950)}.button__loader{border-radius:50%;background:conic-gradient(#0000 10%,var(--primary--500));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:infinite;animation-fill-mode:none}}[data-theme=light] .button--primary{background:#ffffffb3}@keyframes spin{to{transform:rotate(1turn)}}.checkbox{display:flex;gap:10px}.checkbox__label{font-family:var(--font-paragraph);color:var(--foreground--100)}[data-theme=light] .checkbox__label{color:var(--foreground--900)}.dialog{width:300px;padding:20px;margin:auto;border-radius:8px;border:none;box-shadow:0 4px 8px #0000001a;background-color:#fff;font-family:Arial,sans-serif;scale:0;transition:scale .7s ease-in,display .7s ease-in allow-discrete}.dialog[open]{scale:1;opacity:1;transition:scale .3s ease-in,opacity .3s ease-in;@starting-style{scale:.7;opacity:0}}.dialog::backdrop{background-color:#00000080}.dialog p{margin:0 0 15px;font-size:16px;color:#333}.dialog__footer{display:flex;gap:12px;justify-content:end}.dialog form button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;font-size:14px}.dialog form button:hover{background-color:#0056b3}.input-container{width:100%;display:flex;flex-direction:column;position:relative}.input{border:0;z-index:1;background-color:transparent;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--foreground--300);font-size:1.125rem;padding:var(--space-1);color:var(--foreground--50);margin-top:var(--space-1);font-family:var(--font-paragraph);margin-bottom:var(--space-2);transition-property:border-bottom-color;transition-duration:.3s;&:focus{outline:0;border-bottom-color:var(--foreground--50)}&:disabled{border-bottom:1px solid var(--foreground--500);color:var(--foreground--500)}}.input::placeholder{color:var(--foreground--400)}.input__label{color:var(--foreground--100);font-family:var(--font-paragraph)}.input--error{border-bottom-color:var(--error--300)}.error-message{display:flex;align-items:center;gap:var(--space-1)}.error-message__icon-container{width:24px;height:24px}.error-message__text{color:var(--error--300);font-size:14px;font-family:var(--typography-primary)}[data-theme=light] .input{border-bottom-color:var(--foreground--500);color:var(--foreground--950);&:focus{border-bottom-color:var(--foreground--900)}}[data-theme=light] .input::placeholder{color:var(--foreground--500)}[data-theme=light] .input__label{color:var(--foreground--900)}.markdown{font-family:var(--font-paragraph);h1{font-size:var(--title-medium);font-family:var(--font-titles);color:#fff;margin-block:1.75rem}h2{font-family:var(--font-titles);font-size:var(--title-small);color:#fff;margin-block:1.75rem}h3{font-family:var(--font-titles);font-size:var(--body-large);color:#fff;font-weight:bolder;margin-block:1.75rem}li{color:#fff;list-style:inside;margin-block:1rem}p{font-size:var(--body-large);color:#fff;margin-block:1rem}img{max-height:70svh}}[data-theme=light] .markdown{h1,h2,h3,p{color:#000}}.modal{display:none;position:fixed;justify-content:center;align-items:center;top:0;height:100%;z-index:10;backdrop-filter:blur(7.3px);-webkit-backdrop-filter:blur(7.3px)}.modal--active{display:flex;animation-name:modal;animation-duration:.7s;animation-fill-mode:both;width:100%;.modal-wrap{display:block;margin:0 auto;width:90vmin;overflow:auto}}.modal__content{position:relative}.modal--closing{animation-duration:1s;animation-delay:.5s;.modal-wrap{animation-duration:.5s;animation-delay:0s}}.modal__close-icon{position:absolute;top:10px;right:10px;z-index:11;width:36px;color:var(--primary--500);cursor:pointer}@keyframes modal{0%{opacity:0}to{opacity:1}}[data-theme=light] .notification{background-color:var(--surface--50);.notification__title,.notification__text-content{color:var(--foreground--900)}}.notification{display:flex;flex-direction:column;gap:var(--space-3);background-color:var(--surface--950);padding-block:20px;border:1px solid var(--primary--400);position:relative;animation:fade-in .7s;padding-inline-end:5px;padding-inline-start:20px}.notification__title{display:flex;align-items:center;color:var(--foreground--100);font-weight:600;gap:10px}.notification__text-content{padding-inline-start:10px;display:flex;flex-direction:column;color:var(--foreground--100);gap:var(--space-1);max-height:100px;overflow-y:auto;padding-inline-end:48px}.notification__icon{cursor:pointer;position:absolute;top:5px;right:5px;width:30px}.notification__type-icon{width:40px}.select-container{width:100%;display:flex;flex-direction:column;position:relative}.select__label{color:var(--foreground--100);font-family:var(--font-paragraph)}.select{border:0;margin-top:var(--space-1);font-family:var(--font-paragraph);background-color:transparent;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--foreground--300);font-size:1.125rem;color:var(--foreground--50);padding-bottom:8px;&:focus{border-bottom-color:var(--foreground--50);outline:none}option{color:var(--foreground--300);background:var(--foreground--950)}}[data-theme=light] .select{color:var(--foreground--900);option{color:var(--foreground--500);background:var(--foreground--50)}&:focus{border-bottom-color:var(--foreground--900)}}.table-container{width:100%;overflow-x:auto;border:1px solid var(--primary--500);height:425px}.table{border-collapse:collapse;width:100%}.table__header-cell-container{padding-inline:.5rem;display:flex;gap:8px;height:40px;align-items:center;transition-property:background-color;transition-duration:.3s;&:hover{background-color:#db154017}}.table__header-cell{color:var(--primary--500);text-align:left;font-family:var(--typography-primary)}.table-filters{display:flex;overflow-x:auto;gap:40px}.table__order-icon{width:0;transition-property:transform,width;transition-duration:.3s;transition-timing-function:linear}.table__order-icon--asc{width:20px;transform:rotate(90deg)}.table__order-icon--desc{width:20px;transform:rotate(-90deg)}.table-pagination{margin-top:10px;display:flex;align-items:center;justify-content:end;gap:20px}.table__row{position:relative;transition-property:background-color;transition-duration:.3s;&:hover{background-color:#db154017;.table__body-cell{color:var(--primary--500)}}}.table__body-cell{padding-inline:.5rem;color:var(--foreground--100);height:35px;text-wrap:nowrap;font-family:var(--typography-primary);transition-property:color;transition-duration:.3s}.icon-option-menu{display:block;height:35px}.option-menu--closed{.option-menu__content{display:none}}.option-menu__content{position:absolute;top:35px;right:0;display:flex;z-index:1;flex-direction:column;background-color:var(--surface--950);border:1px solid var(--primary--400);box-shadow:var(--shadow-sm)}[data-theme=light] .option-menu__content{background-color:var(--surface--50)}[data-theme=light] .option-menu__title{color:var(--foreground--900)}.option-menu__title{cursor:pointer;font-weight:600;color:var(--foreground--100);border-bottom-color:var(--primary--400);border-bottom-style:solid;border-bottom-width:1px;transition-property:background-color;transition-duration:.5s;&:hover{color:var(--primary--500)}}[data-theme=light] .table__body-cell{color:var(--foreground--900)}.text-area-container{display:flex;flex-direction:column;height:100%;font-family:var(--font-paragraph);gap:4px}.text-area__label{color:var(--foreground--100);font-family:var(--typography-primary)}.text-area{border:0;z-index:1;background-color:transparent;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--foreground--300);font:inherit;font-size:1.125rem;color:var(--foreground--50);outline:none;resize:none;scrollbar-width:thin;scrollbar-color:var(--primary--500) transparent;transition-property:border-bottom-color;transition-duration:.3s;&:focus{outline:0;border-bottom-color:var(--foreground--50)}&::placeholder{color:var(--foreground--300);opacity:01}&:disabled{border-bottom:1px solid var(--foreground--500);color:var(--foreground--500)}}[data-theme=light] .text-area{background:#ffffffb3;border-bottom-color:var(--foreground--300);color:var(--foreground--950);&:focus{border-bottom-color:var(--foreground--900)}}.typography--title-large{font-size:var(--title-large);font-family:var(--font-titles);font-optical-sizing:auto}.typography--title-medium{font-family:var(--font-titles);font-size:var(--title-medium);font-optical-sizing:auto}.typography--title-small{font-size:var(--title-small);font-family:var(--font-titles);font-optical-sizing:auto}.typography--body-medium{font-family:var(--font-paragraph);font-size:var(--body-medium)}.typography--body-small{font-family:var(--font-paragraph);font-size:var(--body-small)}.typography--primary{color:var(--primary--500)}.link.typography--link{cursor:pointer;text-decoration:underline;text-shadow:var(--shadow-sm);color:var(--primary--500);transition:text-shadow,color .3s;&:hover{text-shadow:var(--shadow-lg)}}.typography--very-low-contrast{color:var(--foreground--400)}[data-theme=light] .typography--very-high-contrast{color:var(--foreground--600)}.typography--low-contrast{color:var(--foreground--300)}[data-theme=light] .typography--low-contrast{color:var(--foreground--700)}.typography--medium-contrast{color:var(--foreground--200)}[data-theme=light] .typography--medium-contrast{color:var(--foreground--800)}.typography--high-contrast{color:var(--foreground--100)}[data-theme=light] .typography--high-contrast{color:var(--foreground--900)}.typography--very-high-contrast{color:var(--foreground--50)}[data-theme=light] .typography--very-high-contrast{color:var(--foreground--950)}html{background:var(--primary--950)}@keyframes page{0%{transform:translate(100px);opacity:0}}.secret-button{opacity:0;vertical-align:middle;font-size:12px;color:var(--primary--500);transition-property:color,text-shadow,opacity;transition-duration:.3s;transition-timing-function:linear;font-family:var(--typography-primary);text-transform:uppercase;font-weight:900;&:hover{color:var(--primary--500);text-shadow:var(--shadow-sm);opacity:1!important}}.linkedin-icon{fill:var(--primary--500);stroke:var(--primary--500)}.github-icon{fill:var(--primary--500)}.hidden{display:none!important}.container{margin-inline:auto;max-width:90%;@media (1512px < width){max-width:1280px}}.icon{transition:filter .3s ease-out}.icon:hover{filter:drop-shadow(var(--shadow-sm))}.hero-section{background:radial-gradient(circle farthest-side at 90% 0%,var(--primary--500) -65%,var(--primary--950) 44%);background-blend-mode:difference;>div{display:flex;flex-direction:column;justify-content:center}}.hero-cta{margin-top:8px;display:flex;justify-content:end;align-items:center;flex-wrap:wrap;gap:12px;.social-media{display:flex;gap:16px}}.experience-section{background:radial-gradient(circle farthest-side at 20% 50%,#4003e636 0%,var(--primary--950) 20%);background-blend-mode:difference;margin-bottom:100px;h2{margin-bottom:var(--space-10)}}.job-card{--neon: #9461fd;--neon-glow: #4003e6;display:flex;flex-direction:column;width:100%;z-index:1;position:relative;padding-left:24px;border-left:2px solid var(--neon-glow);gap:32px;@media (min-width: 768px){gap:16px;flex-direction:row}padding-block-end:80px}.job-card__line{width:12px;height:12px;background-color:var(--neon);position:absolute;box-shadow:0 0 10px 2px var(--neon-glow);left:-7px;top:10px;border-radius:50%}.job-card__general-info-container{display:flex;gap:var(--space-4);min-width:280px;@media (min-width: 768px){margin-right:var(--space-12)}}.job-card__general-info{display:flex;flex-direction:column}.job-card__description{width:100%;padding-block:var(--space-4);background:#4003e617;box-shadow:0 0 12px 2px var(--neon-glow);padding-inline:var(--space-6);color:var(--foreground--50)!important;border:1px solid var(--neon);li{list-style:inside}}.job-card__logo{width:80px;height:fit-content;border-radius:10px}.job-card__title{text-shadow:var(--shadow-sm);background:-webkit-linear-gradient(120deg,var(--primary--400) 20%,var(--primary--500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;margin-bottom:6px}.skills-section{background:radial-gradient(circle farthest-side at 70% 50%,var(--primary--900) 0%,var(--primary--950) 24%);background-blend-mode:difference;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-16);margin-inline:auto;margin-bottom:100px;@media (width>1024px){gap:var(--space-4)}}.tech-skills{width:100%;max-width:600px;min-width:300px;h3{margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}}.soft-skills{width:100%;height:fit-content;h3{margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}@media (width > 1024px){max-width:600px}}.tech-stack{display:flex;flex-direction:column;gap:var(--space-3)}.tech-stack__level{display:inline;background:linear-gradient(90deg,#291680,#5f40eb);border-radius:0 5px 5px 0;box-shadow:0 0 6px #573ac9}.tech-stack__container{display:flex}.tech-stack__label{font-weight:600;svg{margin-right:4px}}.contact-form{display:flex!important;flex-direction:column;gap:var(--space-6);width:100%}.contact-form .text-area-container{margin-bottom:32px;textarea{height:120px}}.contact-form--variant1{background:linear-gradient(120deg,var(--primary--900),var(--primary--800));box-shadow:var(--shadow-sm);padding:36px;border-radius:15px}.contact-form--variant2{border-radius:15px;border:1px solid transparent;background:linear-gradient(var(--primary--950),var(--primary--950)) padding-box,linear-gradient(120deg,var(--primary--500) 40%,#0964ee) border-box;padding:36px;box-shadow:1px 1px 10px -5px #0964ee}.contact-section{background:radial-gradient(farthest-corner at 19% 100%,var(--primary--800) 0%,#f7085000 63%);>div{>h3{text-align:center;margin-bottom:var(--space-8)}>div{padding-block:36px;display:flex;flex-direction:column;align-items:center;width:100%;gap:24px;@media (1024px < width){justify-content:space-around;flex-direction:row-reverse;align-items:stretch}}}#contact-form-bottom{width:100%;max-width:500px}}.contact-section__social-media{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:250px;>div{display:flex;gap:var(--space-4)}}.project-list{display:flex;flex-direction:column;gap:var(--space-8);scrollbar-color:red black}.project-card{display:flex;align-items:center;flex-wrap:wrap-reverse;justify-content:space-between;gap:12px;padding:20px;box-shadow:var(--shadow-sm);border-radius:10px;@media (width>1024px){position:relative;height:300px}}.project-card__image-container{height:300px;width:100%;@media (width>1024px){border-radius:0 10px 10px 0;position:absolute;height:100%;width:40%;top:0;right:0;object-fit:cover;cursor:pointer;overflow:hidden}}.project-card__image{object-fit:cover;object-position:left top;width:100%;height:100%;@media (width>1024px){mask-image:linear-gradient(270deg,rgba(0,0,0,.9) 90%,transparent 100%);filter:brightness(50%);transition:scale .3s ease-out,filter .3s ease-out;border-radius:0 10px 10px 0;&:hover{scale:1.2;filter:brightness(100%)}}}.project-card__tech-image{width:24px}.project-card__content{display:flex;flex-direction:column;gap:var(--space-2);justify-content:end;transition:inherit;width:100%;@media (width > 1024px){width:auto}}.project-card__button-icon{stroke:var(--primary--500);transition:stroke .5s}.project-card__button-icon{stroke:var(--primary--500)}.project-card__title{color:var(--primary--500)!important;text-transform:uppercase;text-shadow:var(--shadow-sm);font-weight:700}.project-card__description,.project-card__tech-text{color:var(--foreground--200)!important}.project-card__tech-list{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--space-3);padding-top:20px;margin-block:12px;column-gap:var(--space-4);border-top-width:2px;border-top-style:solid;border-color:var(--primary--500)}.project-card__tech-container{display:flex;align-items:center;gap:var(--space-2)}.project-card__actions{transition:inherit;display:flex;overflow-x:auto;top:10px;gap:12px;right:10px;@media (width > 1024px){overflow-x:visible}}.portfolio-section{h2{margin-bottom:var(--space-2)}p{margin-bottom:var(--space-8)}margin-bottom:100px}.navbar-desktop{display:none;z-index:10;position:fixed;height:70px;top:var(--space-6);left:var(--space-2);border:3px solid var(--primary--500);padding-inline:20px;background:#0606064d;backdrop-filter:blur(4.3px);-webkit-backdrop-filter:blur(4.3px);transition-property:box-shadow;transition-duration:.7s;transition-timing-function:ease-out}.navbar-desktop__icon{fill:var(--primary--500);stroke:var(--primary--500)}@media (min-width: 768px){.navbar-desktop{display:flex}}.navbar-desktop__item-list{display:flex;max-width:0;overflow:hidden;align-items:center;gap:1.5rem;transition-property:max-width margin-left;transition-duration:.7s}.navbar-desktop--open{box-shadow:var(--shadow-sm);.navbar-desktop__item-list{margin-left:40px;max-width:600px}}.navbar-desktop__item{text-transform:uppercase;font-family:var(--font-paragraph)!important;font-weight:700;transition-property:color,text-shadow;transition-duration:.3s;text-wrap:nowrap;color:var(--foreground--50)}.navbar-desktop__item:hover{text-shadow:var(--shadow-sm);color:var(--primary--500)}.navbar-desktop__separator{display:block;height:30px;margin-inline:1rem;width:3px;background:var(--primary--500);box-shadow:var(--shadow-lg)}.menu-button{cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center}.menu-button__line{display:block;width:2.4rem;height:4px;background-color:var(--primary--500);transition:transform .5s,opacity .5s}.menu-button--open .menu-button__line1{transform:translateY(12px) rotate(-45deg)}.menu-button--open .menu-button__line2{opacity:0}.menu-button--open .menu-button__line3{transform:translateY(-12px) rotate(45deg)}.portfolio-detail-page{display:flex;background:radial-gradient(circle farthest-side at 90% 40%,var(--primary--700) -65%,#090500ff 44%);background-blend-mode:difference;justify-content:center;min-height:100svh;padding-inline:24px;display:grid;width:100%;justify-content:end;grid-auto-columns:100%;@media (width>768px){grid-auto-columns:90%}}.project-description{width:100%;justify-self:end;color:var(--foreground--50);font-family:Ubuntu,sans-serif}.project-description img{width:100%;max-height:380px;object-fit:cover;object-position:top}.project-description h2{font-size:var(--title-medium);margin-block:var(--space-4)}.project-description h3{font-size:var(--title-small);margin-block:var(--space-3)}.project-description h4{font-size:var(--title-small);margin-block:var(--space-2)}.project-description ul{list-style:inside}.project-description li{margin-block:var(--space-3)}.project-description p{font-size:var(--body-medium);margin-block:var(--space-3)}.project-description a{text-decoration:underline;color:var(--primary--600)}.project-description a:hover{cursor:pointer;color:var(--primary--100)}.project-description h1{align-self:center;font-size:var(--title-large);margin-block:var(--space-7)}.navbar-mobile{position:fixed;z-index:10;bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;padding-block:10px;@media (width >=768px){display:none}}.navbar__mobile-icon{fill:var(--primary--500);stroke:var(--primary--500);transition-property:filter;transition-duration:.7s;&:hover{filter:drop-shadow(var(--shadow-sm))}}.navbar-mobile__menu--open{display:flex!important;animation-name:navbar-mobile-menu;animation-duration:.7s;animation-timing-function:ease-out}.navbar-mobile__menu--closing{animation-name:navbar-mobile-menu-closing!important;animation-duration:.7s;animation-timing-function:ease-out}.navbar-mobile__menu{width:100%;height:100vh;display:none;flex-direction:column;align-items:center;position:absolute;justify-content:end;bottom:0;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:radial-gradient(farthest-corner at 10% 90%,var(--primary--750) 0%,var(--primary--900) 60%),linear-gradient(to top right,#000 0% 100%)}.navbar-mobile__items-container{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:50px}.navbar-mobile__social-container{display:flex;min-width:150px;justify-content:center;margin-bottom:150px;gap:15px;border-top-style:solid;border-top-color:var(--primary--500);padding-top:30px}.navbar-mobile__item>*{font-size:20px;text-transform:uppercase;font-weight:700;font-family:var(--font-titles);font-optical-sizing:auto}.navbar-mobile-menu-button{z-index:4;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px;background:#060606;border-radius:5px}.navbar-mobile-menu-button__line{display:block;width:35px;height:4px;background-color:var(--primary--500);transition:all .5s;box-shadow:var(--shadow-sm)}.navbar-mobile-menu-button--open .navbar-mobile-menu-button__line1{transform:translateY(12px) rotate(-45deg)}.navbar-mobile-menu-button--open .navbar-mobile-menu-button__line2{opacity:0}.navbar-mobile-menu-button--open .navbar-mobile-menu-button__line3{transform:translateY(-12px) rotate(45deg)}@keyframes navbar-mobile-menu{0%{transform:translate(-70%);opacity:0}}@keyframes navbar-mobile-menu-closing{to{transform:translate(-70%);opacity:0}}