@font-face{font-family:Hey Gotcha;src:url(/assets/hey-gotcha-h7ofxw--.otf)format("opentype");font-weight:400;font-style:normal}:root{--color-primary:#404040;--color-secondary:#fff;--color-tertiary:#44546a;--color-accent:#ffb000;--text-primary:#fff;--text-muted:#d1d5db;--text-dark:#404040;--bg-card:#4d4d4d;--bg-nav:#404040f2;--border-color:#ffffff1a;background-color:var(--color-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,system-ui,-apple-system,sans-serif;font-size:80%;font-weight:400;line-height:1.5;transition:background-color .3s,color .3s}[data-theme=light]{--color-primary:#fff;--color-secondary:#404040;--color-tertiary:#44546a;--color-accent:#ffb000;--text-primary:#404040;--text-muted:#6b7280;--text-dark:#404040;--bg-card:#f8f9fa;--bg-nav:#fffffff2;--border-color:#0000000d}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,.special-font{font-family:Hey Gotcha,cursive}section{max-width:1200px;margin:0 auto;padding:4rem 2rem}a{color:var(--color-accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}ul{list-style:none}input,textarea,button{font-family:inherit}@media (width<=768px){section{padding:2rem 1rem}}.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000;background-color:#0000;border-bottom:1px solid #0000;width:100%;transition:background-color .3s,border-bottom .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0}.navbar.scrolled{background-color:var(--bg-nav);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.nav-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;padding:.8rem 2rem;display:flex}.nav-actions{flex:1;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.theme-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s;display:flex}.theme-toggle:hover{color:var(--color-accent);transform:scale(1.1)}.logo-container{flex:1;justify-content:flex-start;align-items:center;display:flex}.logo-container a{align-items:center;transition:transform .3s;display:flex}.logo-container a:hover{opacity:1;transform:scale(1.02)}.logo-container span{font-size:1.5rem;transition:font-size .3s}@media (width<=480px){.logo-container span{font-size:1.2rem!important}}.logo-img{object-fit:cover;border:2px solid var(--color-accent);border-radius:50%;width:40px;height:40px}.nav-links{flex:2;justify-content:center;gap:2rem;display:flex}.nav-links a{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:500}.nav-links a:hover{color:var(--color-accent)}.menu-toggle{color:var(--text-primary);cursor:pointer;z-index:2001;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s;display:none}.menu-toggle:hover{color:var(--color-accent)}.hero{text-align:center;background:linear-gradient(135deg, var(--color-primary) 0%, var(--bg-card) 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-bg-overlay{opacity:.1;pointer-events:none;filter:grayscale();mix-blend-mode:overlay;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:2rem;display:flex;position:relative}.profile-container{width:250px;height:250px;position:relative}.profile-img{object-fit:cover;border:4px solid var(--color-accent);border-radius:50%;width:100%;height:100%;box-shadow:0 10px 30px #0003}.profile-container:after{content:"";border:2px dashed var(--color-accent);z-index:1;pointer-events:none;border-radius:50%;animation:20s linear infinite rotate;position:absolute;inset:-10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-name{color:var(--text-primary);margin:0;font-size:5rem;line-height:1}.hero-title{color:var(--color-accent);margin-top:-.5rem;font-size:1.5rem;font-weight:600}.scroll-indicator{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--text-muted);border-radius:14px;justify-content:center;width:26px;height:42px;display:flex;position:relative}.wheel{background-color:var(--color-accent);border-radius:2px;width:2px;height:8px;margin-top:6px}@media (width<=768px){.scroll-indicator{display:none}}.section-title{text-align:center;color:var(--color-accent);margin-bottom:2rem;font-size:3rem}.section-title:after{content:"";background-color:var(--color-accent);width:60px;height:4px;margin:.5rem auto 0;display:block}.experience-timeline{max-width:1200px;margin:4rem auto 0;padding:2rem 0;position:relative}.experience-timeline:before{content:"";background-color:var(--color-accent);opacity:.3;width:2px;position:absolute;top:42px;bottom:190px;left:50%;transform:translate(-50%)}.timeline-item:last-child{margin-bottom:0}.timeline-dot.latest{background-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}.timeline-dot.latest:after{content:"";background-color:var(--color-accent);opacity:.5;z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite waterDrop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes waterDrop{0%{opacity:.5;width:100%;height:100%}to{opacity:0;width:400%;height:400%}}.timeline-item{align-items:flex-start;width:100%;margin-bottom:4rem;display:flex;position:relative}.timeline-content{width:45%;box-shadow:none;background-color:#0000;border:none;padding:0;position:relative}.timeline-item.left .timeline-content{text-align:right;padding-right:2rem}.timeline-item.right .timeline-content{text-align:left;padding-left:2rem}.timeline-item.left{justify-content:flex-start}.timeline-item.right{justify-content:flex-end}.timeline-item:after,.timeline-item:before{display:none}.timeline-dot{background-color:var(--color-accent);border:2px solid var(--bg-card);z-index:5;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.timeline-header{margin-bottom:1.5rem}.timeline-role{color:var(--text-primary);margin-bottom:.3rem;font-size:1.5rem;font-weight:800;line-height:1.2}.timeline-company{color:var(--color-accent);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:block}.timeline-date{color:var(--text-muted);background:#ffb0001a;border-radius:2rem;padding:.2rem .8rem;font-size:.85rem;font-weight:500;display:inline-block}.timeline-bullets{padding-left:1.2rem;list-style-type:none}.timeline-item.left .timeline-bullets{padding-left:0;padding-right:1.2rem}.timeline-bullets li{color:var(--text-muted);margin-bottom:.8rem;font-size:.95rem;line-height:1.6;position:relative}.timeline-bullets li:before{content:"•";color:var(--color-accent);font-weight:700;position:absolute;left:-1.2rem}.timeline-item.left .timeline-bullets li:before{left:auto;right:-1.2rem}@media (width<=992px){.experience-timeline{padding-left:2rem}.experience-timeline:before{left:20px;transform:none}.timeline-item{margin-bottom:3rem;justify-content:flex-start!important}.timeline-dot{left:20px;transform:translate(-50%)}.timeline-content{width:calc(100% - 60px);margin-left:40px}.timeline-content:after{left:-20px!important;right:auto!important}}@media (width<=480px){.timeline-role{font-size:1.25rem}.timeline-content{padding:1.5rem}}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.skill-tag{background-color:var(--bg-card);text-align:center;border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;padding:1rem;font-weight:500;transition:all .3s}.skill-tag:hover{background-color:var(--color-accent);color:var(--text-dark);border-color:var(--color-accent);transform:translateY(-5px)}.contact-container{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-info h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem}.contact-item{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.contact-item .social-icon{color:var(--color-accent)}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);border-radius:.5rem;padding:1rem;font-size:1rem;transition:border-color .2s,background-color .3s;display:block}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}.form-group textarea{resize:vertical;min-height:120px;max-height:280px}.form-group-textarea{position:relative}.char-counter{color:var(--text-muted);pointer-events:none;background-color:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:.8rem;position:absolute;bottom:10px;right:15px}.submit-btn{width:100%;color:var(--text-primary);border:2px solid var(--color-accent);cursor:pointer;background-color:#0000;border-radius:.8rem;justify-content:center;align-items:center;gap:.8rem;margin-top:1rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffb00033}.submit-btn .progress-bar-fill{background-color:var(--color-accent);z-index:0;height:100%;position:absolute;top:0;left:0}.submit-btn .submit-btn-content{z-index:1;justify-content:center;align-items:center;gap:.8rem;transition:color .3s;display:flex;position:relative}.submit-btn:disabled{opacity:.7;cursor:not-allowed}footer{background-color:var(--bg-card);text-align:center;border-top:1px solid var(--border-color);padding:3rem 2rem}.social-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.social-icon{color:var(--text-primary);transition:color .3s}.social-icon:hover{color:var(--color-accent)}.about-text{text-align:center;max-width:800px;color:var(--text-muted);margin:0 auto 2rem;font-size:1.2rem}.languages-container{text-align:center;margin-top:3rem}.languages-title{color:var(--color-accent);font-size:2rem}.languages-list{color:var(--text-muted)}.resume-btn{color:var(--color-accent);border:2px solid var(--color-accent);cursor:pointer;background-color:#0000;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem 1.5rem;font-weight:700;transition:all .3s;display:inline-flex}.resume-btn:hover{background-color:var(--color-accent);color:var(--text-dark)}.form-success{color:#4caf50;text-align:center;background-color:#4caf501a;border:1px solid #4caf50;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.about-page-wrapper.full-page-layout{background:linear-gradient(180deg, var(--color-primary) 0%, var(--bg-card) 100%)}.page-main-full{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem}.page-navigation-top{justify-content:flex-start;margin-bottom:2.5rem;display:flex}.back-btn-minimal{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.6rem;padding:.4rem .8rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.back-btn-minimal.corner{margin-top:-1rem;margin-left:-1rem}.back-btn-minimal:hover{color:var(--color-accent);border-color:var(--border-color);background-color:var(--bg-nav)}.about-hero-section{text-align:center;max-width:800px;margin:0 auto}.section-title-medium{color:var(--color-accent);margin-bottom:2rem;font-size:3rem;line-height:1.2}.about-text-medium{color:var(--text-primary);margin-bottom:4rem;font-size:1.2rem;line-height:1.8}.resume-container-progress{flex-direction:column;align-items:center;gap:1rem;display:flex}.resume-btn-progress{color:var(--text-primary);border:2px solid var(--color-accent);cursor:pointer;background-color:#0000;border-radius:.8rem;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.resume-btn-progress:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffb00033}.progress-bar-fill{background-color:var(--color-accent);z-index:0;height:100%;position:absolute;top:0;left:0}.resume-btn-content{z-index:1;align-items:center;gap:.8rem;transition:color .3s;display:flex;position:relative}.resume-hint-small{color:var(--text-muted);opacity:.8;font-size:.75rem;font-style:italic}.page-main{flex:1;justify-content:center;align-items:flex-start;padding:8rem 2rem 4rem;display:flex}.content-card-standalone{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:2rem;width:100%;max-width:1000px;padding:3rem;box-shadow:0 20px 40px #0003}.page-header-standalone{text-align:center;margin-bottom:3rem;position:relative}.about-page-wrapper{background-color:var(--color-primary);flex-direction:column;min-height:100vh;display:flex}@media (width<=768px){.section-title-medium{font-size:2.2rem}.about-text-medium{font-size:1.1rem}.resume-btn-progress{padding:1rem 2rem;font-size:1rem}.page-main-full{padding-top:6rem}}.contact-page-wrapper{background-color:var(--color-primary);flex-direction:column;min-height:100vh;display:flex}.contact-card-standalone{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:2rem;width:100%;max-width:1000px;padding:3rem;box-shadow:0 20px 40px #0003}.contact-header-standalone{text-align:center;margin-bottom:3rem;position:relative}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-weight:500;transition:color .2s;display:flex;position:absolute;top:0;left:0}.back-btn:hover{color:var(--color-accent)}.contact-subtitle{color:var(--text-muted);margin-top:1rem;font-size:1.1rem}.contact-grid-standalone{grid-template-columns:1fr 1.5fr;gap:4rem;display:grid}.contact-details-standalone h3{color:var(--text-primary);margin-bottom:2rem;font-size:1.8rem}.contact-items-list{flex-direction:column;gap:1.5rem;display:flex}.contact-item-link{background-color:var(--color-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:1rem;align-items:center;gap:1.2rem;padding:1.2rem;transition:all .3s;display:flex}.contact-item-link:not(.no-hover):hover{border-color:var(--color-accent);background-color:var(--bg-card);transform:translate(5px)}.icon-wrapper{width:45px;height:45px;color:var(--color-accent);background-color:#ffb0001a;border-radius:50%;justify-content:center;align-items:center;display:flex}.item-text label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.8rem;display:block}.item-text span{font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.contact-form-standalone .form-success{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:3rem;display:flex}.success-icon{color:#fff;background-color:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;font-size:2rem;display:flex}.compact-footer{text-align:center;border-top:1px solid var(--border-color);background-color:var(--bg-card);padding:2rem}.compact-footer p:first-child{color:var(--color-accent);margin-bottom:.5rem;font-size:1.2rem}.compact-footer p:last-child{color:var(--text-muted);font-size:.8rem}@media (width<=900px){.contact-grid-standalone{grid-template-columns:1fr;gap:3rem}.content-card-standalone{padding:2rem}}@media (width<=768px){.nav-content{gap:1rem;padding:.8rem 1rem}.hero-name{font-size:3.5rem}.contact-container{grid-template-columns:1fr;gap:2rem}.logo-container{flex:1!important;justify-content:flex-start!important}.nav-actions{z-index:1002;flex:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex!important}.menu-toggle{display:flex!important}.nav-links{background-color:var(--bg-card);z-index:2000;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3rem;width:70%;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-10px 0 20px #0000001a}.nav-links.active{right:0}.nav-links a{font-size:1.2rem}.form-group-textarea .char-counter{text-align:right;background:0 0;margin-top:.5rem;padding:0;position:static}}@media (width<=600px){.form-row{grid-template-columns:1fr}.back-btn{margin-bottom:1rem;position:static}.page-main{padding-top:6rem}.about-text-standalone{font-size:1.1rem}.resume-btn-large{padding:1rem 2rem;font-size:1.2rem}}