.front{margin-top:15vh;margin-bottom:72px;display:flex;gap:80px;width:100%;padding-bottom:200px;border-bottom:1px solid #8C60D5}@media (max-width: 1024px){.front{flex-direction:column;margin-top:5vh;padding-bottom:40px}}.front-link{color:#20a4c8;position:relative;text-decoration:none;font-family:Montserrat,sans-serif}.front-link:hover{cursor:pointer}.front-link:hover:after{left:-2px;right:auto;width:100%}.front-link:after{content:"";position:absolute;z-index:5;right:0;width:0;bottom:0;background:#20A4C8;height:2px;transition-property:width;transition-duration:.35s;transition-timing-function:ease-out}.front-text{width:60%}@media (max-width: 1024px){.front-text{width:100%}}.front-image{position:relative}.front-image img{border-radius:300px;aspect-ratio:6/7;width:540px;height:100%;object-fit:contain}@media (max-width: 768px){.front-image img{border-radius:300px;object-fit:cover;width:100%;height:700px}}@media (min-width: 768px) and (max-width: 1024px){.front-image img{width:100%;height:auto}}.front .circle{z-index:-1;position:absolute;left:50%;transform:translate(-50.5%,-.1%);bottom:0;height:525px;width:500px;border-radius:300px;background:linear-gradient(240deg,#B55CDE 0%,#8C60D5 50%,#20A4C8 100%)}@media (max-width: 768px){.front .circle{width:100%;height:550px;transform:translate(-50%,-1.9%)}}@media (min-width: 768px) and (max-width: 1024px){.front .circle{width:100%;height:700px;transform:translate(-50.5%,-2%)}}.front .empty-circle{z-index:-1;position:absolute;left:0;transform:translate(-50%,-50%);top:33%;height:300px;width:300px;border-radius:300px;background:linear-gradient(270deg,#B55CDE 0%,#8C60D5 50%,#20A4C8 100%)}.front .empty-circle:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;height:292px;width:292px;border-radius:300px;background-color:#0f1724}.front h3{margin:unset}.front-name{font-family:Montserrat,sans-serif;margin:24px 0;color:#b55cde}@media (max-width: 768px){.front-name{font-size:44px;line-height:52px}}.front-description{position:relative;margin:unset}.front .findme{margin-top:20px}.front .findme-buttons{display:flex;gap:20px}.front .findme-button{display:flex;justify-content:center;align-items:center;text-decoration:none;height:48px;width:48px;border-radius:8px;background-color:#20a4c8;cursor:pointer;transition:all .3s ease-in;font-size:36px;color:#0f1724;position:relative}.front .findme-button:hover{background-color:#b55cde}.front .findme-button .elecho{object-fit:contain;height:40px;width:40px}.about{position:relative;padding-bottom:80px}.about-section{position:relative;margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:64px;flex-direction:column;justify-content:center}@media (max-width: 768px){.about-section{grid-template-columns:1fr;gap:40px}}@media (min-width: 768px) and (max-width: 1024px){.about-section{grid-template-columns:1fr;gap:60px}}.about-square{z-index:-1;position:absolute;right:22%;top:45%;height:300px;width:300px;border-radius:44px;background:linear-gradient(270deg,#B55CDE 0%,#8C60D5 50%,#20A4C8 100%)}@media (max-width: 1024px){.about-square{display:none}}.about-who__title{color:#b55cde;margin-bottom:20px;margin-top:unset}@media (min-width: 768px) and (max-width: 1024px){.about-who__text{margin-bottom:unset}}.about-card__icon{font-size:64px;color:#20a4c8}.about-card__description{text-align:center;font-size:22px;height:140px}@media (max-width: 768px){.about-card__description{font-size:18px}}@media (min-width: 768px) and (max-width: 1024px){.about-card__description{height:100%;font-size:26px}}.about-card__head{color:#f3f3ff;font-size:28px;margin-top:unset;text-align:center;line-height:42px}.card{display:flex;justify-content:center;align-items:center;flex-direction:column;width:320px;padding:48px 32px 48px 48px;border-radius:48px;box-shadow:8px 8px 4px #8c60d5,inset 8px 8px 4px #20a4c8;gap:24px}.card h3{margin:unset;font-size:32px;line-height:100%}.card p{margin:unset;line-height:120%;letter-spacing:4px}@media (max-width: 1024px){.card{width:calc(100% - 72px);padding:48px 32px}}.projects{position:relative}.projects .empty-circle{z-index:-1;position:absolute;left:22%;transform:translate(-50%,-50%);top:50%;height:500px;width:500px;border-radius:300px;background:linear-gradient(270deg,#B55CDE 0%,#8C60D5 50%,#20A4C8 100%)}.projects .empty-circle:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;height:492px;width:492px;border-radius:300px;background-color:#0f1724}.projects .square{z-index:-1;position:absolute;right:22%;top:45%;height:300px;width:300px;border-radius:44px;background:linear-gradient(270deg,#B55CDE 0%,#8C60D5 50%,#20A4C8 100%)}@media (max-width: 1024px){.projects .square{display:none}}.projects-title{margin-bottom:48px}.projects .portfolio-carousel{position:relative;width:100%;height:640px;border-radius:32px;overflow:hidden;margin-bottom:120px;cursor:grab}.projects .portfolio-carousel:active{cursor:grabbing}.projects .portfolio-carousel canvas{width:100%!important;height:100%!important;touch-action:none}@media (max-width: 1024px){.projects .portfolio-carousel{height:500px;border-radius:24px}}.projects .portfolio-carousel--loading{background:radial-gradient(circle at 30% 40%,rgba(32,164,200,.12),transparent 45%),radial-gradient(circle at 70% 60%,rgba(140,96,213,.14),transparent 45%),rgba(6,14,30,.7);cursor:default}.projects .portfolio-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:rgba(15,23,36,.62);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px;overflow-y:auto}.projects .portfolio-modal__card{width:min(800px,100vw - 48px);background:#0b1629;border:1px solid rgba(243,243,255,.16);border-radius:20px;padding:24px;position:relative;box-shadow:0 24px 60px #00000073}.projects .portfolio-modal__card h4{margin:18px 0 6px}.projects .portfolio-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(243,243,255,.25);background:rgba(12,18,28,.85);color:#f3f3ff;font-size:22px;line-height:1.5;cursor:pointer}.projects .portfolio-modal__image{width:100%;border-radius:14px;max-height:260px;object-fit:cover}.projects .portfolio-modal__role{margin:0 0 12px;color:#8c60d5;font-size:18px;letter-spacing:2px}.projects .portfolio-modal__description{margin:0 0 20px;font-size:16px;line-height:1.45;letter-spacing:.7px}.projects .portfolio-modal__link{display:inline-block;border:1px solid #20A4C8;color:#f3f3ff;text-decoration:none;border-radius:999px;padding:8px 16px;font-size:16px;letter-spacing:2px;line-height:1.2}@media (max-width: 768px){.projects .portfolio-modal{padding:12px}.projects .portfolio-modal__card{width:calc(100vw - 24px);border-radius:16px;padding:16px;max-height:calc(100dvh - 24px);overflow:auto}.projects .portfolio-modal__image{max-height:200px}.projects .portfolio-modal__description{font-size:15px;line-height:1.4;letter-spacing:.4px}}.resume{margin-bottom:120px}.resume__title{margin-bottom:40px}.resume__timeline{display:flex;flex-direction:column;gap:22px}@media (max-width: 1024px){.resume__timeline{padding-right:8px}}.resume-item{--timeline-color: #20A4C8;--timeline-color-soft: rgba(32, 164, 200, .2);--timeline-line-left: 164px;--timeline-line-width: 4px;position:relative;display:grid;grid-template-columns:140px 1fr;column-gap:28px;align-items:start;cursor:pointer}.resume-item:before{content:"";position:absolute;left:var(--timeline-line-left);top:-12px;width:4px;height:calc(100% + 24px);width:var(--timeline-line-width);background:var(--timeline-color);border-radius:0}.resume-item:after{content:"";position:absolute;left:calc(var(--timeline-line-left) + var(--timeline-line-width) / 2 - 12px);top:28px;width:18px;height:18px;border-radius:999px;border:3px solid var(--timeline-color);background-color:#0f1724;transition:transform .25s ease,background-color .25s ease;z-index:3}.resume-item__period{margin-top:28px;color:#f3f3ff;opacity:.72;letter-spacing:1.2px;font-size:14px}.resume-item__card{margin-left:40px;width:calc(100% - 40px);border-radius:24px;padding:20px 24px;background:rgba(15,23,36,.92);border:1px solid var(--timeline-color-soft);box-shadow:inset 0 0 0 1px #f3f3ff05;transform:scale(.97);transform-origin:left center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.resume-item__card h4{margin:0;font-size:22px;line-height:1.1;color:#f3f3ff}.resume-item__organization{margin:10px 0 0;color:var(--timeline-color);font-size:15px;letter-spacing:1px}.resume-item__details{max-height:0;overflow:hidden;opacity:0;margin:0;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease;color:#f3f3ffdb;line-height:1.45;letter-spacing:.4px}.resume-item:hover:after,.resume-item.is-active:after{transform:scale(1.16);background-color:var(--timeline-color)}.resume-item:hover .resume-item__card,.resume-item.is-active .resume-item__card{transform:scale(1);border-color:var(--timeline-color);box-shadow:0 18px 34px -24px var(--timeline-color),inset 0 0 0 1px #f3f3ff0d}.resume-item:hover .resume-item__details,.resume-item.is-active .resume-item__details{max-height:260px;opacity:1;margin-top:14px}.resume-item--work,.resume-item--freelance{--timeline-color: #20A4C8;--timeline-color-soft: rgba(32, 164, 200, .2)}.resume-item--education{--timeline-color: #8C60D5;--timeline-color-soft: rgba(140, 96, 213, .2)}@media (max-width: 1024px){.resume-item{--timeline-line-left: 8px;--timeline-line-width: 4px;grid-template-columns:1fr;row-gap:8px}.resume-item:before{left:var(--timeline-line-left);top:54px;height:calc(100% + 22px)}.resume-item:after{left:calc(var(--timeline-line-left) + var(--timeline-line-width) / 2 - 12px);top:54px}.resume-item__period{margin-top:0;margin-left:56px;font-size:13px}.resume-item__card{margin-left:40px;width:calc(100% - 64px);padding:18px 18px 18px 20px}.resume-item__card h4{font-size:20px}.resume-item:hover .resume-item__details,.resume-item.is-active .resume-item__details{max-height:360px}}.contact{padding-bottom:120px}@media (max-width: 1024px){.contact{padding-bottom:80px}}.contact-cards{width:100%;display:flex;gap:120px;margin-top:72px}@media (max-width: 1024px){.contact-cards{flex-direction:column;gap:80px}}.contact-card{display:flex;flex-direction:column;gap:24px;width:320px}.contact-card__icon{font-size:64px;color:#20a4c8}.contact-card__name{font-size:18px}.contact-card__info{color:#20a4c8;text-decoration:none;font-size:20px;position:relative;height:max-content;width:max-content}@media (max-width: 768px){.contact-card__info{font-size:14px}}.contact-card__info--mail{text-transform:lowercase}@media (max-width: 768px){.contact-card__info--mail{font-size:14px}}.contact-card__info--linkedin{text-transform:capitalize}@media (max-width: 768px){.contact-card__info--linkedin{font-size:14px}}.contact-card__info:hover{cursor:pointer}.contact-card__info:hover:after{left:-2px;right:auto;width:100%}.contact-card__info:after{content:"";position:absolute;z-index:5;right:0;width:0;bottom:-17px;background:#20A4C8;height:2px;transition-property:width;transition-duration:.35s;transition-timing-function:ease-out}.navbar{width:100%;display:flex;position:fixed;top:0;left:0;justify-content:center;align-items:center;gap:80px;padding:44px 0;background-color:#0f1724;z-index:1}.navbar-link{text-transform:uppercase;transition:all .4s ease-in-out}.navbar-link:hover{cursor:pointer;color:#20a4c8}@media (max-width: 1024px){.navbar{display:none}}@font-face{font-family:Abel;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Abel-Regular-8598fde7.ttf) format("truetype")}@font-face{font-family:Alegreya;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/AlegreyaSans-Medium-3a90cd3e.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Montserrat-Regular-dcfe8df2.ttf) format("truetype")}html{width:100%}body{font-family:Montserrat,sans-serif;color:#f3f3ff;background-color:#0f1724;width:calc(100% - 40px);max-width:1440px;margin:0 auto;padding:0 20px;letter-spacing:4px;overflow-x:hidden}html,.root{font-family:Montserrat,sans-serif;font-size:24px;line-height:38px;letter-spacing:5px}h1,.h1{font-family:Alegreya,sans-serif;font-size:102px;line-height:114px;margin-top:38px;margin-bottom:76px;letter-spacing:20px}h2,.h2{font-family:Alegreya,sans-serif;font-size:63px;line-height:76px;margin-top:38px;margin-bottom:38px;letter-spacing:13px}@media (max-width: 768px){h2,.h2{font-size:48px;line-height:56px}}h3,.h3{font-family:Alegreya,sans-serif;font-size:39px;line-height:76px;margin-top:38px;margin-bottom:0;letter-spacing:8px}@media (max-width: 768px){h3,.h3{font-size:32px;line-height:60px}}h4,.h4{font-family:Abel,sans-serif;text-transform:uppercase;font-size:24px;line-height:38px;margin-top:38px;margin-bottom:0;letter-spacing:5px;color:#20a4c8}@media (max-width: 768px){h4,.h4{font-size:18px;line-height:26px}}a{font-family:Abel,sans-serif;font-size:24px;line-height:38px;margin-top:0;margin-bottom:0;letter-spacing:5px}p,ul,ol,pre,table,blockquote{margin-top:0;margin-bottom:38px}ul ul,ol ol,ul ol,ol ul{margin-top:0;margin-bottom:0}hr,.hr{border:1px solid;margin:-1px 0}a,b,i,strong,em,small,code{line-height:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}