body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes wave{to{--sine-value:6.28318}}@keyframes glitch{0%,to{background-position:0 0}20%{background-position:-5px 5px}40%{background-position:5px -5px}60%{background-position:-5px -5px}80%{background-position:5px 5px}}@property --sine-value{syntax:"<number>";initial-value:0;inherits:false}.background-pattern{height:100%;left:0;position:fixed;top:0;width:100%}.box-pattern{background-image:linear-gradient(to right,#0000 0 49px,var(--line-color) 49px),linear-gradient(to bottom,#0000 0 49px,var(--line-color) 49px);background-size:50px 50px}.wavy-lines{animation:wave 5s linear infinite;background-image:repeating-linear-gradient(to right,#0000,#0000 calc(25px + 1px*sin(var(--sine-value))),var(--line-color) calc(25px + 1px*sin(var(--sine-value))),var(--line-color) calc(26px + 1px*sin(var(--sine-value))),#0000 calc(26px + 1px*sin(var(--sine-value))))}.spiral-maze{background-image:conic-gradient(from 0deg at 50% 50%,var(--line-color) 0deg 1deg,#0000 1deg 44deg,var(--line-color) 44deg 45deg,#0000 45deg 89deg,var(--line-color) 89deg 90deg,#0000 90deg 134deg,var(--line-color) 134deg 135deg,#0000 135deg 179deg,var(--line-color) 179deg 180deg,#0000 180deg 224deg,var(--line-color) 224deg 225deg,#0000 225deg 269deg,var(--line-color) 269deg 270deg,#0000 270deg 314deg,var(--line-color) 314deg 315deg,#0000 315deg 359deg,var(--line-color) 359deg 1turn);background-size:100px 100px}.glitch-effect{animation:glitch .5s infinite;background-image:linear-gradient(to right,#0000 1px,var(--line-color) 1px 2px,#0000 2px),linear-gradient(to bottom,#0000 1px,var(--line-color) 1px 2px,#0000 2px);background-size:10px 10px}.interference-pattern{background-image:repeating-linear-gradient(0deg,#0000,#0000 9px,var(--line-color) 9px,var(--line-color) 10px),repeating-linear-gradient(90deg,#0000,#0000 9px,var(--line-color) 9px,var(--line-color) 10px),repeating-linear-gradient(45deg,#0000,#0000 9px,var(--line-color) 9px,var(--line-color) 10px),repeating-linear-gradient(-45deg,#0000,#0000 9px,var(--line-color) 9px,var(--line-color) 10px);background-size:20px 20px,20px 20px,28px 28px,28px 28px}.circuit-board{background-image:linear-gradient(to right,var(--line-color) 1px,#0000 1px),linear-gradient(to bottom,var(--line-color) 1px,#0000 1px),radial-gradient(circle at 25px 25px,var(--line-color) 2px,#0000 2px),linear-gradient(to right,#0000 23px,var(--line-color) 23px,var(--line-color) 25px,#0000 25px),linear-gradient(to bottom,#0000 23px,var(--line-color) 23px,var(--line-color) 25px,#0000 25px);background-size:50px 50px,50px 50px,50px 50px,100% 100%,100% 100%}.hypnotic-swirl:before{background-image:conic-gradient(from 0deg,var(--line-color) 0deg 1deg,#0000 1deg 30deg,var(--line-color) 30deg 31deg,#0000 31deg 60deg,var(--line-color) 60deg 61deg,#0000 61deg 90deg,var(--line-color) 90deg 91deg,#0000 91deg 120deg,var(--line-color) 120deg 121deg,#0000 121deg 150deg,var(--line-color) 150deg 151deg,#0000 151deg 180deg,var(--line-color) 180deg 181deg,#0000 181deg 210deg,var(--line-color) 210deg 211deg,#0000 211deg 240deg,var(--line-color) 240deg 241deg,#0000 241deg 270deg,var(--line-color) 270deg 271deg,#0000 271deg 300deg,var(--line-color) 300deg 301deg,#0000 301deg 330deg,var(--line-color) 330deg 331deg,#0000 331deg 1turn);background-size:100px 100px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.circular-maze{background-image:repeating-radial-gradient(circle at center,var(--line-color) 0 1px,#0000 1px 15px),repeating-radial-gradient(circle at center,var(--line-color) 0 1px,#0000 1px 15px),repeating-radial-gradient(circle at center,var(--line-color ) 0 1px,#0000 1px 15px);background-position:0 0,15px 15px,30px 30px;background-size:90px 90px,60px 60px,30px 30px}.razor-grid{background-image:linear-gradient(45deg,var(--line-color) 15px,#0000 15px,var(--line-color) 30px,#0000 30px);background-size:30px 30px}.curved-checkerboard{background-image:radial-gradient(circle at 0 50%,#0000 9px,var(--line-color) 10px,var(--line-color) 11px,#0000 11px),radial-gradient(circle at 100% 50%,#0000 9px,var(--line-color) 10px,var(--line-color) 11px,#0000 11px);background-position:0 0,20px 20px;background-size:40px 40px}.hexagonal-grid{background-image:repeating-linear-gradient(30deg,var(--line-color) 0 1px,#0000 1px 50px),repeating-linear-gradient(90deg,var(--line-color) 0 1px,#0000 1px 50px),repeating-linear-gradient(150deg,var(--line-color) 0 1px,#0000 1px 50px)}.simple-horizontal-lines{--line-distance:10px;background-image:repeating-linear-gradient(90deg,#0000 0 var(--line-distance),var(--line-color) var(--line-distance) calc(var(--line-distance) + 1px),#0000 calc(var(--line-distance) + 1px) calc(var(--line-distance)*2))}.simple-vertical-lines{--line-distance:10px;background-image:repeating-linear-gradient(-90deg,#0000 0 var(--line-distance),var(--line-color) var(--line-distance) calc(var(--line-distance) + 1px),#0000 calc(var(--line-distance) + 1px) calc(var(--line-distance)*2))}.diagonal-lines{background-image:repeating-linear-gradient(30deg,#0000 0 49px,var(--line-color) 48px 50px),repeating-linear-gradient(-30deg,#0000 0 49px,var(--line-color) 48px 50px),repeating-linear-gradient(0,#0000 0 24px,var(--line-color) 24px 25px),repeating-linear-gradient(-90deg,#0000 0 24px,var(--line-color) 24px 25px)}.herringbone-pattern{background-image:linear-gradient(45deg,var(--line-color) 30px,#0000 30px 60px),linear-gradient(-45deg,var(--line-color) 30px,#0000 30px 60px);background-position:0 0,30px 30px;background-size:60px 60px}body{font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:400;margin:0;min-height:100vh}.section-title,.title,h1{font-size:clamp(2.2rem,5vw,3rem);font-weight:700;margin:0 0 .5em}h2{font-size:clamp(1.5rem,4vw,2.2rem);margin:1.5em 0 .5em}h2,h3{font-weight:700}h3{font-size:clamp(1.2rem,3vw,1.5rem);margin:1.2em 0 .5em}h4,h5,h6{font-size:1rem;font-weight:700;margin:1em 0 .5em}.content,.des,input,label,li,p,select,textarea{font-size:1rem;font-weight:400;margin-bottom:1em}.small,small{font-size:.85rem}.gradient-button,a,button{font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none}.section-title,.title{font-weight:700}@media (max-width:767px){body{font-size:.97rem}.section-title,.title,h1{font-size:clamp(1.5rem,8vw,2.2rem)}h2{font-size:clamp(1.2rem,6vw,1.5rem)}h3{font-size:clamp(1rem,5vw,1.2rem)}}body::-webkit-scrollbar{display:none}main,section{margin:auto;max-width:1300px;width:100%}section{box-sizing:border-box;padding:50px;top:0}.animation{filter:blur(20px);opacity:0;transform:translateY(50px);transition:.5s}.animation.active{filter:blur(0);opacity:1;transform:translateY(0)}@keyframes move-gradient{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes shine{to{background-position:200%}}.gradient-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:none;border-radius:30px;color:inherit;cursor:pointer;display:inline-block;padding:10px 20px;position:relative;text-decoration:none;&:before{animation:move-gradient 3s linear infinite;background:linear-gradient(90deg,red,#ff2300,#ff4600,#ff6900,#ff6b00);background-size:300%;border-radius:inherit;bottom:-2px;content:"";left:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;padding:2px;position:absolute;right:-2px;top:-2px}&:hover{color:#49fffc;text-shadow:0 0 5px}}header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:50%;max-width:1300px;padding:0 20px;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:100;& img{height:60px;padding-top:10px;transition:opacity .3s ease;width:100%}& .logo,nav{cursor:pointer;display:flex;gap:20px;& span{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border-radius:30px;cursor:pointer;display:inline-block;padding:10px 20px;position:relative;&:before{animation:move-gradient 3s linear infinite;background:linear-gradient(90deg,red,#ff2300,#ff4600,#ff6900,#ff6b00);background-size:300%;border-radius:inherit;bottom:-2px;content:"";left:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;padding:2px;position:absolute;right:-2px;top:-2px}&.active{color:#49fffc;text-shadow:0 0 5px}}}& .icon-bar{display:none}}@media screen and (max-width:1000px){header{& nav{align-items:start;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);background-color:#0f1225e6;box-sizing:border-box;color:#fff;flex-direction:column;font-weight:700;height:100vh;inset:0 auto 0 0;justify-content:start;left:-100%;padding:50px;position:fixed;transition:.5s;width:80%}& .icon-bar{display:block}& nav.active{left:0}}}section.home{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1.75fr 1fr;justify-content:space-between;min-height:100vh;padding-top:150px;& .content{& .name{font-size:4em;font-weight:700;line-height:1em;& span{-webkit-text-fill-color:#0000;animation:shine 5s linear infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#14fffb,#5cffb0,#91ff00,#ff7f00,#f0f,#ff007f,#09f);background-size:200% auto}& .role{font-size:.5em}}& .des{margin:30px 0 20px;padding-bottom:20px;padding-left:2em;position:relative;&:before{background-color:#f8b00e;content:"";height:100%;height:var(--des-height,100%);left:0;position:absolute;top:50%;transform:translateY(-50%);width:.7em}}& a{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border-radius:30px;color:inherit;cursor:pointer;display:inline-block;padding:10px 20px;position:relative;text-decoration:none;&:before{animation:move-gradient 3s linear infinite;background:linear-gradient(90deg,red,#ff2300,#ff4600,#ff6900,#ff6b00);background-size:300%;border-radius:inherit;bottom:-2px;content:"";left:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;padding:2px;position:absolute;right:-2px;top:-2px}}& a:hover{color:#49fffc;text-shadow:0 0 5px}}& .avatar{text-align:center;& .card{aspect-ratio:1;display:inline-flex;flex-direction:column;transition:.5s;width:min(100%,300px);&:hover{filter:drop-shadow(0 20px 60px rgba(208,208,202,.8))}& img{aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 10px 50px rgba(161,161,156,.8));object-fit:cover;object-position:top;width:min(100%,300px)}}}}@media screen and (max-width:1023px){section.home{& .content{& .name{font-size:4em}}& .avatar{& img{max-height:500px}}}}@media screen and (max-width:767px){section.home{grid-template-columns:1fr;padding-top:70px;& .content{& a{margin:auto}}& .avatar{align-items:center;display:flex;grid-row-start:1;justify-content:center;width:100%}}}.typing-name{color:inherit;display:inline-block;height:1.2em;letter-spacing:1px;line-height:1.2em;overflow:hidden;padding-bottom:.2em;padding-top:.2em;text-align:left;vertical-align:middle;white-space:nowrap}.typing-cursor{animation:blink .8s steps(1) infinite;background:currentColor;display:inline-block;height:1em;margin-left:2px;vertical-align:bottom;width:1ch}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}section.skills{& .title{font-size:5vw;margin-top:100px}& .des,& .title{text-align:center}& .des{margin:auto;max-width:500px}& .list{grid-gap:3vw;color:#fff;display:grid;gap:3vw;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:space-between;margin-top:50px;position:relative;&:before{background-image:linear-gradient(-45deg,#f8b00e,#fc9601);background-size:200% auto;content:"";height:70%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}& .item,&:before{border-radius:20px}& .item{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);background-color:#01082488;padding:20px;& .icon-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}& .icon{background-color:#eee2;border-radius:10px;padding:10px}& .des{font-size:small;text-align:left;width:100%}}}}section.experience{& .title{font-size:5vw;margin-top:100px}& .des,& .title{text-align:center}& .des{margin:auto;max-width:500px}& .tabs{margin-top:50px;& .tabs-list{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#01082466;border:1px solid #ffffff1a;border-radius:12px;display:flex;margin:0 auto 40px;max-width:100%;padding:4px;width:100%;& .tab-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:1rem;font-weight:500;justify-content:center;padding:12px 24px;transition:all .3s ease;&.active{background-color:#40404033;text-shadow:0 0 5px #40404033}&:hover:not(.active){background-color:#ffffff1a;color:#fff}}}& .tab-content{margin-top:20px}}& .timeline{position:relative;& .timeline-header{align-items:center;display:flex;margin-bottom:20px;& svg{height:28px;margin-right:8px;vertical-align:middle;width:28px}& h2{font-size:2rem;font-weight:600;margin:0}}& .timeline-item{padding-bottom:32px;padding-left:32px;position:relative;&:not(:last-child):before{background-color:#fff3;content:"";height:calc(100% - 16px);left:16px;position:absolute;top:48px;width:1px}&:after{background:linear-gradient(90deg,red,#ff2300,#ff4600,#ff6900,#ff6b00);border:3px solid #ffffff1a;border-radius:50%;box-shadow:0 0 10px #ff690080;content:"";height:16px;left:8px;position:absolute;top:16px;width:16px}& .timeline-card{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);background-color:#01082466;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;padding-bottom:24px;padding-left:24px;padding-right:24px;transition:all .3s ease;&:hover{box-shadow:0 12px 40px #0006;transform:translateY(-5px)}& .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;& .card-info{flex:1 1;& h3{font-size:1.2rem;font-weight:1000;line-height:1.2;margin-bottom:8px;& a{color:inherit;text-decoration:none;transition:all .3s ease;&:hover{text-shadow:0 0 10px #f5f5f5}}}& .job-title{font-size:1rem;font-weight:600;margin-bottom:8px}& .date-range{align-items:center;display:flex;font-size:.875rem;& svg{height:16px;margin-right:8px;width:16px}}}& .company-logo{align-items:center;background-color:#eeeeee1a;border:1px solid #ffffff1a;border-radius:8px;display:flex;height:48px;justify-content:center;margin-left:16px;width:48px;& img{display:block;height:100%;object-fit:contain;width:100%}& .logo-placeholder{background-color:#fff3;border-radius:4px;height:32px;width:32px}}}& .card-description{margin-bottom:16px;& ul{list-style:none;margin:0;padding:0;& li{align-items:flex-start;color:inherit!important;display:flex;font-size:.875rem;line-height:1.5;margin-bottom:8px;&:before{background:linear-gradient(45deg,#f8b00e,#fc9601);border-radius:50%;content:"";flex-shrink:0;height:8px;margin-right:12px;margin-top:8px;width:8px}}}}& .card-links{display:flex;flex-wrap:wrap;gap:8px;& .link-item{align-items:center;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:24px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease;& svg{height:12px;margin-right:4px;width:12px}&:hover{background-color:#fffffc33;transform:scale(1.05)}}}}}}}@media screen and (max-width:767px){section.experience{& .tabs{& .tabs-list{& .tab-trigger{font-size:.9rem;padding:10px 16px}}}& .timeline{& .timeline-item{padding-left:24px;&:after{height:12px;left:4px;width:12px}&:not(:last-child):before{left:10px}& .timeline-card{padding:16px;& .card-header{align-items:flex-start;flex-direction:column;& .company-logo{align-self:flex-end;margin-left:0;margin-top:12px}}}}}}}.experience-section,.experience-section *{color:inherit!important}section.projects{& .title{font-size:5vw;margin-top:100px}& .des,& .title{text-align:center}& .des{margin:auto;max-width:500px}& .list{margin-top:50px;& .item{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin-bottom:100px;& .images{background-image:linear-gradient(-45deg,#f8b00e,#fc9601);border-radius:20px;opacity:.9;overflow:hidden;padding:40px;text-align:center;& img{border-radius:10px;box-shadow:0 20px 40px #010824;height:400px}}& .content{& h3{font-size:3em;margin:0}& .des{text-align:left;width:100%}& .mission{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:70px 1fr;margin-top:10px;& div:first-child svg{background-color:#eee3;border-radius:15px;font-size:20px;padding:20px}}}}& .item:nth-child(2n){& .images{grid-column-end:3;grid-column-start:2}& .content{grid-column-end:2;grid-column-start:1;grid-row-start:1}}}}@media screen and (max-width:767px){section.projects{& .list{& .item{grid-template-columns:1fr;& .content{& h3{font-size:1.2em;margin-bottom:1em}}}& .item:nth-child(2n){& .content,.images{grid-column-end:auto;grid-column-start:auto;grid-row-start:auto}}}}}section.contacts{padding-bottom:220px;& .title{font-size:5vw;margin-top:100px}& .des,& .title{text-align:center}& .des{margin:auto;max-width:500px}& .list{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;& .item{align-items:center;display:flex;flex-direction:column;margin:20px;transition:transform .3s;&:hover{transform:scale(1.05)}& svg{fill:currentColor;background-color:#eee2;border-radius:10px;color:inherit;font-size:30px;padding:10px;transition:transform .3s;&:hover{transform:scale(1.1)}}}}& .contact-form{margin:40px auto;max-width:600px;padding:20px;& .form-group{margin-bottom:20px;position:relative}& .form-input{background-color:#eeeeee1a;border:1px solid #eee;border-radius:8px;color:inherit;font-size:16px;padding:12px;transition:border-color .3s;width:100%;&::placeholder{color:#ffffffe6;opacity:.5}@media (prefers-color-scheme:dark){&::placeholder{color:#000000e6;opacity:.5}}&:focus{border-color:#666;outline:none}&.error{border-color:#f44}}& .error-message{color:#f44;font-size:.875rem;margin-bottom:.5rem;margin-top:.25rem}& textarea.form-input{min-height:120px;resize:vertical}& .submit-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:none;border-radius:30px;color:inherit;cursor:pointer;display:block;font-size:16px;margin:0 auto;padding:12px;position:relative;transition:transform .3s;width:30%;&:hover{transform:scale(1.02)}&:disabled{cursor:not-allowed;opacity:.7}&:before{animation:move-gradient 3s linear infinite;background:linear-gradient(90deg,red,#ff2300,#ff4600,#ff6900,#ff6b00);background-size:300%;border-radius:inherit;bottom:-2px;content:"";left:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;padding:2px;position:absolute;right:-2px;top:-2px}}& .status-message{border-radius:6px;margin-top:15px;padding:10px;text-align:center;&.success{background-color:#00ff001a;color:#0f0}&.error{background-color:#ff00001a;color:red}}}}@media screen and (max-width:767px){section.contacts .contact-form .submit-btn{padding:12px 20px;width:60%}}.loading-container{align-items:center;background-color:#282c34;color:#f0f0f0;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;height:100vh;justify-content:center}.loading-container img{height:auto;margin-bottom:20px;width:35%}
/*# sourceMappingURL=main.db1ab5af.css.map*/