:root{--bg-primary:#e8f7f2;--bg-secondary:#fff;--color-border:#121;--color-text:#121;--color-text-muted:#465;--primary:#35b08b;--primary-light:#e0faf2;--secondary:#088f67;--success:#06d6a0;--info:#3a86c8;--purple:#7209b7;--bg-dots:#06d6a01a;--color-on-primary:#121;--color-on-secondary:#fff;--color-on-accent:#121;--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--border-width:1.5px;--border-radius-lg:8px;--border-radius-md:6px;--border-radius-sm:4px;--neo-shadow:3px 3px 0px var(--color-border);--neo-shadow-hover:5px 5px 0px var(--color-border);--neo-shadow-active:1px 1px 0px var(--color-border);font-family:var(--font-body);color:var(--color-text);background-color:var(--bg-primary);box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:inherit}body{font-family:var(--font-body);background-color:var(--bg-primary);background-image:radial-gradient(var(--bg-dots) 1.5px, transparent 1.5px);color:var(--color-text);background-size:24px 24px;min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);margin-top:0;line-height:1.2}h1{text-transform:uppercase;letter-spacing:-.02em;font-size:3rem;font-weight:700}h2{font-size:2.2rem;font-weight:700}p{font-size:1.1rem;line-height:1.6}a{color:inherit;text-decoration:none}.neo-card{background-color:var(--bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--neo-shadow);padding:24px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.neo-card:hover{box-shadow:var(--neo-shadow-hover);transform:translate(-3px,-3px)}.neo-button{background-color:var(--bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);font-family:var(--font-heading);color:var(--color-text);box-shadow:var(--neo-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1.1rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.neo-button:hover{box-shadow:var(--neo-shadow-hover);transform:translate(-3px,-3px)}.neo-button:active{box-shadow:var(--neo-shadow-active);transform:translate(3px,3px)}.neo-button.primary{background-color:var(--primary);color:var(--color-on-primary)}.neo-button.secondary{background-color:var(--secondary);color:var(--color-on-secondary)}.neo-button.success{background-color:var(--success)}.neo-badge{border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--bg-secondary);font-family:var(--font-heading);box-shadow:2px 2px 0px var(--color-border);margin-bottom:8px;margin-right:8px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-block}.sticker-container{display:inline-block;position:relative}.sticker-image{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--neo-shadow);background-color:#fff;padding:4px;display:block}.splash-bg{z-index:-1;background-color:var(--primary);filter:blur(25px);opacity:.25;border-radius:var(--border-radius-lg);width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;top:-10px;left:-10px}.splash-bg.purple{background-color:var(--purple)}.splash-bg.yellow{background-color:var(--secondary)}.app-container{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.fade-in{animation:.4s cubic-bezier(.19,1,.22,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.neo-input{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);width:100%;font-family:var(--font-body);box-shadow:3px 3px 0px var(--color-border);background-color:#fff;outline:none;padding:12px 16px;font-size:1rem;transition:all .15s}.neo-input:focus{box-shadow:5px 5px 0px var(--color-border);border-color:var(--primary);transform:translate(-2px,-2px)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:var(--border-width) solid var(--color-border)}::-webkit-scrollbar-thumb{background-color:var(--primary);border:var(--border-width) solid var(--color-border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--purple)}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr;gap:24px}h1{font-size:2.2rem}h2{font-size:1.8rem}}.header-container{z-index:100;margin-bottom:32px;position:sticky;top:16px}.header-bar{background-color:var(--bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--neo-shadow);justify-content:space-between;align-items:center;padding:10px 24px;transition:all .2s;display:flex}.logo-container{font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.8rem;font-weight:800;display:flex}.logo-text-black{color:var(--color-text)}.logo-text-pink{color:var(--primary)}.desktop-nav{gap:12px;display:flex}.nav-item{border:var(--border-width) solid transparent;border-radius:var(--border-radius-sm);font-family:var(--font-heading);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 18px;font-weight:600;transition:all .15s ease-in-out;display:flex}.nav-item:hover{background-color:var(--primary-light);border-color:var(--color-border);transform:translate(-1px,-1px)}.nav-item.active{background-color:var(--primary);color:var(--color-on-primary);border-color:var(--color-border);box-shadow:2px 2px 0px var(--color-border)}.mobile-menu-btn{background:var(--secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;width:44px;height:44px;box-shadow:2px 2px 0px var(--color-border);justify-content:center;align-items:center;transition:all .1s;display:none}.mobile-menu-btn:active{box-shadow:0px 0px 0px var(--color-border);transform:translate(2px,2px)}.mobile-drawer{background-color:var(--bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--neo-shadow);opacity:0;margin-top:12px;padding:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:none;transform:translateY(-20px)}.mobile-drawer.open{opacity:1;display:block;transform:translateY(0)}.mobile-nav{flex-direction:column;gap:10px;display:flex}.mobile-nav-item{border-radius:var(--border-radius-md);font-family:var(--font-heading);text-align:left;cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:1.1rem;font-weight:600;transition:all .15s;display:flex}.mobile-nav-item:hover{background-color:var(--primary-light);border-color:var(--color-border)}.mobile-nav-item.active{background-color:var(--primary);color:var(--color-on-primary);border-color:var(--color-border);box-shadow:3px 3px 0px var(--color-border)}@media (width<=900px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.header-container{top:8px}}.home-section{flex-direction:column;gap:40px;padding-bottom:40px;display:flex}.hero-grid{align-items:center}.hero-visual{justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.sticker-wrapper{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.hero-portrait{object-fit:cover;width:240px;height:240px}.glitch-image-container{cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.glitch-image-container:hover{transform:scale(1.05)}.glitch-image-container .glitch-img{z-index:2;pointer-events:none;position:absolute;top:0;left:0;box-shadow:none!important;background-color:#0000!important;border-color:#0000!important}.glitch-image-container .glitch-r{filter:drop-shadow(4px 0 #ff00c1)hue-rotate(150deg);mix-blend-mode:multiply;animation:.35s linear infinite glitch-slice-1}.glitch-image-container .glitch-b{filter:drop-shadow(-4px 0 #00fff0)hue-rotate(270deg);mix-blend-mode:multiply;animation:.35s linear infinite glitch-slice-2}.glitch-image-container.is-glitching .main-img{animation:.35s linear infinite glitch-main}@keyframes glitch-main{0%{transform:translate(0)skew(0deg)}10%{transform:translate(-2px,1px)skew(-.5deg)}20%{transform:translate(1px,-2px)skew(1deg)}30%{transform:translate(-1px,2px)skew(-1.5deg)}40%{transform:translate(2px,1px)skew(.5deg)}50%{transform:translate(-1px,-1px)skew(-1deg)}60%{transform:translate(1px,2px)skew(1deg)}70%{transform:translate(-2px,-1px)skew(-.5deg)}80%{transform:translate(2px,1px)skew(1.5deg)}90%{transform:translate(-1px,-2px)skew(-1deg)}to{transform:translate(0)skew(0deg)}}@keyframes glitch-slice-1{0%{clip-path:inset(10% 0 80%);transform:translate(-6px,-2px)skew(2deg)}20%{clip-path:inset(30% 0 60%);transform:translate(5px,2px)skew(-1deg)}40%{clip-path:inset(50% 0 40%);transform:translate(-4px,3px)skew(3deg)}60%{clip-path:inset(70% 0 20%);transform:translate(3px,-3px)skew(-2deg)}80%{clip-path:inset(85% 0 5%);transform:translate(-5px,2px)skew(1deg)}to{clip-path:inset(95% 0 1%);transform:translate(4px,-1px)skew(0deg)}}@keyframes glitch-slice-2{0%{clip-path:inset(85% 0 5%);transform:translate(6px,2px)skew(-2deg)}20%{clip-path:inset(60% 0 30%);transform:translate(-5px,-2px)skew(1deg)}40%{clip-path:inset(40% 0 50%);transform:translate(4px,-3px)skew(-3deg)}60%{clip-path:inset(20% 0 70%);transform:translate(-3px,3px)skew(2deg)}80%{clip-path:inset(5% 0 85%);transform:translate(5px,-2px)skew(-1deg)}to{clip-path:inset(1% 0 95%);transform:translate(-4px,1px)skew(0deg)}}.floating-badge{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-heading);box-shadow:2px 2px 0px var(--color-border);white-space:nowrap;padding:6px 14px;font-size:.85rem;font-weight:700;animation:3s ease-in-out infinite alternate float;position:absolute}.yellow-badge{background-color:var(--secondary);color:#fff;animation-delay:.5s;top:10px;right:-20px;transform:rotate(3deg)}.pink-badge{background-color:var(--primary);color:#fff;bottom:10px;left:-20px;transform:rotate(-3deg)}@keyframes float{0%{transform:translateY(0px) rotate(var(--rot,2deg))}to{transform:translateY(-6px) rotate(var(--rot,4deg))}}.yellow-badge{--rot:3deg}.pink-badge{--rot:-3deg}.hero-text-container{flex-direction:column;justify-content:center;gap:20px;display:flex}.hero-name{letter-spacing:-.03em;color:var(--color-text);text-shadow:none;-webkit-text-stroke:0;margin:0;font-size:3.8rem;font-weight:800;line-height:1.1}.hero-subtitle{letter-spacing:-.01em;margin:0;font-size:1.8rem;font-weight:600}.highlight-text{color:var(--primary);background-color:var(--primary-light);border-radius:var(--border-radius-sm);border:var(--border-width) solid var(--color-border);padding:2px 10px;display:inline-block;transform:none}.social-links-container{gap:16px;margin-top:10px;display:flex}.social-btn{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--color-on-accent);box-shadow:var(--neo-shadow);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.social-btn:hover{box-shadow:var(--neo-shadow-hover);transform:translate(-2px,-2px)}.social-btn:active{box-shadow:var(--neo-shadow-active);transform:translate(1px,1px)}.linkedin-btn{background-color:#ffd166}.github-btn{background-color:#06d6a0}.deviantart-btn{color:#fff;background-color:#3a86c8}.itchio-btn{color:#fff;background-color:#ff2449}.section-title{border-bottom:var(--border-width) solid var(--color-border);letter-spacing:-.01em;margin-bottom:20px;padding-bottom:8px;font-size:1.8rem;font-weight:700;display:inline-block}.about-card{flex-direction:column;gap:16px;display:flex}.about-actions{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.details-card{background-color:var(--secondary)}.details-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.details-list li{align-items:center;gap:16px;display:flex}.detail-icon{border:2px solid var(--color-border);width:40px;height:40px;box-shadow:2px 2px 0px var(--color-border);background-color:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex}.detail-content{flex-direction:column;display:flex}.detail-content strong{font-family:var(--font-heading);color:var(--color-text-primary);font-size:.9rem}.detail-content span,.detail-content a{font-size:1.1rem;font-weight:600}.detail-content a:hover{text-decoration:underline}@media (width<=900px){.hero-name{font-size:3rem}.hero-text-container{text-align:center;align-items:center}.info-grid{grid-template-columns:1fr}.about-actions{justify-content:center}}.resume-section{flex-direction:column;gap:40px;padding-bottom:40px;display:flex}.section-header-banner{background-color:var(--primary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);text-align:center;box-shadow:var(--neo-shadow);color:#fff;padding:24px}.banner-title{letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800}.banner-subtitle{font-size:1.1rem;font-family:var(--font-heading);color:#ffffffe6;margin:8px 0 0}.timeline-grid{align-items:start}.timeline-column{flex-direction:column;gap:20px;display:flex}.column-header{background-color:var(--bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--neo-shadow);align-items:center;gap:12px;width:fit-content;padding:10px 20px;display:flex}.column-header h3{margin:0;font-size:1.3rem;font-weight:700}.column-header.center-header{margin:0 auto 30px}.header-icon{color:var(--primary)}.timeline-items{flex-direction:column;gap:24px;display:flex}.resume-item{text-align:left;border-left-width:6px;flex-direction:column;gap:10px;display:flex}.blue-tab{border-left-color:var(--info)}.pink-tab{border-left-color:var(--primary)}.yellow-tab{border-left-color:var(--secondary)}.green-tab{border-left-color:var(--success)}.purple-tab{border-left-color:var(--purple)}.resume-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.resume-item-badge{background-color:var(--bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-heading);box-shadow:1.5px 1.5px 0px var(--color-border);align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.company-tag{font-family:var(--font-heading);background-color:var(--secondary);color:var(--color-on-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:1.5px 1.5px 0px var(--color-border);padding:4px 10px;font-size:.9rem;font-weight:700}.item-title{margin:0;font-size:1.3rem;font-weight:700}.item-subtitle{font-family:var(--font-heading);color:var(--color-text-muted);margin:0;font-size:1rem}.item-description{margin:0;font-size:1rem}.item-description-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:.95rem;display:flex}.item-description-list li{line-height:1.4}.logo-avatar{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);width:32px;min-width:32px;height:32px;box-shadow:1.5px 1.5px 0px var(--color-border);font-family:var(--font-heading);background-color:#fff;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.logo-avatar-img{object-fit:contain;border-radius:2px;width:100%;height:100%;padding:2px}.fallback-avatar{background-color:var(--primary-light);color:var(--primary)}.soccer-avatar{background-color:#ffd166;font-size:1.1rem}.company-container{align-items:center;gap:8px;display:flex}.institution-container{align-items:center;gap:10px;margin-top:6px;display:flex}.institution-container .item-subtitle{margin:0}.skills-card-section{text-align:center}.skills-container{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.skill-sticker{background-color:var(--bg-secondary);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-heading);box-shadow:var(--neo-shadow);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.skill-sticker:hover{box-shadow:var(--neo-shadow-hover);background-color:var(--primary-light);border-color:var(--primary);transform:translateY(-2px)}@media (width<=900px){.resume-item-header{flex-direction:column;align-items:flex-start}}.portfolio-section{flex-direction:column;gap:32px;padding-bottom:40px;display:flex}.portfolio-header{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.portfolio-title{letter-spacing:-.02em;color:var(--color-text);text-shadow:none;-webkit-text-stroke:0;margin:0;font-size:2.8rem;font-weight:800}.filters-container{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.filter-btn{background-color:var(--bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-heading);cursor:pointer;box-shadow:2px 2px 0px var(--color-border);align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.filter-btn:hover{box-shadow:3px 3px 0px var(--color-border);background-color:var(--primary-light);transform:translate(-1px,-1px)}.filter-btn.active{background-color:var(--primary);color:var(--color-on-primary);box-shadow:1px 1px 0px var(--color-border);transform:translate(1px,1px)}.project-card{flex-direction:column;height:100%;padding:16px;display:flex}.project-image-container{aspect-ratio:16/10;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);width:100%;margin-bottom:16px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card:hover .project-image{transform:scale(1.03)}.project-floating-btn{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);width:40px;height:40px;box-shadow:2px 2px 0px var(--color-border);color:var(--color-text);background-color:#fff;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.project-floating-btn:hover{background-color:var(--primary);color:#fff;transform:scale(1.05)}.project-info{text-align:left;flex-direction:column;flex-grow:1;display:flex}.project-card-title{margin-bottom:8px;font-size:1.3rem;font-weight:700;line-height:1.3}.project-card-description{color:var(--color-text-muted);flex-grow:1;margin-bottom:16px;font-size:.95rem;line-height:1.5}.project-tags{flex-wrap:wrap;gap:4px;display:flex}.project-tag{box-shadow:1px 1px 0px var(--color-border);border-radius:var(--border-radius-sm);border-width:1px;padding:4px 8px;font-size:.8rem}@media (width<=900px){.portfolio-title{font-size:2.2rem}}.contact-section{justify-content:center;align-items:center;padding-bottom:40px;display:flex}.contact-card{background-color:var(--bg-secondary);width:100%;max-width:650px}.contact-header{text-align:center;border-bottom:var(--border-width) solid var(--color-border);margin-bottom:30px;padding-bottom:20px}.contact-title{letter-spacing:-.02em;color:var(--color-text);text-shadow:none;-webkit-text-stroke:0;margin:0 0 8px;font-size:2.5rem;font-weight:800}.contact-subtitle{color:var(--color-text-muted);margin:0;font-size:1.1rem}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-field{text-align:left;flex-direction:column;gap:8px;display:flex}.form-field label{font-family:var(--font-heading);font-size:1.1rem;font-weight:600}.neo-textarea{resize:vertical;min-height:120px}.submit-btn{align-self:flex-start;margin-top:10px}.contact-success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 10px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popScale;display:flex}.success-icon-wrapper{background-color:var(--success);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--neo-shadow);color:#fff;margin-bottom:20px;padding:16px}.contact-success-state h3{margin:0 0 12px;font-size:2rem;font-weight:700}.contact-success-state p{color:var(--color-text-muted);max-width:450px;margin-bottom:24px;font-size:1.1rem}@keyframes popScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.contact-title{font-size:2.2rem}.form-row{grid-template-columns:1fr;gap:16px}.submit-btn{width:100%}}.app-footer{margin-top:50px;padding-bottom:20px}.footer-card{background-color:var(--bg-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.footer-card p{font-family:var(--font-heading);margin:0;font-weight:600}.footer-credits{font-family:var(--font-heading);background-color:var(--secondary);color:var(--color-on-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:1.5px 1.5px 0px var(--color-border);padding:4px 10px;font-size:.85rem;font-weight:700}@media (width<=600px){.footer-card{text-align:center;flex-direction:column}}