.header{background-color:var(--color-dark);z-index:1000;border:1px solid var(--color-primary);box-shadow:inset 0 0 10px var(--color-primary);border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:20px 5%;display:flex;position:sticky;top:0}.header__logo a{color:var(--color-primary);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.header__logo a svg{fill:var(--color-primary)}.header__nav{gap:30px;display:flex}.header__nav a{color:var(--color-text-light);padding-bottom:5px;font-weight:500;position:relative}.header__nav a:hover{color:var(--color-primary)}.header__nav a:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width var(--transition-speed)ease-in-out;position:absolute;bottom:0;left:0}.header__nav a:hover:after{width:100%}.header__actions{align-items:center;gap:20px;display:flex}.header__actions .language-switcher button{cursor:pointer;transition:color var(--transition-speed);background:0 0;border:none;padding:0 5px;font-weight:500}.header__actions .language-switcher button:hover{color:var(--color-primary)!important}@media (max-width:768px){.header{flex-direction:column;gap:15px;padding:15px 5%}.header__nav{gap:15px}.header__actions{gap:10px}}.hero{border:1px solid var(--color-primary);min-height:80vh;box-shadow:inset 0 0 10px var(--color-primary);border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:80px 5%;display:flex;position:relative;overflow:hidden}.hero__content{opacity:0;max-width:50%;animation:1s ease-out forwards fadeInSlideRight}.hero__greeting{color:var(--color-primary);margin-bottom:10px;font-size:1.2rem;font-weight:400}.hero__name{color:var(--color-text-light);margin-bottom:5px;font-size:3rem;font-style:italic;font-weight:700}.hero__title{color:var(--color-text-dim);margin-bottom:20px;font-size:1.8rem;font-weight:500}.hero__description{color:var(--color-text-dim);margin-bottom:30px;font-size:1.1rem;line-height:1.8}.hero__action-row{align-items:center;gap:20px;margin-bottom:30px;display:flex}.hero__button{background-color:var(--color-primary);color:var(--color-dark);cursor:pointer;transition:all var(--transition-speed)ease;border:none;border-radius:5px;padding:12px 25px;font-size:1rem;font-weight:700}.hero__button:hover{box-shadow:0 0 20px var(--color-shadow);background-color:#00cc6a;transform:translateY(-2px)}.hero .contact-list{opacity:0;gap:15px;height:0;transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;transform:translate(-10px)}.hero .contact-list.is-visible{opacity:1;border:1.5px solid #00cc6a;border-radius:5px;align-items:center;height:40px;padding:20px;transform:translate(0)}.hero .contact-list .contact-item{color:var(--color-text-dim);justify-content:center;align-items:center;transition:color .3s,transform .3s;display:flex}.hero .contact-list .contact-item:hover{color:var(--color-primary);transform:translateY(-2px)}.hero__socials{align-items:center;gap:15px;margin-top:40px;display:flex}.hero__socials p{color:var(--color-text-dim);font-size:.9rem}.hero__icons{gap:15px;display:flex}.hero__icons .icon-wrapper{border:1px solid var(--color-text-dim);width:44px;height:44px;transition:all var(--transition-speed);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__icons .icon-wrapper svg{fill:var(--color-primary);z-index:2;transition:fill var(--transition-speed);position:relative}.hero__icons .icon-wrapper:before{content:"";border:2px solid #0000;border-top-color:var(--color-primary);border-right-color:var(--color-primary);opacity:0;border-radius:50%;width:120%;height:120%;transition:opacity .5s;animation:3s linear infinite rotateBorder;position:absolute;top:-10%;left:-10%}.hero__icons .icon-wrapper:hover{background-color:var(--color-dark);border-color:var(--color-primary);transform:translateY(-2px)}.hero__icons .icon-wrapper:hover:before{opacity:1}.hero__icons .icon-wrapper:hover svg{fill:var(--color-primary)}.hero__image-container{opacity:0;width:400px;height:400px;animation:1s ease-out forwards fadeInSlideLeft;position:relative}.hero__image-clip{clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%);width:90%;height:90%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hero__image-clip img{object-fit:contain;filter:grayscale(0%);width:100%;height:100%;transition:filter var(--transition-speed);display:block}.hero__image-clip img:hover{filter:grayscale()}.hero__border-animation{clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%);border:3px solid var(--color-primary);filter:drop-shadow(0 0 8px #0ff);width:100%;height:100%;animation:15s linear infinite rotateBorder;position:absolute;top:0;left:0}@keyframes fadeInSlideRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.hero{text-align:center;flex-direction:column;padding:60px 5%}.hero__content{max-width:100%;margin-bottom:40px}.hero__image-container{width:300px;height:300px}.hero__action-row{justify-content:center}}@media (max-width:600px){.hero__name{font-size:2.5rem}.hero__title{font-size:1.4rem}.hero__socials{flex-direction:column;gap:10px}.hero .contact-list.is-visible{flex-wrap:wrap;justify-content:center;gap:10px;height:auto;margin-top:15px;padding:10px}.hero__action-row{flex-direction:column;gap:15px}}.services{text-align:center;background-color:var(--color-background);border:1px solid var(--color-primary);box-shadow:inset 0 0 10px var(--color-primary);border-radius:5px;margin-bottom:5px;padding:80px 5%}.services h2{color:var(--color-text-light);margin-bottom:10px;font-size:1.5rem}.services__list{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px;display:flex}.service-card{background:var(--color-background-secondary);text-align:center;border-radius:10px;width:300px;padding:30px;transition:all .8s;box-shadow:0 5px 15px #bdfffd33}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #1effb433}.service-card h3{color:var(--color-primary);margin:15px 0 10px}.service-card p{color:var(--color-text-dim);line-height:1.6}.icon-wrapper{border:1px solid var(--color-text-dim);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.icon-wrapper svg{fill:var(--color-primary);z-index:2;transition:fill .3s;position:relative}.icon-wrapper:before{content:"";border:4px solid #0000;border-top-color:var(--color-primary);border-right-color:var(--color-primary);border-bottom-color:var(--color-primary);opacity:1;z-index:1;border-radius:50%;width:120%;height:120%;animation:4s linear infinite rotateBorder;position:absolute;top:-10%;left:-10%}.icon-wrapper:hover{border-color:var(--color-primary)}@media (max-width:768px){.services__list{flex-direction:column;align-items:center}}.projects{background-color:var(--color-dark-background);text-align:center;border:1px solid var(--color-primary);min-height:100vh;box-shadow:inset 0 0 10px var(--color-primary);border-radius:5px;margin-bottom:5px;padding:80px 5%}.projects__subtitle{color:var(--color-primary);opacity:0;margin-bottom:5px;font-size:1.1rem;font-weight:400;animation:.8s ease-out forwards fadeInDown}.projects__title{color:var(--color-text-light);opacity:0;margin-bottom:50px;font-size:2.5rem;font-weight:700;animation:1s ease-out .2s forwards fadeInDown}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.project-card{background-color:var(--color-dark);border:1px solid var(--color-border);text-align:left;cursor:pointer;opacity:0;border-radius:10px;flex-direction:column;justify-content:space-between;padding:25px;transition:all .8s;animation:.8s ease-out forwards fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #bdfffd33}.project-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #1effb433}.project-card:hover:before{opacity:1;transition:opacity .3s ease-out}.project-card:hover .project-card__title{color:var(--color-primary)}.project-card:before{content:"";background:rgba(var(--color-primary-rgb),.1);z-index:0;opacity:0;pointer-events:none;width:100%;height:100%;transition:background .3s ease-out;position:absolute;top:0;left:0}.project-card__content{z-index:1;position:relative}.project-card__title{color:var(--color-text-light);margin-bottom:15px;font-size:1.6rem;transition:color .3s ease-out}.project-card__description{color:var(--color-text-dim);margin-bottom:20px;font-size:1rem;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.project-card .tech-tag{background-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:500}.project-card__links{z-index:1;align-items:center;gap:15px;margin-top:15px;display:flex}.project-card__links .link-button{cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;min-width:130px;padding:8px 15px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative}.project-card__links .link-button.live{background-color:var(--color-primary);color:var(--color-dark)}.project-card__links .link-button.live:hover:not(:disabled){background-color:#00cc6a}.project-card__links .link-button.live span{margin-left:8px}.project-card__links .link-button.live:disabled{opacity:.7;cursor:not-allowed;pointer-events:none;justify-content:center;align-items:center;display:flex}.project-card__links .link-button.live:disabled>:not(.circular-loader){display:none!important}.project-card__links .link-button.live:disabled .circular-loader{margin:0 auto;display:block!important}.project-card__links .link-button.github{color:var(--color-text-dim);border:1px solid var(--color-text-dim);background-color:#0000}.project-card__links .link-button.github:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.circular-loader{z-index:1000;border:3px solid #0000;border-color:#f33 #0000 #0000 red;border-radius:50%;width:20px;height:20px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite rotate-timer;position:relative;transform:rotate(45deg);box-shadow:0 0 8px #f05,0 0 16px #f05}@keyframes rotate-timer{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.projects{padding:60px 5%}.projects__title{margin-bottom:30px;font-size:2rem}.project-card{padding:20px}.project-card__title{font-size:1.4rem}}.resume{background-color:var(--color-dark-background);text-align:center;border:1px solid var(--color-primary);min-height:100vh;box-shadow:inset 0 0 15px var(--color-primary);border-radius:5px;padding:80px 5%}.resume__subtitle{color:var(--color-primary);margin-bottom:5px;font-size:1.1rem;font-weight:400}.resume__title{color:var(--color-text-light);margin-bottom:50px;font-size:2.5rem;font-weight:700}.resume__container{flex-direction:column;gap:40px;max-width:900px;margin:0 auto;animation:1s ease-out forwards fadeIn;display:flex}.resume__section{text-align:left;border:1px solid var(--color-border);background-color:var(--color-dark);opacity:0;border-radius:10px;padding:20px;animation:.8s ease-out forwards fadeInUp}.resume__section:first-child{animation-delay:.2s}.resume__section:nth-child(2){animation-delay:.4s}.resume__section:nth-child(3){animation-delay:.6s}.resume__section:nth-child(4){animation-delay:.8s}.resume__section-title{color:var(--color-primary);border-bottom:2px solid rgba(var(--color-primary-rgb),.3);align-items:center;gap:10px;margin-bottom:25px;padding-bottom:10px;font-size:1.8rem;display:flex}.timeline{border-left:2px solid var(--color-border);padding-left:30px;position:relative}.timeline-item{margin-bottom:30px;padding-left:20px;position:relative}.timeline-item__dot{background-color:var(--color-primary);border:3px solid var(--color-dark-background);width:12px;height:12px;box-shadow:0 0 5px var(--color-primary);border-radius:50%;position:absolute;top:5px;left:-33px}.timeline-item__content h3{color:var(--color-text-light);margin-bottom:5px;font-size:1.4rem}.timeline-item__content h4{color:var(--color-text-dim);margin-bottom:10px;font-size:1rem;font-weight:400}.timeline-item__content p{color:var(--color-text-dim);font-size:.95rem;line-height:1.5}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.skill-item{color:var(--color-text-light);background-color:var(--color-dark-background);border-left:3px solid var(--color-primary);border-radius:5px;align-items:center;gap:10px;padding:10px;font-size:1rem;transition:transform .3s;display:flex}.skill-item:hover{transform:translate(5px)}.skill-item .skill-icon{color:var(--color-primary)}.tools-list{flex-wrap:wrap;gap:10px;display:flex}.tool-tag{background-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:500}.resume__download-box{text-align:center;margin-top:30px}.download-button{background-color:var(--color-primary);color:var(--color-dark);cursor:pointer;transition:background-color var(--transition-speed);border:none;border-radius:5px;padding:12px 30px;font-size:1rem;font-weight:700;text-decoration:none}.download-button:hover{color:#fff;box-shadow:0 0 15px rgba(var(--color-primary-rgb),.5);background-color:#00cc6a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.resume{padding:60px 5%}.resume__title{margin-bottom:30px;font-size:2rem}.skills-grid{grid-template-columns:1fr}.timeline{padding-left:20px}.timeline-item__dot{left:-23px}}.global-loader-container{z-index:9999;background-color:rgba(var(--color-dark-rgb,20,20,20),.8);opacity:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.global-loader-container .loading-bar{display:none}.global-loader-container.finished{opacity:0;pointer-events:none}.circular-loader-global{border:5px solid #0000;border-color:#f33 #0000 #0000 red;border-radius:50%;width:50px;height:50px;animation:1.5s cubic-bezier(.5,0,.5,1) infinite rotate-timer;transform:rotate(45deg);box-shadow:0 0 10px #f05,0 0 20px #f05}:root{--color-primary:#0f8;--color-secondary:#0a0a0a;--color-dark:#121212;--color-text-light:#f0f0f0;--color-text-dim:#999;--color-shadow:#0f83;--font-family-main:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-main);background-color:var(--color-dark);color:var(--color-text-light);min-height:100vh;line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-speed);text-decoration:none}a:hover{color:#00cc6a}