.footer{background:var(--background);color:var(--foreground);border-top:12px solid var(--border);position:relative;overflow:hidden}.footer-top{display:flex;border-bottom:8px solid var(--border)}.footer-left{flex:2;padding:80px;border-right:8px solid var(--border);background:var(--background);background-image:radial-gradient(var(--border) 1.5px,transparent 1.5px);background-size:30px 30px}.footer-right{flex:1;display:flex;flex-direction:column}.footer-link-group{padding:50px 60px;border-bottom:8px solid var(--border);flex:1;background:var(--muted)}.footer-link-group:last-child{border-bottom:none;background:var(--secondary)}.footer-huge-logo{font-size:8rem;font-weight:900;line-height:.9;text-transform:uppercase;color:var(--primary);margin-bottom:40px;-webkit-text-stroke:3px var(--border);text-shadow:10px 10px 0 var(--border);transform:rotate(-2deg);display:inline-block}.footer-bio{font-size:1.6rem;font-weight:900;line-height:1.6;max-width:600px;color:var(--text-primary);padding:24px;border:6px solid var(--border);background:white;box-shadow:8px 8px 0 var(--border);transform:rotate(1deg)}.footer-title{font-size:2.2rem;font-weight:900;text-transform:uppercase;color:white;margin-bottom:30px;border:4px solid var(--border);background:var(--foreground);display:inline-flex;padding:8px 20px;box-shadow:6px 6px 0 var(--border);transform:rotate(-1deg)}.footer-links-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:20px}.footer-links-list a,.footer-links-list li{color:var(--foreground);font-size:1.4rem;font-weight:900;text-decoration:none;text-transform:uppercase;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;cursor:pointer;position:relative}.footer-links-list a:before{content:"→";margin-right:8px;opacity:0;transition:opacity .2s}.footer-links-list a:hover:before{opacity:1}.footer-links-list a:hover{transform:translateX(10px) scale(1.05);background:var(--foreground);color:white;padding:4px 16px;border:4px solid var(--border);box-shadow:6px 6px 0 var(--border)}.footer-bottom{padding:40px 80px;display:flex;justify-content:space-between;align-items:center;background:var(--primary)}.footer-bottom p{font-size:1.3rem;font-weight:900;color:white;margin:0;text-transform:uppercase;border:4px solid var(--border);padding:8px 16px;background:var(--foreground);box-shadow:4px 4px 0 var(--border)}.dark .footer-bottom p{color:var(--background)}.footer-back-to-top{background:var(--secondary);color:var(--foreground);border:4px solid var(--border);font-size:1.3rem;font-weight:900;padding:12px 24px;box-shadow:6px 6px 0 var(--border);cursor:pointer;text-transform:uppercase;transition:all .1s ease}.footer-back-to-top:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--border);background:white}.footer-back-to-top:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--border)}@media (max-width:1024px){.footer-top{flex-direction:column}.footer-left{border-right:none}.footer-left,.footer-link-group{border-bottom:8px solid var(--border);padding:40px}.footer-huge-logo{font-size:5.5rem}.footer-bottom{flex-direction:column;gap:30px;text-align:center;padding:40px}}@media (max-width:768px){.footer-huge-logo{font-size:4rem;text-shadow:6px 6px 0 var(--border);-webkit-text-stroke:2px var(--border)}.footer-bio{font-size:1.2rem;transform:none;box-shadow:4px 4px 0 var(--border)}.footer-title{font-size:1.8rem}.footer-links-list a{font-size:1.2rem}}.navbar{position:fixed;top:0;left:0;right:0;background:var(--background);border-bottom:6px solid var(--border);z-index:1000;transition:all .2s cubic-bezier(.25,.8,.25,1);padding:15px 0}.navbar.scrolled{background:var(--card);box-shadow:0 8px 0 0 var(--border);padding:8px 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:2.2rem;font-weight:900;text-transform:uppercase;color:var(--primary);background:transparent;border:none;cursor:pointer;-webkit-text-stroke:1px var(--foreground);text-shadow:4px 4px 0 var(--foreground);transition:all .1s ease;padding:0}.nav-logo:hover{transform:translate(-3px,-3px);text-shadow:7px 7px 0 var(--foreground)}.nav-desktop{display:flex;gap:20px}.nav-link{background:transparent;border:4px solid transparent;color:var(--foreground);font-weight:800;text-transform:uppercase;font-size:1.1rem;cursor:pointer;padding:8px 16px;transition:all .2s ease}.nav-link:hover{background:var(--secondary);border-color:var(--border);box-shadow:4px 4px 0 var(--border);transform:translateY(-2px);color:#000}.nav-cta{background:var(--accent);color:#fff;border:4px solid var(--border);box-shadow:6px 6px 0 var(--border);font-weight:900;font-size:1.1rem;padding:10px 24px;text-transform:uppercase;cursor:pointer;transition:all .1s ease;-webkit-text-stroke:1px #000}.nav-cta:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--border);background:#fff;color:var(--accent)}.nav-cta:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border)}.nav-hamburger{display:none;align-items:center;gap:10px;background:var(--primary);color:#fff;border:4px solid var(--border);box-shadow:4px 4px 0 var(--border);font-weight:900;font-size:1.2rem;padding:8px 16px;text-transform:uppercase;cursor:pointer;-webkit-text-stroke:1px #000}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;bottom:0;right:0;width:450px;max-width:100vw;background:var(--muted);border-left:8px solid var(--border);z-index:2000;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);box-shadow:-15px 0 0 rgba(0,0,0,1)}.sidebar.open{transform:translateX(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:8px solid var(--border);background:var(--primary)}.sidebar-title{font-size:1.8rem;font-weight:900;text-transform:uppercase;color:#fff;-webkit-text-stroke:1px #000}.sidebar-close{background:#fff;border:4px solid var(--border);width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;color:#000;cursor:pointer;box-shadow:4px 4px 0 var(--border);transition:all .1s ease}.sidebar-close:hover{background:var(--accent);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.sidebar-links{flex:1;display:flex;flex-direction:column;padding:40px 0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;padding:20px 40px;font-size:2.5rem;font-weight:900;color:var(--foreground);text-transform:uppercase;background:transparent;border:none;border-bottom:4px solid var(--border);cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-link:first-child{border-top:4px solid var(--border)}.sidebar-link-num{font-size:1.2rem;margin-right:20px;color:var(--primary);-webkit-text-stroke:1px var(--foreground)}.sidebar-link:hover{background:var(--secondary);padding-left:60px;color:#000}.sidebar-link:hover .sidebar-link-num{color:#fff;-webkit-text-stroke:1px #000}.sidebar-footer{padding:40px;border-top:8px solid var(--border);background:var(--card)}.sidebar-cta{width:100%;background:var(--accent);color:#fff;font-weight:900;font-size:2rem;padding:20px;border:6px solid var(--border);box-shadow:8px 8px 0 var(--border);cursor:pointer;text-transform:uppercase;transition:all .1s ease;-webkit-text-stroke:1px #000}.sidebar-cta:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--border);background:#fff;color:var(--accent)}@media (max-width:1024px){.nav-cta,.nav-desktop{display:none}.nav-hamburger{display:flex}.nav-container{padding:0 20px}.sidebar{width:100vw;border-left:none}.sidebar-link{font-size:2rem;padding:20px 30px}.sidebar-link:hover{padding-left:40px}}.about{padding:80px 20px;background:var(--background);border-bottom:8px solid var(--border)}.section-title{text-align:center;font-size:3.5rem;margin-bottom:60px;font-weight:900;text-transform:uppercase;color:var(--text-primary);background:var(--secondary);border:4px solid var(--border);display:inline-block;padding:8px 24px;box-shadow:8px 8px 0 var(--border);transform:rotate(-1deg);margin-left:auto;margin-right:auto}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:flex-start;max-width:1100px;margin:auto}.about-image{text-align:center;position:relative}.profile-photo{width:100%;max-width:400px;aspect-ratio:1;border-radius:0;border:4px solid var(--border);box-shadow:12px 12px 0 var(--border);object-fit:cover;transition:all .1s ease;background:var(--primary)}.profile-photo:hover{transform:translate(-4px,-4px);box-shadow:16px 16px 0 var(--border)}.about-text{background:white;padding:40px;border:4px solid var(--border);box-shadow:12px 12px 0 var(--border)}.about-text p{margin-bottom:24px;font-size:1.2rem;line-height:1.8;font-weight:700;color:var(--text-primary)}.resume-actions{display:flex;gap:1.5rem;margin-top:32px}.btn-save,.btn-view{display:inline-block;padding:16px 36px;font-size:1.2rem;font-weight:900;text-transform:uppercase;border-radius:0;border:4px solid var(--border);text-decoration:none;transition:all .1s ease;box-shadow:6px 6px 0 var(--border);cursor:pointer}.btn-view{background:var(--primary);color:var(--primary-foreground)}.btn-view:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--border)}.btn-save{background:var(--secondary);color:var(--text-primary)}.btn-save:hover{background:white;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--border)}@media (max-width:1024px){.about-content{grid-template-columns:1fr}}@media (max-width:768px){.about{padding:60px 16px}.about-text{padding:24px}.about-text,.profile-photo{box-shadow:6px 6px 0 var(--border)}.resume-actions{flex-direction:column;gap:1rem;width:100%}.btn-save,.btn-view{padding:12px 20px;width:100%;text-align:center;box-shadow:4px 4px 0 var(--border)}}.contact{background:var(--background);position:relative;padding:0 0 120px}.contact,.marquee{border-bottom:8px solid var(--border);overflow:hidden}.marquee{width:100vw;background:var(--primary);padding:20px 0;display:flex;white-space:nowrap}.marquee-content{display:flex;align-items:center;animation:marquee 15s linear infinite;font-size:3rem;font-weight:900;text-transform:uppercase;color:#fff;-webkit-text-stroke:1px #000}.marquee .star{color:var(--secondary);margin:0 40px;-webkit-text-stroke:2px #000}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.contact-container{margin-top:100px}.contact-poster{background:var(--card);box-shadow:20px 20px 0 var(--border);max-width:1000px;margin:0 auto;position:relative;z-index:2}.contact-poster,.corner{border:8px solid var(--border)}.corner{position:absolute;width:40px;height:40px;z-index:3}.corner-tl{top:-8px;left:-8px;background:var(--secondary)}.corner-br{bottom:-8px;right:-8px;background:var(--accent)}.poster-header{padding:50px 60px;border-bottom:8px solid var(--border);background:var(--background)}.poster-header h3{font-size:4rem;font-weight:900;line-height:1;text-transform:uppercase;color:var(--foreground);margin-bottom:25px;text-shadow:5px 5px 0 var(--primary);-webkit-text-stroke:1px var(--border)}.poster-desc{font-size:1.4rem;font-weight:700;line-height:1.6;color:var(--foreground);max-width:700px;margin-bottom:35px}.location-tag{display:inline-flex;align-items:center;gap:12px;background:var(--border);font-size:1.2rem;font-weight:900;text-transform:uppercase;padding:12px 24px;border-radius:50px;box-shadow:4px 4px 0 var(--secondary)}.location-tag,.location-tag svg{color:var(--background)}.contact-links{display:flex;flex-direction:column}.contact-block{display:flex;justify-content:space-between;align-items:center;padding:35px 60px;border-bottom:5px solid var(--border);text-decoration:none;background:var(--card);transition:all .2s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.contact-block:last-child{border-bottom:none}.contact-block:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary);transform:translateY(100%);transition:transform .25s cubic-bezier(.25,.8,.25,1);z-index:0}.contact-block:nth-child(2):before{background:var(--secondary)}.contact-block:nth-child(3):before{background:var(--muted)}.contact-block:nth-child(4):before{background:var(--accent)}.contact-block:hover:before{transform:translateY(0)}.contact-block-left,.contact-block-right{display:flex;align-items:center;pointer-events:none;position:relative;z-index:2;transition:transform .2s ease}.contact-block:hover .contact-block-left{transform:translateX(15px)}.contact-block:hover .contact-block-right{transform:translateX(-15px)}.contact-icon{font-size:2.8rem;color:var(--foreground);margin-right:25px;display:flex}.contact-name{font-size:2.5rem;font-weight:900;text-transform:uppercase;color:var(--foreground)}.contact-value{font-size:1.3rem;font-weight:800;color:var(--foreground);margin-right:25px}.contact-arrow{font-size:3rem;font-weight:900;color:var(--foreground);transition:transform .2s}.contact-block:hover .contact-arrow{transform:translateX(10px) scale(1.2)}.contact-block:hover .contact-arrow,.contact-block:hover .contact-icon,.contact-block:hover .contact-name,.contact-block:hover .contact-value{color:#000!important}@media (max-width:900px){.poster-header{padding:30px}.poster-header h3{font-size:2.5rem;text-shadow:3px 3px 0 var(--primary)}.contact-block{flex-direction:column;align-items:flex-start;padding:25px 30px;gap:15px}.contact-block:hover .contact-block-left,.contact-block:hover .contact-block-right{transform:none}.contact-block-right{width:100%;justify-content:space-between}.contact-value{font-size:1rem;word-break:break-all}.contact-arrow{font-size:2rem}}.experience{background:var(--muted);border-bottom:8px solid var(--border);padding:80px 20px}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:4px;background:var(--border)}.timeline-item{position:relative;margin-bottom:60px;padding-left:80px}.timeline-dot{position:absolute;left:18px;top:0;width:28px;height:28px;background:var(--secondary);box-shadow:4px 4px 0 var(--border)}.timeline-content,.timeline-dot{border:4px solid var(--border);border-radius:0}.timeline-content{background:white;padding:30px;box-shadow:8px 8px 0 var(--border);transition:all .1s ease}.timeline-content:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--border)}.job-title{font-size:1.8rem;color:var(--text-primary);margin-bottom:12px;text-transform:uppercase;background:var(--secondary);padding:4px 8px;box-shadow:4px 4px 0 var(--border)}.company,.job-title{font-weight:900;display:inline-block;border:4px solid var(--border)}.company{background:var(--primary);color:var(--primary-foreground);padding:4px 12px;font-size:1.1rem;margin-bottom:16px;box-shadow:2px 2px 0 var(--border)}.period{color:var(--text-primary);font-size:1rem;font-weight:900;margin-left:12px;text-transform:uppercase}.responsibilities{margin-top:20px;list-style:none}.responsibilities li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--text-primary);font-weight:700;line-height:1.6}.responsibilities li:before{content:"■";position:absolute;left:0;color:var(--primary);font-weight:900}@media (max-width:768px){.timeline:before{left:20px}.timeline-item{padding-left:60px}.timeline-dot{left:8px}}.education{background:var(--muted);border-bottom:8px solid var(--border);padding:120px 20px;position:relative;overflow:hidden}.education:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 20px);pointer-events:none;z-index:0}.dark .education:after{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 20px)}.edu-ticket{display:flex;max-width:900px;width:100%;background:var(--card);border:8px solid var(--border);box-shadow:20px 20px 0 var(--border);position:relative;transition:transform .2s cubic-bezier(.25,.8,.25,1);z-index:1}.edu-ticket:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:28px 28px 0 var(--border);z-index:10}.ticket-left{flex:1;padding:60px 50px;border-right:8px dashed var(--border);display:flex;flex-direction:column;justify-content:center;position:relative;background:var(--background)}.ticket-left:after,.ticket-left:before{content:"";position:absolute;right:-24px;width:40px;height:40px;background:var(--muted);border:8px solid var(--border);border-radius:50%;z-index:2}.ticket-left:before{top:-24px;border-top-color:transparent;border-left-color:transparent;transform:rotate(-45deg)}.ticket-left:after{bottom:-24px;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(45deg)}.edu-badge{display:inline-block;background:var(--foreground);color:var(--background);padding:10px 20px;font-size:1.2rem;align-self:flex-start;margin-bottom:25px;box-shadow:4px 4px 0 var(--primary)}.edu-badge,.edu-degree{font-weight:900;text-transform:uppercase}.edu-degree{font-size:2.8rem;line-height:1.1;color:var(--foreground);margin-bottom:15px;-webkit-text-stroke:1px var(--foreground)}.edu-institution{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.edu-description{font-size:1.1rem;font-weight:700;color:var(--foreground);line-height:1.6;border-left:6px solid var(--secondary);padding-left:20px}.ticket-right{width:280px;background:var(--secondary);padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.edu-year{font-size:4rem;line-height:1;-webkit-text-stroke:1px #000}.edu-divider,.edu-year{font-weight:900;color:#000}.edu-divider{font-size:1.2rem;margin:10px 0;padding:5px 15px;border:4px solid #000;border-radius:50px}.stamp{border:6px solid var(--primary);color:var(--primary);font-size:1.8rem;font-weight:900;text-transform:uppercase;padding:10px 15px;transform:rotate(-15deg);display:inline-block;margin-top:30px;letter-spacing:2px;box-shadow:4px 4px 0 var(--primary);background:transparent;white-space:nowrap}@media (max-width:900px){.edu-ticket{flex-direction:column}.ticket-left{border-right:none;border-bottom:8px dashed var(--border);padding:40px 20px}.ticket-left:after,.ticket-left:before{display:none}.ticket-right{width:100%;padding:50px 20px}.edu-degree{font-size:2.2rem}.edu-year{font-size:3.5rem}}.perspective-1000{perspective:1000px}.rotate-y-\[-10deg\]{transform:rotateY(-10deg) rotateX(5deg)}.group:hover .group-hover\:rotate-y-0{transform:rotateY(0deg) rotateX(0deg) translateY(-16px)}.projects{padding:100px 0;border-bottom:8px solid var(--border);background:var(--background);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:40px 40px}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;border:6px solid var(--border);background:var(--secondary);padding:16px 24px;box-shadow:10px 10px 0 0 var(--border);transform:rotate(-1deg)}.brutal-title{font-size:3rem;margin:0;color:var(--text-primary);letter-spacing:-1px}.brutal-badge,.brutal-title{font-weight:900;text-transform:uppercase}.brutal-badge{background:var(--primary);color:white;padding:8px 16px;border:4px solid var(--border);font-size:1.2rem;box-shadow:4px 4px 0 var(--border);transform:rotate(2deg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:60px}.project-card{background:var(--background);border:6px solid var(--border);border-radius:0;box-shadow:12px 12px 0 0 var(--border);transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;position:relative}.project-card:hover{transform:translate(-6px,-6px);box-shadow:18px 18px 0 0 var(--border)}.card-top-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--muted);border-bottom:6px solid var(--border)}.dots{display:flex;gap:8px}.dot{width:16px;height:16px;border:3px solid var(--border);border-radius:50%;cursor:pointer}.dot.red{background:var(--destructive)}.dot.yellow{background:var(--secondary)}.dot.green{background:#4ADE80}.bar-title{margin-left:auto;font-family:monospace;font-weight:900;font-size:1rem;text-transform:uppercase}.project-image-wrapper{position:relative;overflow:hidden;border-bottom:6px solid var(--border);background:var(--border);cursor:pointer;group:hover}.project-image img{width:100%;height:280px;object-fit:contain;background:white;transition:transform .4s ease,filter .4s ease}.project-card:hover .project-image img{transform:scale(1.05);filter:grayscale(0) contrast(1.1)}.project-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(4px)}.project-card:hover .project-overlay{opacity:1}.brutal-btn{transform:translateY(20px);opacity:0;transition:all .3s ease}.project-card:hover .brutal-btn{transform:translateY(0);opacity:1}.project-content{padding:32px;flex:1;display:flex;flex-direction:column;background:white;min-width:0}.project-title{font-size:2.2rem;font-weight:900;text-transform:uppercase;margin-bottom:16px;color:var(--text-primary);background:var(--secondary);display:inline-block;padding:4px 12px;border:4px solid var(--border);box-shadow:4px 4px 0 var(--border);align-self:flex-start;word-break:break-word;max-width:100%}.project-description{color:var(--foreground);font-weight:700;font-size:1.1rem;margin-bottom:32px;line-height:1.6;flex:1}.scroll-container{overflow:hidden;display:flex;width:100%;border-top:4px dashed var(--border);border-bottom:4px dashed var(--border);padding:16px 0;margin-bottom:32px;background:var(--neo-bg);min-width:0}.scroll-content{display:flex;gap:16px;animation:scrollLeft 15s linear infinite;padding-right:16px}.scroll-container:hover .scroll-content{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.tech-badge{background:var(--muted);color:var(--foreground);border:4px solid var(--border);padding:8px 16px;border-radius:0;font-size:.9rem;font-weight:900;text-transform:uppercase;box-shadow:4px 4px 0 var(--border);white-space:nowrap;transition:all .1s ease}.tech-badge:hover{background:var(--primary);color:white;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.project-links{display:flex;gap:16px;flex-wrap:wrap}.modal-links a,.project-links a,.project-links button{display:inline-flex;align-items:center;gap:8px}.btn-more{background:var(--muted);color:var(--foreground);border:4px solid var(--border);padding:12px 24px;border-radius:0;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .1s ease;box-shadow:6px 6px 0 0 var(--border)}.btn-more:hover{background:var(--secondary);transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--border)}.btn-more:active{transform:translate(6px,6px);box-shadow:0 0 0 0 var(--border)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);border:12px solid var(--primary);display:flex;justify-content:center;align-items:center;z-index:2000;padding:40px;animation:fadeIn .2s ease-out;backdrop-filter:blur(10px)}.modal-content.fullscreen{background:var(--background);border:8px solid var(--border);border-radius:0;box-shadow:24px 24px 0 0 var(--primary);width:100%;max-width:1600px;height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--secondary);border-bottom:8px solid var(--border)}.modal-top-bar .bar-title{font-size:1.2rem}.btn-close-modal{background:var(--primary);border:4px solid var(--border);color:white;font-size:2rem;cursor:pointer;border-radius:0;width:48px;height:48px;display:flex;justify-content:center;align-items:center;box-shadow:4px 4px 0 var(--border);transition:all .1s ease}.btn-close-modal:hover{background:var(--destructive);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.modal-body{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;height:100%}.modal-left{background:var(--background);border-right:8px solid var(--border)}.modal-left,.modal-right{overflow-y:auto;padding:40px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--border)}.modal-right{background:var(--muted);background-image:repeating-linear-gradient(45deg,var(--border) 0,var(--border) 2px,transparent 2px,transparent 10px)}.modal-header-box{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:20px;flex-wrap:wrap}.modal-title{font-size:4rem;font-weight:900;color:var(--text-primary);text-transform:uppercase;background:white;border:6px solid var(--border);padding:12px 24px;box-shadow:8px 8px 0 var(--border);margin:0}.brutal-tag{background:var(--secondary);border:4px solid var(--border);padding:8px 16px;font-weight:900;font-size:1.2rem;box-shadow:4px 4px 0 var(--border);transform:rotate(3deg)}.modal-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:40px}.meta-box{background:var(--primary);color:white;border:4px solid var(--border);padding:16px;box-shadow:6px 6px 0 var(--border);display:flex;flex-direction:column;align-items:center;text-align:center}.meta-label{font-size:.9rem;opacity:.9;font-weight:700;margin-bottom:4px}.meta-label,.meta-value{text-transform:uppercase}.meta-value{font-size:1.2rem;font-weight:900}.modal-description{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:30px;line-height:1.6}.modal-description,.modal-subsection{background:white;border:6px solid var(--border);padding:24px;box-shadow:8px 8px 0 var(--border)}.modal-subsection{margin-bottom:32px}.modal-subsection h4{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:16px;color:var(--border);background:var(--secondary);border:4px solid var(--border);padding:6px 16px;display:inline-block;box-shadow:4px 4px 0 var(--border)}.modal-subsection li,.modal-subsection p{font-size:1.1rem;font-weight:700;color:var(--foreground);line-height:1.6}.modal-subsection ul{list-style:square;padding-left:24px;margin-top:12px}.modal-tech{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;background:white;border:6px solid var(--border);padding:24px;box-shadow:8px 8px 0 var(--border)}.modal-links{display:flex;gap:16px;margin-top:auto}.modal-images{display:grid;gap:40px}.image-section{background:white;border:6px solid var(--border);padding:24px;box-shadow:12px 12px 0 var(--border)}.image-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;background:var(--primary);color:white;padding:8px 16px;border:4px solid var(--border);display:inline-block;margin-bottom:24px;box-shadow:4px 4px 0 var(--border)}.image-grid{display:flex;flex-direction:column;gap:24px}.img-wrapper{border:4px solid var(--border);background:white;padding:8px;box-shadow:8px 8px 0 var(--border);transition:transform .2s}.img-wrapper:hover{transform:scale(1.02) rotate(-1deg)}.modal-img{width:100%;height:auto;border:2px solid var(--border);cursor:zoom-in}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:3000;padding:40px;animation:fadeIn .1s ease-out;backdrop-filter:blur(5px)}.lightbox-content{background:white;border:8px solid var(--border);box-shadow:20px 20px 0 var(--primary);max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.lightbox-content img{max-height:75vh;object-fit:contain;padding:20px}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.modal-body{grid-template-columns:1fr;overflow-y:auto}.modal-left,.modal-right{overflow-y:visible;border-right:none}.modal-right{border-top:8px solid var(--border)}}@media (max-width:768px){.projects{padding:60px 0;overflow-x:hidden}.projects-header{flex-direction:column;gap:16px;align-items:flex-start;margin-bottom:40px;max-width:100%;margin-right:8px}.brutal-title{font-size:2.2rem;word-break:break-word;white-space:normal}.projects-grid{grid-template-columns:minmax(0,1fr);gap:40px;width:100%}.project-card{box-shadow:6px 6px 0 0 var(--border);margin-right:6px;margin-bottom:6px;max-width:100%}.project-content{padding:20px 16px;min-width:0;overflow:hidden}.project-title{font-size:1.6rem;white-space:normal;word-break:break-word}.project-description{font-size:1rem}.modal-title{font-size:2rem;word-break:break-word}.modal-content.fullscreen{height:100dvh;border:none;box-shadow:none;border-radius:0}.modal-overlay{padding:0;border:none}.modal-left,.modal-right{padding:20px}.modal-meta-grid{grid-template-columns:1fr 1fr}.card-top-bar{padding:8px 12px}.bar-title{font-size:.85rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-links{flex-direction:column;gap:12px;width:100%}.btn-more,.btn-primary,.btn-secondary{width:100%;justify-content:center;box-sizing:border-box}}@media (max-width:480px){.modal-meta-grid{grid-template-columns:1fr}.modal-title{font-size:1.8rem}.brutal-badge{font-size:1rem}}.skills{background:var(--muted);border-bottom:8px solid var(--border);padding:100px 20px;overflow:hidden;position:relative}.skills:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(var(--border) 2px,transparent 2px);background-size:40px 40px;opacity:.15;pointer-events:none}.skills-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;border-bottom:8px solid var(--border);padding-bottom:20px;position:relative;z-index:2}.title-massive{font-size:4rem;font-weight:900;text-transform:uppercase;color:var(--primary);-webkit-text-stroke:2px var(--foreground);text-shadow:6px 6px 0 var(--foreground);margin:0;line-height:1}.title-decoration{width:100px;height:40px;background:var(--secondary);border:4px solid var(--border);box-shadow:4px 4px 0 var(--border)}.skills-wrapper{display:flex;flex-direction:column;gap:50px;max-width:1000px;margin:0 auto;position:relative;z-index:2}.skill-window{border:6px solid var(--border);box-shadow:12px 12px 0 var(--border);background:var(--card);transition:transform .2s cubic-bezier(.25,.8,.25,1);position:relative;z-index:1}.skill-window:hover{transform:translateY(-8px) translateX(-4px);box-shadow:20px 20px 0 var(--border);z-index:10}.skill-window-header{border-bottom:6px solid var(--border);padding:15px 25px;display:flex;align-items:center;justify-content:space-between}.skill-window:nth-child(4n+1) .skill-window-header{background:var(--primary)}.skill-window:nth-child(4n+2) .skill-window-header{background:var(--secondary)}.skill-window:nth-child(4n+3) .skill-window-header{background:var(--accent)}.skill-window:nth-child(4n+4) .skill-window-header{background:var(--foreground)}.skill-window-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--foreground);letter-spacing:2px;margin:0}.skill-window:nth-child(4n+1) .skill-window-title,.skill-window:nth-child(4n+4) .skill-window-title{color:var(--background)}.window-controls{display:flex;gap:8px}.window-btn{width:20px;height:20px;border:4px solid var(--border);border-radius:50%;background:var(--background)}.skill-window-content{padding:40px;display:flex;flex-wrap:wrap;gap:20px;background:var(--card)}.skill-window:nth-child(2n) .skill-window-content{background:var(--background)}.skill-badge{padding:12px 24px;font-size:1.2rem;font-weight:900;text-transform:uppercase;border:4px solid var(--border);background:var(--card);color:var(--foreground);box-shadow:6px 6px 0 var(--border);transition:all .15s cubic-bezier(.175,.885,.32,1.275);position:relative;cursor:pointer;display:inline-block;backdrop-filter:blur(4px)}.skill-badge:nth-child(3n+1){transform:rotate(-3deg)}.skill-badge:nth-child(3n+2){transform:rotate(2deg)}.skill-badge:nth-child(3n+3){transform:rotate(-1deg)}.skill-badge:hover{transform:scale(1.1) rotate(0deg)!important;background:var(--secondary);color:#000;box-shadow:8px 8px 0 var(--border);z-index:10}@media (max-width:768px){.title-massive{font-size:2.5rem;-webkit-text-stroke:1px var(--foreground);text-shadow:4px 4px 0 var(--foreground)}.title-decoration{width:60px;height:25px}.skill-window-content{padding:20px;gap:15px}.skill-badge{font-size:1rem;padding:8px 16px;box-shadow:4px 4px 0 var(--border)}}