:root{--eo-black: #000000;--eo-pitch: #090909;--eo-night: #121212;--eo-coal: #2b2b2b;--eo-graphite: #4a4a4a;--eo-storm: #4a5759;--eo-steel: #5a646e;--eo-olive: #4f5851;--eo-sigil: #4D4153;--eo-khaki: #6a5e52;--eo-moss: #7b8165;--eo-mauve: #9a8c98;--eo-taupe: #a59e8c;--eo-latte: #d4a373;--eo-cream: #eaddca;--eo-mint: #ecffdc;--eo-sand: #f1eee4;--eo-petal: #ffe4ee;--eo-blush: #fff0fb;--eo-smoke: #f5f5f5;--eo-powder: #faf9f6;--eo-white: #ffffff;--eo-coral: #e76f51;--eo-terra: #d65a3a;--eo-peach: #ffa69e;--eo-candy: #ffc4d6;--eo-mustard: #ffde5c;--eo-teal: #2a9d8f}:root{--bg-color-primary: var(--eo-powder);--bg-color-secondary: var(--eo-white);--bg-color-tertiary: var(--eo-smoke);--fg-color-primary: var(--eo-pitch);--fg-color-secondary: var(--eo-night);--accent-color-primary: var(--eo-teal);--accent-color-secondary: var(--eo-coal);--border-color-primary: var(--eo-graphite);--border-color-secondary: var(--eo-storm);--hover-color-primary: var(--eo-terra);--hover-color-secondary: var(--eo-coral);--hover-color-tertiary: var(--eo-peach);--nav-bg-color: #faf9f633;--footer-bg-color: #faf9f670;--shadow-color-primary: #faf9f633;--shadow-color-secondary: #09090933;--shadow-color-tertiary: #2a9d8f33}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html,body,main,nav,header,footer{width:100%}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:2.75rem;overflow-x:hidden;height:100dvh}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--fg-color-primary);background:var(--bg-color-primary);transition:all .3s ease;overflow-x:hidden}main{flex:1;gap:1rem;margin:auto;display:flex;flex-direction:column}sub,sup{font-size:70%;line-height:0;position:relative;vertical-align:baseline}small{font-size:80%}button,input{overflow:visible}button,select{text-transform:none}button,input,optgroup,select,option,textarea{font-family:inherit;font-size:100%;color:inherit;background:inherit;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{all:unset;cursor:pointer;font-weight:600;font-family:"Jura",sans-serif}input,textarea{width:100%;padding:.75rem;border-radius:.5rem;transition:border-color .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent-color-secondary)}textarea{resize:vertical;min-height:9rem}span{font-weight:normal}a{cursor:pointer;text-decoration:none;transition:all .3s ease;color:var(--accent-color-primary)}a:hover{color:var(--hover-color-primary)}i{cursor:pointer;padding:.5rem .25rem;color:var(--accent-color-primary)}i:hover{transform:scale(1.05)}em{font-style:italic;font-weight:500;background:var(--bg-color-primary)}ol,ul{list-style:none}ol li,ul li{margin:auto .875rem;font-family:"Space Grotesk",sans-serif}h1,h2,h3,h4{line-height:1.2;margin-bottom:1rem}h1{font-weight:700;font-family:"Orbitron",system-ui,sans-serif}h2,h3{font-weight:600;font-family:"Space Grotesk",sans-serif}h4,h5,h6{font-weight:500;font-family:"Jura",sans-serif}p,main,body,footer{font-weight:400;font-family:"IBM Plex Sans",sans-serif}p{font-size:.9rem;font-size:clamp(0.9rem,0.8375rem + 0.3125vw,1.1rem)}h1{font-size:2rem;font-size:clamp(2rem,1.78125rem + 1.09375vw,2.7rem)}h2{font-size:1.5rem;font-size:clamp(1.5rem,1.34375rem + 0.78125vw,2rem)}h3{font-size:1.3rem;font-size:clamp(1.3rem,1.175rem + 0.625vw,1.7rem)}h4{font-size:1.1rem;font-size:clamp(1.1rem,0.975rem + 0.625vw,1.5rem)}h5{font-size:1rem;font-size:clamp(1rem,0.90625rem + 0.46875vw,1.3rem)}h6{font-size:.8rem;font-size:clamp(0.8rem,0.70625rem + 0.46875vw,1.1rem)}[hidden],[type=hidden]{display:none}header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;backdrop-filter:blur(0.625rem);background:var(--nav-bg-color);box-shadow:0 .125rem .625rem var(--shadow-color-primary)}nav{padding:1rem 0;display:flex;align-items:center;justify-content:space-between}.logo{gap:.2rem;display:flex;align-items:center;justify-content:center;width:100%;margin:auto .5rem;max-height:2.75rem}.logo img{flex:1;max-width:2.75rem;max-height:2.75rem}.logo span{flex:1;font-weight:700;font-family:"Megrim",system-ui;color:var(--fg-color-secondary);font-size:1.3rem;font-size:clamp(1.3rem,1.175rem + 0.625vw,1.7rem)}.logo span:last-child{flex:2;font-weight:400;color:var(--accent-color-primary)}.nav-links{display:flex}.nav-links a{font-weight:500;position:relative;padding:.313rem 0;color:var(--fg-color-primary)}.nav-links a:hover{text-decoration:none}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:.125rem;transition:all .3s ease;background:var(--accent-color-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}@media(max-width: 48rem){.nav-links{position:fixed;top:4.4rem;right:-100%;flex-direction:column;background:var(--bg-color-primary);width:100%;text-align:center;box-shadow:0 .625rem .875rem var(--shadow-color-primary);padding:1.25rem 0;transition:all .3s ease}.nav-links.active{right:0}.nav-links li{margin:.875rem 0}}.hamburger{display:none;cursor:pointer}@media(max-width: 48rem){.hamburger{display:block}}footer{padding:1.25rem 0;color:var(--fg-color-primary);background:var(--footer-bg-color);box-shadow:0 -0.125rem .625rem var(--shadow-color-secondary);font-size:.87rem;font-size:clamp(0.87rem,0.798125rem + 0.359375vw,1.1rem)}.footer-content{text-align:center}.copyright-info{font-size:80%;padding-top:1rem}.license-info{font-size:70%;margin-top:.25rem}.license-info a{font-weight:700;color:var(--accent-color-primary)}.license-info a:hover{color:var(--hover-color-tertiary)}.portfolio-grid,.skills-grid,.services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(24rem, 100%), 1fr));gap:1.5rem;margin-inline:auto;margin:0 auto 1rem;justify-content:center}.portfolio-item{background:var(--bg-color-secondary);border-radius:.625rem;overflow:hidden;box-shadow:0 .3rem .9rem var(--shadow-color-secondary);transition:all .3s ease}.portfolio-item:hover{transform:translateY(-0.625rem);box-shadow:0 .5rem 1.5rem var(--shadow-color-primary)}.portfolio-img{aspect-ratio:2/1}.portfolio-img img,.portfolio-img svg{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.portfolio-img img:hover,.portfolio-img svg:hover{transform:scale(1.1)}.portfolio-content{padding:1rem;display:flex;gap:.5rem;flex-direction:column}.portfolio-content h3{margin-bottom:.5rem;font-size:1rem;font-size:clamp(1rem,0.875rem + 0.625vw,1.4rem)}.portfolio-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.portfolio-content .tech{display:flex;flex-wrap:wrap;margin:.625rem 0}.portfolio-content .tech span{color:var(--eo-white);background:rgba(77,65,83,.768627451);padding:.1875rem .375rem;border-radius:.5rem;font-size:87%;font-family:"Jura",sans-serif;margin:0 .25rem .25rem 0}@media(max-width: 20rem){.portfolio-content{padding:.625rem}}.portfolio-links{display:flex;gap:.625rem;margin-top:.875rem;margin-bottom:0;justify-self:baseline}.portfolio-links a{display:flex;align-items:center;margin-bottom:0;font-weight:700;padding:.25rem .5rem;border-radius:.625rem;border:solid .0625rem rgba(77,65,83,.4)}.portfolio-links i{margin-right:.25rem;color:var(--accent-color-primary)}.skill-card,.service-card{padding:1rem;background:var(--bg-color-secondary);display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-radius:.625rem;box-shadow:0 .3rem .9rem var(--shadow-color-secondary);transition:transform .2s ease,box-shadow .2s ease}.skill-card:hover,.service-card:hover{transform:translateY(-0.625rem);box-shadow:0 .5rem 1.5rem var(--shadow-color-primary)}.skill-heading,.service-heading{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem}.skill-heading span,.service-heading span{font-size:.87rem;font-size:clamp(0.87rem,0.673125rem + 0.984375vw,1.5rem)}.skill-heading span[role=img],.service-heading span[role=img]{padding:.75rem;border:.0625rem solid var(--accent-color-primary);border-radius:50%;line-height:1;background:rgba(42,157,143,.0784313725);font-size:1.3rem;font-size:clamp(1.3rem,1.175rem + 0.625vw,1.7rem)}.skill-summary,.service-summary{margin:.7rem auto;text-align:center}.skill-summary em,.service-summary em{font-style:normal}.service-bar{content:"";height:.125rem;margin-bottom:.625rem;margin-inline:-0.825rem;background:linear-gradient(90deg, var(--eo-candy), var(--eo-sigil), var(--eo-terra), var(--eo-teal))}.hero-btns{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:1rem}@media(max-width: 42rem){.hero-btns{justify-content:center}}.btn{display:inline-block;padding:.75rem 1.875rem;border-radius:1.875rem;font-weight:700;letter-spacing:.0625rem;transition:all .3s ease;cursor:pointer;font-family:"Jura",sans-serif}.btn i{color:var(--eo-white)}.btn:hover{transform:translateY(-0.187rem);box-shadow:0 .3rem .9rem var(--shadow-color-secondary)}.btn:hover i{color:var(--accent-color-primary)}.btn-primary{color:var(--eo-white);background:var(--accent-color-primary)}.btn-primary:hover{background:rgba(0,0,0,0);color:var(--accent-color-primary);border:.125rem solid var(--accent-color-primary)}.btn-secondary{background:rgba(0,0,0,0);border:.125rem solid var(--accent-color-primary);color:var(--accent-color-primary)}.btn-secondary:hover{color:var(--eo-white);background:var(--accent-color-primary)}.resume-tabs,.testimonial-nav,.portfolio-filter{display:flex;justify-content:center}.resume-tabs{margin-bottom:2rem}@media(max-width: 25rem){.resume-tabs{font-size:90%;flex-direction:column;align-items:flex-start}}.portfolio-filter{flex-wrap:wrap;margin-bottom:2rem}.tab-btn,.filter-btn{transition:all .3s ease;color:var(--fg-color-primary);background:var(--bg-color-secondary)}.tab-btn{font-weight:700;padding:.625rem;border-bottom:.25rem solid rgba(0,0,0,0)}.tab-btn.active{color:var(--accent-color-primary);border-bottom:.25rem solid var(--accent-color-primary);box-shadow:0 .5rem 1.5rem var(--shadow-color-secondary)}.filter-btn{margin:.25rem;padding:.625rem .75rem;border-radius:.625rem;border:.125rem solid var(--eo-white);box-shadow:0 .125rem .5rem var(--shadow-color-secondary)}.filter-btn.active,.filter-btn:hover{color:var(--eo-white);background:var(--accent-color-primary);border-color:var(--accent-color-primary)}.testimonial-nav{gap:1rem;margin-top:.5rem}.prev-btn,.next-btn{border-radius:50%;margin:0 .625rem}.prev-btn i,.next-btn i{padding:.75rem .9rem;border-radius:50%;border:.0625rem solid var(--accent-color-primary)}.prev-btn i:hover,.next-btn i:hover{background:var(--accent-color-primary);color:var(--eo-white);transition:color .3s ease-in-out,background .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes blink{from,to{opacity:0}50%{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.contact-container{display:flex;gap:2rem}@media(max-width: 60rem){.contact-container{flex-direction:column}}.contact-form{flex:2;padding:2.5rem;border-radius:.625rem;background:var(--bg-color-secondary);box-shadow:0 .3rem .9rem var(--shadow-color-secondary)}.contact-form form{display:flex;flex-direction:column}.contact-form form button{display:block;margin:1.25rem auto 0}@media(max-width: 22rem){.contact-form form button{font-size:80%}}.form-group{display:block;margin:1.25rem 0 .25rem}.form-group label{display:block;font-weight:500;margin-bottom:.25rem}.form-group label span{color:#900;font-weight:700;padding:0 .25rem}.form-group select{padding:.75rem;border-radius:.5rem;border:.0625rem solid var(--border-color-primary)}.form-group select option{color:var(--fg-color-primary);background:var(--bg-color-primary)}.form-control{width:100%;padding:.75rem .9rem;border:.0625rem solid var(--eo-sigil);border-radius:.3rem;font-family:"IBM Plex Sans",sans-serif;font-size:1rem;transition:all .3s ease}.form-control:focus{outline:none;box-shadow:0 0 0 .187rem rgba(77,65,83,.2)}.form-response{display:none;margin-top:1rem;padding:1rem 1.25rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;box-shadow:0 .125rem .5rem var(--shadow-color-secondary);transform:translateY(5px)}.form-response.success{display:block;background:#e6f9f0;color:var(--accent-color-primary);border-left:.25rem solid #1bc47d;transform:translateY(0)}.form-response.failed{display:block;background:#fdecea;color:#8a1f11;border-left:.25rem solid #f03e3e;transform:translateY(0)}.contact-info{flex:1;background:var(--eo-powder);color:var(--fg-color-primary);padding:1.25rem;border-radius:.625rem;box-shadow:0 .3rem .9rem var(--shadow-color-secondary)}.contact-info h3{position:relative;margin:1rem 0 1.875rem;padding-bottom:.937rem}.contact-info h3:after{content:"";position:absolute;bottom:0;left:0;width:3.75rem;height:.187rem;background:var(--accent-color-primary)}.contact-details{margin-bottom:1.5rem;display:flex;flex-direction:column}.contact-details p{margin:.0625rem .0625rem 1.5rem}.contact-item{display:flex;align-items:flex-start;margin-bottom:1rem}.contact-item i{margin-right:.5rem;margin-top:.75rem}.contact-item i:hover{color:var(--eo-candy);transition:color .2s ease;animation:pulse 1s infinite}.contact-item-info{text-align:left}.contact-item-info h4{font-weight:700;margin-bottom:.25rem}.contact-item-info a,.contact-item-info p{text-wrap:wrap;white-space:wrap;cursor:pointer;padding-right:.25rem;color:var(--fg-color-secondary)}.contact-item-info a:hover,.contact-item-info p:hover{text-decoration:none;color:var(--hover-color-primary)}.socials{margin:1rem 0}.socials h5{font-weight:600;padding-bottom:1rem}.social-links{display:flex;gap:.5rem;flex-wrap:wrap}.social-links a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;transition:all .3s ease;color:var(--accent-color-primary);background:var(--shadow-color-secondary)}.social-links a:hover{text-decoration:none;background:var(--hover-color-tertiary);animation:pulse 1s ease-in-out 2;animation-fill-mode:forwards}section{margin:auto 0 5vw}.section-title{position:relative;text-align:center;margin:2.75rem auto;padding-bottom:.875rem;font-size:1.3rem;font-size:clamp(1.3rem,1.08125rem + 1.09375vw,2rem)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:5rem;height:.25rem;border-radius:.125rem;background:var(--accent-color-primary)}.taglines{font-weight:600;min-height:2.5rem;margin-bottom:1.5rem;color:var(--eo-olive);font-size:1.3rem;font-size:clamp(1.3rem,1.14375rem + 0.78125vw,1.8rem)}.taglines::after{content:"▐";position:relative;right:-8px;animation:blink 1s step-end infinite;color:var(--eo-olive)}.container{width:90%;height:auto;margin:0 auto;max-width:84rem}.hero{height:100dvh;display:flex;align-items:center;background:linear-gradient(135deg, var(--bg-color-tertiary) 0%, var(--bg-color-primary) 100%);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("https://raw.githubusercontent.com/logstacklabs/muxel/refs/heads/main/static/img/bg-3.jpg");opacity:.1;pointer-events:none}.hero h1{padding-top:1.2rem;margin-bottom:1.2rem;color:var(--fg-color-secondary);font-size:1.8rem;font-size:clamp(1.8rem,1.6125rem + 0.9375vw,2.4rem)}.hero-content{max-width:42rem;z-index:2}@media(max-width: 42rem){.hero-content{max-width:100%;text-align:center}}.hero-img{position:absolute;right:5%;bottom:0;width:40%;max-width:31.25rem;z-index:1}@media(max-width: 42rem){.hero-img{display:none}}.about-content{display:flex;align-items:center;gap:2rem}@media(max-width: 42rem){.about-content{flex-direction:column}}.about-img{flex:1;max-width:25.875rem;max-height:25.875rem;border-radius:7%;overflow:hidden;box-shadow:0 .3rem .9rem var(--shadow-color-secondary)}.about-img:hover img{transform:scale(1.05)}.about-img img{height:100%;width:100%;object-fit:cover;display:block;margin:auto;border-radius:7%;transition:all .3s ease}.about-text{flex:2}.about-text h3{margin-bottom:1rem;font-size:1.1rem;font-size:clamp(1.1rem,1.00625rem + 0.46875vw,1.4rem);color:var(--accent-color-secondary)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .5s ease}.timeline-item{position:relative;border-radius:.625rem .625rem 3rem .625rem;padding:1.25rem;margin-bottom:2rem;transition:all .3s ease;background:var(--bg-color-secondary);box-shadow:0 .3rem .9rem var(--shadow-color-secondary)}.timeline-item:hover{transform:translateY(-5px);box-shadow:0 .187rem .75rem var(--shadow-color-primary)}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}@media(max-width: 16.25rem){.timeline-header{flex-wrap:wrap}}.timeline-logo{width:4rem;height:4rem;padding:.5rem;border-radius:50%;margin-right:.25rem;background:var(--bg-color-tertiary)}.timeline-logo img,.timeline-logo svg{width:3rem;height:3rem;object-fit:cover;border-radius:100%}@media(max-width: 20rem){.timeline-logo{width:3rem;height:3rem}.timeline-logo img,.timeline-logo svg{width:2rem;height:2rem}}.timeline-info{padding:.5rem 0;margin-left:0;margin-right:auto}.timeline-info h3,.timeline-info a{margin-bottom:.25rem;color:var(--fg-color-secondary);font-size:1rem;font-size:clamp(1rem,0.90625rem + 0.46875vw,1.3rem)}.timeline-info h4{font-weight:500;color:var(--accent-color-secondary);font-size:.9rem;font-size:clamp(0.9rem,0.8375rem + 0.3125vw,1.1rem)}.timeline-summary{margin:1rem 0;font-size:.9rem;font-size:clamp(0.9rem,0.8296875rem + 0.3515625vw,1.125rem)}.timeline-date{font-size:80%;font-weight:600;text-align:right;text-wrap:nowrap;margin:auto -1.25rem -1rem auto}.timeline-date span{color:var(--eo-white);border-radius:3rem 0 3rem 0;padding:.5rem 1.25rem;background:var(--accent-color-primary)}.testimonials{margin-top:6.25rem;position:relative}.testimonial-slider{max-width:888px;margin:0 auto 1.5rem;position:relative;overflow:hidden;border-radius:.625rem;box-shadow:0 .3rem .9rem var(--shadow-color-secondary)}.testimonial{background:var(--eo-white);border-radius:.625rem;padding:1.25rem;text-align:center;display:none}.testimonial.active{display:block;animation:fadeIn .8s ease}.testimonial-content{position:relative;margin-bottom:1.5rem;font-style:italic;font-size:.8rem;font-size:clamp(0.8rem,0.70625rem + 0.46875vw,1.1rem)}.testimonial-content p>i{color:var(--accent-color-secondary)}.testimonial-author{display:flex;align-items:center;justify-content:center}.author-img{width:3rem;height:3rem;border-radius:50%;overflow:hidden;margin-right:.5rem}.author-img img{width:100%;height:100%;object-fit:cover}.author-info h4{margin-bottom:.25rem}.author-info p{margin-bottom:0;color:var(--eo-steel)}