@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";header{display:flex;flex-direction:column;padding:1.5rem 1.5rem 0rem}nav{display:flex;justify-content:space-between;align-items:center}.nav-controls{display:flex;align-items:center;gap:1rem}.set-lang{display:flex;font-size:.9rem;gap:.8rem}.set-lang p{cursor:pointer}.clicked{color:#fff}.not-clicked{color:#ffffff80}[data-theme=light] .clicked{color:#1a1a1a}[data-theme=light] .not-clicked{color:#00000059}.theme-toggle{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--icon-fill);transition:color .2s ease;border-radius:6px}.theme-toggle:hover{color:var(--accent)}#hero{display:flex;flex-direction:column}.hero-photo{margin-top:1rem;display:block;width:8rem;aspect-ratio:1/1;border-radius:50%;overflow:hidden;filter:contrast(.85) brightness(.9);background:transparent}h1{margin-top:.5rem;font-size:2.34rem;white-space:nowrap}h2{margin-top:.8rem;font-size:1.3rem}.hero-description{margin-top:1rem;font-size:1.05rem;color:var(--text)}.rainbow-hover:hover{cursor:pointer;background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00f,#8b00ff,red);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow 1.5s linear infinite}@keyframes rainbow{to{background-position:200% center}}.hero-icons{margin-top:1.2rem;display:flex;gap:.7rem}.hero-icons svg{width:2rem;color:var(--icon-fill);transition:transform .3s ease,color .3s ease}.hero-icons svg:hover{color:#61ead5;transform:scale(1.1)}.navbar-links{display:none}@media (min-width: 1150px){header{position:fixed;width:25rem;height:100vh;overflow-y:auto;padding-bottom:3rem}#hero{margin-top:1.2rem}#hero h1{font-size:2.1rem}#hero h2,.hero-photo{margin-top:1.8rem}.hero-description{margin-top:.8rem}.hero-icons{margin-top:1.8rem}.navbar-links{display:flex;flex-direction:column;gap:1rem;margin-top:1.8rem}}main{padding:4.5rem 1.5rem 0rem}section{margin-bottom:4.5rem}.section-title h2{font-size:.9rem;margin-bottom:2.5rem;font-weight:800!important;letter-spacing:.1rem;text-transform:uppercase}.about-body{color:var(--text-secondary)}.about-body a{color:var(--title);transition:color .3s ease}.about-body a:hover{color:var(--hover)}.exp-card{margin-bottom:3rem;color:var(--text-secondary)}.exp-card__date{color:#7d8597;font-size:.85rem;margin-bottom:.2rem}.exp-card__title{display:flex;align-items:flex-end;gap:.2rem;font-size:1.4rem;font-weight:400;color:var(--title);margin-bottom:.3rem}.exp-card__link{display:inline-flex;align-items:flex-end;gap:.2rem;color:inherit;transition:color .15s ease}.exp-card__link:hover{color:var(--hover)}.exp-card__link:hover .exp-card__arrow{transform:translate(2px,-2px);color:var(--hover)}.exp-card__arrow{width:1rem;height:1rem;color:inherit;transition:transform .15s ease,color .15s ease}.exp-card__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.exp-card__descr{color:var(--text-secondary);margin-bottom:.5rem}.exp-card__separator{border:none;border-top:1px solid var(--border, #333);margin:.5rem 0}.exp-card__image{margin-top:.5rem;width:50%;border-radius:2%}.exp-card__image img{border-radius:2%}@media (max-width: 768px){.exp-card__image{width:100%}}.exp-card__extra-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.proj-card__extra-wrap{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.exp-card__extra{margin-bottom:0}.exp-card__extra a{border:1px solid #677c8b;border-radius:12px;padding:.3rem .5rem;font-size:.9rem;display:inline-flex;gap:.1rem;color:var(--title)}.exp-card__extra a:hover{color:var(--hover)}.exp-card__techs{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.exp-car__tech{border-radius:15px;background-color:var(--card-bg);color:var(--text-secondary);border:1px solid var(--input-border);padding:.45rem .55rem;font-size:.9rem}.proj-card{margin-bottom:3rem}.proj-card__title{display:flex;align-items:flex-end;gap:.2rem}.proj-card__title .exp-card__arrow{width:1rem;height:1rem;transition:transform .15s ease,color .15s ease}h4,.navbar-links a{font-size:1.1rem;font-weight:400;color:var(--title);transition:transform .15s ease,color .15s ease}h4:hover,.navbar-links a:hover{color:var(--hover);transform:scale(1.02)}svg{width:1.1rem}.proj-card__desc{margin-top:.5rem;color:var(--text-secondary);max-width:64ch}@media (min-width: 1150px){.proj-card__desc{max-width:40ch}}.proj-card__image{margin-top:.5rem;width:50%;border-radius:2%}.proj-card__image img{border-radius:2%}@media (max-width: 768px){.proj-card__image{width:100%}}.extra-project-links{display:flex;gap:1rem}.extra-project-links a{font-size:.9rem;color:var(--title)}.extra-project-links a:hover{color:var(--hover)}#charts img{margin-top:-1rem}footer{margin-top:1.7rem;padding:0rem 1rem 1rem;display:flex;flex-direction:column;gap:.4rem}footer p{color:var(--accent)}.footer-links{display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:.3rem}@media (min-width: 1150px){main{margin-top:5.5rem;margin-left:30rem}main{padding:0rem}.section-title h2{font-size:1.2rem;margin-bottom:2rem}.exp-card__descr{width:100px}section{margin-bottom:7rem}#about{width:45rem}#about p{width:64ch}#experience{width:45rem}#experience p{width:64ch}#projects{width:45rem}#projects p{width:40ch}#charts{margin-bottom:5rem;width:40rem}footer{margin-left:30rem}}.edu{display:flex;flex-direction:column;gap:.8rem}.front-page-links{display:flex}.edu-card{display:flex;flex-direction:column;gap:.8rem}.edu-card figure img{aspect-ratio:1200/628;object-fit:cover}.tech-lists.edu-lists{grid-template-columns:1fr}.exp{display:flex;flex-direction:column;gap:.4rem}.works-image figure{position:relative}.works-image figure figcaption{position:absolute;top:50%}.left-right-buttons{aspect-ratio:1/1;width:1.5rem;cursor:pointer}#left{left:1%}#right{right:1%}.works-links figure{aspect-ratio:1.3/1;width:1rem}.main-features{display:flex;flex-direction:column;gap:.3rem}.main-features .works-features{display:flex;flex-direction:column;gap:.1rem}.works-features{margin-left:18px}.work-content{display:grid;grid-template-columns:25% 60%}.side-list{width:50vw;display:flex;flex-direction:column}.side-list a{list-style-type:none;margin-bottom:2.4rem;font-size:1.3rem;cursor:pointer}.work-card{display:flex;flex-direction:column;gap:1.3rem}.work-card p{font-size:1.3rem}.work-images{width:40vw;border:2px solid black}.work-links{display:flex;gap:1rem}.work-links figure{cursor:pointer;width:2rem}.service-image{width:250px}.service{display:flex;flex-direction:column;gap:.5rem}.services-lists{display:grid;gap:1rem}.services-lists ul{padding-left:20px}.services-lists ul li{width:100%}@media (min-width: 768px){.services-lists{display:grid;grid-template-columns:1fr 1fr;width:100%}.services-lists ul{padding-left:20px}.services-lists ul li{width:100%}}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.skills-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;border-radius:10px;background:var(--card-bg);transition:background .2s ease,transform .2s ease}.skills-card:hover{background:var(--card-bg-hover);transform:translateY(-2px)}.skills-card img{width:36px!important;height:36px!important;min-width:36px;min-height:36px;filter:grayscale(.3);transition:filter .2s ease}.skills-card:hover img{filter:grayscale(0)}.skills-card span{font-size:.8rem;color:var(--text-secondary);text-align:center}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1150px){#skills{width:45rem}.skills-grid{grid-template-columns:repeat(6,1fr)}}.contact-form,.contact-form__row{display:flex;flex-direction:column;gap:1.5rem}.contact-form__field{display:flex;flex-direction:column;gap:.4rem}.contact-form__field label{font-size:.85rem;color:var(--text-secondary);letter-spacing:.05rem}.contact-form__field input,.contact-form__field textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.75rem .9rem;color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color .2s ease;resize:vertical}.contact-form__field input:focus,.contact-form__field textarea:focus{outline:none;border-color:var(--accent)}.contact-form__btn{align-self:flex-start;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.7rem 1.8rem;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.contact-form__btn:hover{opacity:.85}.contact-form__btn:disabled{opacity:.5;cursor:not-allowed}.contact-form__error{color:#e06c75;font-size:.9rem}@media (min-width: 768px){.contact-form__row{flex-direction:row}}@media (min-width: 1150px){#contact{width:45rem}}footer{display:grid}:root,[data-theme=dark]{color-scheme:dark;--bg: #2D3133;--text: #E8E6E3;--text-secondary: #B0A99F;--title: #C9D7E3;--accent: #679ECE;--hover: #31a594;--card-bg: rgba(255, 255, 255, .04);--card-bg-hover: rgba(255, 255, 255, .08);--input-bg: #1a1d1f;--input-border: #3a3d40;--icon-fill: #B0A99F}[data-theme=light]{color-scheme:light;--bg: #f5f5f0;--text: #3a3a3a;--text-secondary: #555;--title: #333;--accent: #4a8bc2;--hover: #31a594;--card-bg: rgba(0, 0, 0, .04);--card-bg-hover: rgba(0, 0, 0, .08);--input-bg: #fff;--input-border: #ccc;--icon-fill: #444}html{scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box}img{width:100%;height:100%;display:block}body{font-family:inter;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}section,[id]{scroll-margin-top:60px}.layout{min-height:100vh}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal-visible{opacity:1;transform:translateY(0)}@media (min-width: 1150px){.layout{display:flex;justify-content:center}}.image-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000000d9;display:flex;align-items:center;justify-content:center;animation:image-modal-fade .25s ease}.image-modal{position:relative;display:flex;align-items:center;justify-content:center;outline:none;background:none;padding:0;animation:image-modal-zoom .25s ease}.image-modal__img{width:100%;max-width:1000px;max-height:96vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 0 40px #0009}.image-modal__btn{position:absolute;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background-color:#ffffff26;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;z-index:1;transition:background-color .2s ease}.image-modal__btn:hover{background-color:#ffffff4d}.image-modal__btn--close{top:-3.5rem;right:0}.image-modal__btn--prev{left:-3.5rem}.image-modal__btn--next{right:-3.5rem}@keyframes image-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes image-modal-zoom{0%{transform:scale(.9)}to{transform:scale(1)}}