@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Karla:ital,wght@0,200..800;1,200..800&display=swap";.loading-screen{background-color:#000}:root{--bg-color: #fafafa;--text-color: #1a1a1a;--base-animation-text: #ffffff;--accent-color: rgb(255, 149, 19);--accent-color-hover: rgb(255, 165, 0);--font-family: "Inter", "Karla", sans-serif;--secondary-bg-color: #f5f5f5;--third-bg-color: #ffffff;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--section-padding: clamp(2rem, 5vw, 5rem);--container-max-width: 1280px;--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-color: #0a0a0a;--text-color: #f5f5f5;--secondary-bg-color: #1a1a1a;--third-bg-color: #141414;--base-animation-text: #000;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);transition:background .3s ease,color .3s ease;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;box-sizing:border-box}section{position:relative;padding:clamp(2rem,6vw,6rem) 1rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.typewriter h2{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(40,end) infinite,blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@media (min-width: 640px){section{padding:clamp(3rem,8vw,8rem) 1.5rem}}@media (min-width: 1024px){section{padding:var(--section-padding) 2rem}}.container{max-width:var(--container-max-width);margin:0 auto;width:100%;padding:0 1rem;box-sizing:border-box}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}a{color:inherit;text-decoration:none;transition:var(--transition)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition)}img{max-width:100%;height:auto;display:block}span{color:var(--accent-color)}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color-hover)}.navbar-container{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fafafacc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);transition:var(--transition)}[data-theme=dark] .navbar-container{background:#0a0a0acc;border-bottom:1px solid rgba(255,255,255,.1)}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:1rem 2rem;gap:2rem}.navbar__logo{display:flex;align-items:center;justify-content:center;transition:var(--transition)}.navbar__logo:hover{transform:scale(1.1)}.navbar__logo-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color);box-shadow:0 2px 8px #ff95134d;transition:var(--transition)}.navbar__logo:hover .navbar__logo-image{box-shadow:0 4px 12px #ff951380}.navbar__links{display:flex;gap:clamp(1rem,3vw,2.5rem);list-style:none;align-items:center;margin:0;padding:0}.navbar__links-link{position:relative}.navbar__links-link a{color:var(--text-color);font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:500;padding:.5rem 0;position:relative;transition:var(--transition)}.navbar__links-link a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.navbar__links-link a:hover{color:var(--accent-color)}.navbar__links-link a:hover:after{width:100%}.navbar__theme-toggle{display:flex;align-items:center}.theme-toggle__button{background:var(--third-bg-color);border:2px solid var(--accent-color);font-size:1.25rem;cursor:pointer;color:var(--accent-color);padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.theme-toggle__button:hover{background:var(--accent-color);color:var(--text-color);transform:rotate(15deg) scale(1.1)}@media (max-width: 768px){.navbar{padding:.75rem 1rem;gap:1rem}.navbar__links{gap:.75rem}.navbar__links-link a{font-size:.875rem}.navbar__logo-image{width:35px;height:35px}.theme-toggle__button{width:36px;height:36px;font-size:1rem}}@media (max-width: 480px){.navbar{padding:.75rem;gap:.5rem}.navbar__links{gap:.5rem}.navbar__links-link a{font-size:.8rem;padding:.25rem 0}.navbar__logo-image{width:32px;height:32px}}.hero-content{display:grid;grid-template-columns:1fr;width:100%;max-width:100%;margin:0 auto;padding:1.5rem 1rem;align-items:center;min-height:calc(100vh - 100px);box-sizing:border-box;justify-content:center;margin-top:-2rem}.hero__profile{display:flex;justify-content:center;order:1;margin-bottom:-15rem}.hero__profile-image{width:clamp(120px,40vw,200px);height:clamp(120px,40vw,200px);max-width:100%;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color);box-shadow:var(--card-shadow);transition:var(--transition);margin-bottom:3rem}@media (min-width: 480px){.hero__profile-image{width:clamp(150px,35vw,200px);height:clamp(150px,35vw,200px);border-width:4px}}.hero__profile-image:hover{transform:scale(1.05);box-shadow:var(--card-shadow-hover)}.hero-about{text-align:center;order:2;width:100%;max-width:100%;padding:0;box-sizing:border-box;margin-top:2rem}.hero-about__title{font-size:clamp(1.75rem,6vw,3.5rem);font-weight:300;margin-bottom:.5rem;color:var(--text-color);word-wrap:break-word;overflow-wrap:break-word}.hero-about__name{font-size:clamp(2rem,7vw,4.5rem);font-weight:800;margin-bottom:1rem;-webkit-background-clip:text;background-clip:text;word-wrap:break-word;overflow-wrap:break-word;line-height:1.1}.hero-about__occupation{font-size:clamp(1rem,3vw,1.75rem);font-weight:500;margin-bottom:1rem;min-height:2.5rem;word-wrap:break-word;overflow-wrap:break-word;padding:0 .5rem}:root{--color-primary: rgb(255, 149, 19);--color-secondary: rgb(220, 120, 15);--color-tertiary: rgb(180, 90, 10);--color-quaternary: rgb(140, 60, 5);--color-quinary: rgb(100, 40, 0)}[data-theme=dark]{--color-primary: rgb(255, 149, 19);--color-secondary: rgb(200, 100, 10);--color-tertiary: rgb(160, 70, 5);--color-quaternary: rgb(120, 50, 0);--color-quinary: rgb(80, 30, 0)}.text-shadows{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary);font-weight:600;text-transform:uppercase;font-size:clamp(1rem,3vw,1.75rem);margin:0;color:var(--color-primary);animation:shadows 1.7s ease-in infinite;letter-spacing:.2rem}@keyframes shadows{0%{text-shadow:none}10%{transform:translate(-3px,-3px);text-shadow:3px 3px 0 var(--color-secondary)}20%{transform:translate(-6px,-6px);text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary)}30%{transform:translate(-9px,-9px);text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary)}40%{transform:translate(-12px,-12px);text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}50%{transform:translate(-12px,-12px);text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}60%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}70%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary)}80%{text-shadow:none}90%{text-shadow:none}to{text-shadow:none}}.hero__links{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap;width:100%;max-width:100%}.hero__link{color:var(--accent-color);font-size:clamp(1.25rem,2vw,1.75rem);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);background:var(--third-bg-color);box-shadow:var(--card-shadow);transition:var(--transition)}.hero__link:hover{color:var(--text-color);background:var(--accent-color);transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.hero__link:active{transform:translateY(0)}.copied-email{font-size:.875rem;font-weight:600}.hero-about__hobbies{margin-top:1rem;font-size:clamp(.875rem,2vw,1.1rem);color:var(--text-color);line-height:1.3;font-weight:400;max-width:100%;padding:0 .5rem;word-wrap:break-word;overflow-wrap:break-word}@media (min-width: 640px){.hero-about__hobbies{max-width:600px;margin-left:auto;margin-right:auto;padding:0}}@media (min-width: 640px){.hero-content{gap:2.5rem;max-width:var(--container-max-width)}.hero__profile-image{width:clamp(180px,25vw,250px);height:clamp(180px,25vw,250px)}}@media (min-width: 768px){.hero-content{grid-template-columns:1fr 1fr;gap:3rem;padding:3rem 2rem}.hero__profile{order:2;justify-content:flex-end;margin-bottom:0}.hero__profile-image{width:clamp(250px,30vw,280px);height:clamp(250px,30vw,280px)}.hero-about{text-align:left;order:1}.hero__links{justify-content:flex-start;gap:1.5rem}}.hero-carousel{width:100%;max-width:100%;margin-top:.5rem;overflow:hidden;display:flex;justify-content:center}@media (min-width: 768px){.hero-carousel{margin-top:1rem}}@media (min-width: 1024px){.hero-content{gap:4rem;padding:4rem 2rem}.hero__profile-image{width:clamp(280px,25vw,320px);height:clamp(280px,25vw,320px)}}.carousel-wrapper{overflow:hidden;width:100%;max-width:100%;padding:1rem 0;margin:0 auto;position:relative;box-sizing:border-box}@media (min-width: 768px){.carousel-wrapper{padding:1.5rem 0}}.carousel-wrapper:before,.carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:50px;z-index:1;pointer-events:none}.carousel-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-color),transparent)}.carousel-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-color),transparent)}@media (min-width: 640px){.carousel-wrapper:before,.carousel-wrapper:after{width:100px}}.carousel-track{display:flex;gap:2rem;animation:scroll 30s linear infinite;width:fit-content;will-change:transform}.carousel-item{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--accent-color);opacity:.7;transition:var(--transition);flex-shrink:0}@media (min-width: 640px){.carousel-track{gap:3rem}.carousel-item{font-size:clamp(2rem,4vw,3rem)}}.carousel-item:hover{opacity:1;transform:scale(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}@media (max-width: 768px){.carousel-wrapper{padding:1.5rem 0}.carousel-track{gap:2rem}}.timeline{max-width:var(--container-max-width);width:100%;margin:0 auto;position:relative;padding:1rem}@media (min-width: 640px){.timeline{padding:2rem 1.5rem}}.timeline h2{text-align:center;font-size:clamp(1.75rem,4vw,3rem);margin-bottom:2rem;font-weight:800;-webkit-background-clip:text;background-clip:text;padding:0 1rem}@media (min-width: 640px){.timeline h2{margin-bottom:3rem}}@media (min-width: 768px){.timeline h2{margin-bottom:4rem}}.timeline__container{position:relative;max-width:900px;margin:0 auto}.timeline__line{position:absolute;left:30px;top:0;bottom:0;width:3px;background:var(--secondary-bg-color);border-radius:2px}.timeline__line-progress{position:absolute;left:30px;top:0;width:3px;background:linear-gradient(180deg,var(--accent-color) 0%,var(--accent-color-hover) 100%);border-radius:2px;height:calc(100% * var(--timeline-progress, 0));will-change:height}.timeline__timeline-item{position:relative;padding-left:4rem;padding-bottom:2rem;margin-bottom:1.5rem}@media (min-width: 640px){.timeline__timeline-item{padding-left:5rem;padding-bottom:3rem;margin-bottom:2rem}}.timeline__timeline-item:before{content:"";position:absolute;left:22px;top:.5rem;width:20px;height:20px;border-radius:50%;background:var(--bg-color);border:3px solid var(--accent-color);z-index:2;transition:var(--transition)}.timeline__timeline-item:hover:before{transform:scale(1.3);box-shadow:0 0 0 4px #ff951333}.timeline-item__content{background:var(--third-bg-color);padding:1.25rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:var(--transition);border-left:3px solid var(--accent-color)}@media (min-width: 640px){.timeline-item__content{padding:1.5rem}}.timeline__timeline-item:hover .timeline-item__content{transform:translate(8px);box-shadow:var(--card-shadow-hover)}.timeline-item__date{font-size:.875rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.timeline-item__title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;margin-bottom:.75rem;color:var(--text-color)}.timeline-item__description{font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.7;color:var(--text-color);opacity:.8;margin:0}@media (min-width: 768px){.timeline__timeline-item{padding-left:6rem}.timeline__line,.timeline__line-progress{left:40px}.timeline__timeline-item:before{left:32px}.timeline-item__content{padding:2rem}}@media (max-width: 640px){.timeline__line,.timeline__line-progress{left:20px}.timeline__timeline-item{padding-left:4rem}.timeline__timeline-item:before{left:12px;width:16px;height:16px}}.project{background-color:var(--third-bg-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;height:100%;border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .project{border:1px solid rgba(255,255,255,.1)}.project:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)}.project__image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;background:var(--secondary-bg-color)}.project__image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.expand-on-hover:hover{transform:scale(1.1)}.project-description{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1;gap:.875rem}@media (min-width: 640px){.project-description{padding:1.5rem;gap:1rem}}.project-description__title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;margin:0;color:var(--text-color)}.project-description__overview{font-size:clamp(.9rem,1.2vw,1rem);line-height:1.6;color:var(--text-color);opacity:.8;flex-grow:1;margin:0}.project__link{display:inline-block;background-color:var(--accent-color);padding:.625rem 1.25rem;border-radius:8px;color:var(--bg-color);font-weight:600;font-size:clamp(.875rem,1.2vw,.95rem);text-align:center;transition:var(--transition);margin-top:auto}@media (min-width: 640px){.project__link{padding:.75rem 1.5rem}}.project__link:hover{background-color:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff951366}.project__technologies{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.project__technology-icon{font-size:1.5rem;color:var(--accent-color);transition:var(--transition)}.project__technology-icon:hover{transform:scale(1.2)}.project-description__date{font-size:.85rem;color:var(--text-color);opacity:.6;font-weight:500;margin:0}@media (min-width: 768px){.project__image-wrapper{height:220px}}.project-list{display:grid;grid-template-columns:1fr;gap:2rem;max-width:var(--container-max-width);margin:0 auto;padding:2rem 1rem;position:relative}.project-list__title{grid-column:1 / -1;font-size:clamp(1.75rem,4vw,3rem);text-align:center;margin-bottom:2rem;font-weight:800;-webkit-background-clip:text;background-clip:text;padding:0 1rem}.project-list__motion{width:100%;height:100%}@media (min-width: 640px){.project-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 1.5rem}}@media (min-width: 768px){.project-list{grid-template-columns:repeat(2,1fr);gap:2.5rem;padding:3rem 2rem}}@media (min-width: 1024px){.project-list{grid-template-columns:repeat(3,1fr);gap:3rem}}body{background:var(--bg-color);overflow-x:hidden}.stars{width:100%;height:100vh;position:fixed;top:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.star{position:absolute;background:var(--accent-color);border-radius:50%;animation:twinkle 3s infinite ease-in-out;box-shadow:0 0 6px var(--accent-color)}.star:nth-child(3n){width:2px;height:2px;animation-duration:4s;opacity:.4}.star:nth-child(3n+1){width:3px;height:3px;animation-duration:3s;opacity:.6}.star:nth-child(3n+2){width:4px;height:4px;animation-duration:5s;opacity:.8}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}[data-theme=dark] .star{background:#fff;box-shadow:0 0 6px #fffc}.scroll{position:fixed;bottom:2rem;right:2rem;z-index:999}.scroll__button{background:var(--accent-color);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--card-shadow);transition:var(--transition)}.scroll__button:hover{background:var(--accent-color-hover);transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.scroll__icon{color:var(--bg-color);font-size:1.25rem}@media (max-width: 768px){.scroll{bottom:1.5rem;right:1.5rem}.scroll__button{width:45px;height:45px}}