*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;background-color:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:#fff;background-color:#07f;border:none;border-radius:5px;padding:10px 20px;transition:background .3s}button:hover{background-color:#0056b3}.container{max-width:1200px;margin:0 auto;padding:0 20px}header,footer{background-color:#1a1a1a;padding:20px 0;box-shadow:0 2px 4px #0003}header{z-index:1000;position:fixed;top:0;left:0;right:0}.navbar-content{justify-content:space-between;align-items:center;width:100%;display:flex}.portfolio-title{color:#fff;margin:0;font-size:1.5rem;font-weight:700}nav{position:absolute;left:50%;transform:translate(-50%)}nav ul{gap:1rem;margin:0;padding:0;list-style:none;display:flex}nav ul li a{color:#fff;white-space:nowrap;border-radius:20px;align-items:center;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}nav ul li a:hover{color:#3494ba;background-color:#3494ba33}.nav-icon{opacity:.8;color:#3494ba;margin-left:8px;font-size:.9em;transition:all .3s}.nav-icon-img{opacity:.8;filter:brightness(0)saturate()invert(45%)sepia(85%)saturate(2446%)hue-rotate(180deg)brightness(95%)contrast(89%);width:20px;height:20px;margin-left:8px;transition:all .3s}.nav-text{display:inline-block}nav ul li a:hover .nav-icon,nav ul li a:hover .nav-icon-img{opacity:1;transform:scale(1.1)}@media screen and (max-width:768px){.nav-text{display:none}nav ul{gap:15px}}@media screen and (max-width:480px){nav ul{gap:10px}.nav-icon-img{width:18px;height:18px}}section{padding:80px 0}#hero{background-color:#fff}#goals{background-color:#3494ba}#about{background-color:#2e3435}#experience{background-color:#000}#skills{background-color:#2e3435}#projects{background-color:#000}#contact{background-color:#2e3435}h1{margin-bottom:20px;font-size:3rem}h2{margin-bottom:20px;font-size:2rem}h3{margin-bottom:10px;font-size:1.5rem}p{margin-bottom:20px;line-height:1.6}.white{color:#fff}.blue{color:#3494ba}.black{color:#000}ul{margin-bottom:20px;margin-left:20px}#hero{margin-top:68px;padding:0;position:relative;overflow:hidden}.hero-content{align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;position:relative}.hero-text-box{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:15;background-color:#3494bacc;border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex:0 0 400px;margin-bottom:80px;padding:30px;position:relative}.hero-name{margin:0;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-name-last{margin-left:4rem}.hero-intro{margin:20px 0;font-size:1.2rem;line-height:1.6}.hero-description{margin:15px 0 0;font-size:1rem;line-height:1.6}.hero-image-box{z-index:1;justify-content:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-image{object-fit:cover;width:600px;height:645px}#goals{z-index:10;position:relative}#goals .container{display:flex}.goals-title{flex:1;margin-right:5%}.goal-item{flex:2;margin-top:13%}@media screen and (max-width:480px){#goals .container{flex-direction:column}.goals-title{text-align:center;margin-bottom:20px;margin-right:0}.goal-item{margin-top:0}}.contact-bird-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3494ba 0%,#000 100%);border:none;border-radius:25px;align-items:center;gap:10px;margin-top:20px;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.contact-bird-button:hover:not(.clicked){background:linear-gradient(135deg,#4aa3d1 0%,#1a1a1a 100%);transform:translateY(-2px);box-shadow:0 4px 15px #3494ba66}.contact-bird-button:disabled{cursor:not-allowed}.contact-bird-button.clicked{opacity:.7;transform:scale(.95)}.bird-icon{font-size:1.3rem;transition:transform .3s}.contact-bird-button:hover:not(.clicked) .bird-icon{transform:rotate(-10deg)scale(1.1)}#about{z-index:1;padding-bottom:0;position:relative}.about-me-text{flex-direction:column;align-self:center;width:50%;margin-bottom:70px;display:flex}.hobbies-container{flex-direction:column;width:100%;margin-top:auto;display:flex}.hobbies-container h2{text-align:right;width:100%}.hobbies-group{display:flex}@media (min-width:1001px){.hobbies-group{justify-content:space-around;align-items:stretch;width:100%;display:flex}.hobby-item{flex:1}}.coffee,.investment{background-color:#3494ba}.videogames,.electronics{position:relative}.hobby-item{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(100px)}.hobby-item.animate-in{opacity:1;transform:translateY(0)}.hobby-item:first-child{transition-delay:.2s}.hobby-item:nth-child(2){transition-delay:.6s}.hobby-item:nth-child(3){transition-delay:1s}.hobby-item:nth-child(4){transition-delay:1.4s}.videogames:before,.videogames:after,.electronics:before,.electronics:after{content:"";background-color:#3494ba;position:absolute}.videogames:before,.electronics:before{width:0;height:2px;top:0;left:0}.videogames:after,.electronics:after{width:2px;height:0;top:0;right:0}.videogames,.electronics{border-bottom:2px solid #0000;border-left:2px solid #0000}.videogames.animate-in:before,.electronics.animate-in:before{animation:.4s ease-out 1.6s forwards drawTop}.videogames.animate-in:after,.electronics.animate-in:after{animation:.4s ease-out 2s forwards drawRight}.videogames.animate-in,.electronics.animate-in{animation:.8s ease-out 2.4s forwards drawBottomLeft}@keyframes drawTop{0%{width:0}to{width:100%}}@keyframes drawRight{0%{height:0}to{height:100%}}@keyframes drawBottomLeft{0%{border-bottom-color:#0000;border-left-color:#0000}50%{border-bottom-color:#3494ba;border-left-color:#0000}to{border-bottom-color:#3494ba;border-left-color:#3494ba}}.hobby-item{flex-direction:column;align-items:center;width:25%;padding:40px;display:flex}.hobby-item h4{margin-bottom:5%}.hobby-item p{margin-top:5%}.hobby-icon{width:5rem;height:5rem;margin-bottom:10%}.hobby-icon-white{filter:invert()}@media (max-width:1000px){.hobbies-group{flex-wrap:wrap;justify-content:center}.hobby-item{width:48%}.videogames{border-left:2px solid #3494ba;order:2;margin-bottom:1%;margin-left:1%}.coffee{order:1;margin-bottom:1%;margin-right:1%}.electronics{order:3;margin-top:1%;margin-right:1%}.investment{order:4;margin-top:1%;margin-left:1%}}@media (max-width:480px){.hobby-item{width:100%;margin:0 0 20px!important}.videogames,.coffee,.electronics,.investment{order:unset;border-left:none!important;margin:0 0 20px!important}.hero-text-box{flex:100%;width:100%;margin-bottom:40px}.about-me-text{width:100%!important}}@media (max-width:368px){.hobby-icon{width:3rem;height:3rem}}.project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.project-card-link{color:inherit;text-decoration:none;display:block}.project-card{background:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;min-width:450px;max-width:450px;min-height:400px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.project-card-link{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.project-content{flex-direction:column;flex:1;padding:20px 20px 60px;display:flex}.project-links{z-index:10;position:absolute;bottom:15px;right:15px}.repo-link{color:#fff;background:#3494ba;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #3494ba4d}.repo-link:hover{background:#2980a6;transform:translateY(-2px);box-shadow:0 4px 12px #3494ba66}.project-image{object-fit:cover;flex-shrink:0;width:100%;height:200px;transition:filter .3s,transform .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.project-card:hover .project-image{filter:brightness(.7)contrast(1.2);transform:scale(1.05)}.project-card h3{color:#000;flex-shrink:0;margin-bottom:10px}.project-card p{color:#333;flex:1;margin-bottom:0;overflow:hidden}@media screen and (max-width:768px){.project-card{min-width:320px;max-width:320px;min-height:380px}.project-image{height:160px}.project-content{padding:15px 15px 50px}.project-links{bottom:12px;right:12px}.repo-link{padding:6px 10px;font-size:.8rem}}@media screen and (max-width:480px){.project-card{min-width:280px;max-width:280px;min-height:360px}.project-image{height:140px}.project-content{padding:12px 12px 45px}.project-card h3{margin-bottom:8px;font-size:1.1rem}.project-links{bottom:10px;right:10px}.repo-link{padding:5px 8px;font-size:.75rem}}#experience{z-index:2;position:relative}.entry{color:#fff;border-radius:8px;gap:15px;min-height:240px;padding:15px;display:flex}.left{flex:1.2 55%}.right{flex:45%}.left h3{margin:0;font-size:1.2rem}.right p{margin:0}.experience-wrapper{grid-template-columns:1fr 1fr;gap:40px 20px;display:grid}.experience-column{gap:20px;display:grid}@media (max-width:1200px){.experience-wrapper{grid-template-columns:1fr;gap:40px;position:relative}.divider{display:none}.experience-wrapper:after{content:"";z-index:10;background-color:#3494ba;border-radius:3px;height:3px;animation:3s ease-in-out infinite alternate glowPulse;position:absolute;top:50%;left:2%;right:2%;overflow:visible;transform:translateY(-50%)}}@media (max-width:768px){.entry{flex-direction:column;gap:10px}.left,.right{flex:auto}.entry:after{display:none}}@keyframes glowPulse{0%{box-shadow:-8px 0 15px #3494ba4d,8px 0 15px #3494ba4d,0 0 10px #3494ba80}to{box-shadow:-12px 0 25px #3494ba80,12px 0 25px #3494ba80,0 0 20px #3494bab3}}.divider{background-color:#3494ba;border-radius:3px;width:3px;position:absolute;top:5%;bottom:5%;left:50%;overflow:visible;transform:translate(-50%)}.divider:before{content:"";background:radial-gradient(circle,#3494bacc 0%,#3494ba66 50%,#0000 100%);border-radius:50%;width:20px;height:8%;animation:10s ease-in-out infinite glowMove;position:absolute;left:50%;transform:translate(-50%)}@keyframes glowMove{0%{opacity:.6;top:0%}50%{opacity:1;top:92%}to{opacity:.6;top:0%}}.icon-size{fill:#000;width:5em;height:5em;transition:fill .5s}.js:hover{fill:#f7df1e}.ts:hover{fill:#3178c6}.html:hover{fill:#e34f26}.css:hover{fill:#1572b6}.jquery:hover{fill:#0769ad}.c_sharp:hover{fill:#239120}.node:hover{fill:#43853d}.react:hover{fill:#61dafb}.php:hover{fill:#777bb4}.mysql:hover{fill:#4479a1}.postgresql:hover{fill:#4169e1}.adobe:hover{fill:red}.github:hover{fill:#181717}.github-copilot:hover{fill:#000}.skills-group-container{position:relative;overflow:hidden}.skills-group-container .icon{cursor:pointer;transition:none;position:absolute}.icon svg{width:80px;height:80px;transition:filter .3s}@media screen and (max-width:768px){.icon svg{width:60px;height:60px}}@media screen and (max-width:480px){.icon svg{width:50px;height:50px}}.icon.colliding svg{filter:drop-shadow(0 0 10px #3494ba)drop-shadow(0 0 20px #3494ba)brightness(2.5)saturate(2);animation:10s ease-out collisionPulse}@keyframes collisionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.contact-content{align-items:center;gap:40px;margin-top:30px;display:flex}.contact-form{flex:1}.contact-form h1{margin-bottom:20px}.contact-image{flex:1;justify-content:center;display:flex}.profile-image{object-fit:cover;border-radius:10px;width:100%;max-width:400px;height:auto}#contact form{flex-direction:column;gap:15px;display:flex}#contact input,#contact textarea{border:1px solid #ccc;border-radius:5px;padding:10px}#contact button:disabled{opacity:.6;cursor:not-allowed}.contact-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3494ba 0%,#2980a6 100%);border:none;border-radius:25px;margin-top:10px;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:all .3s}.contact-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#4aa3d1 0%,#3494ba 100%);transform:translateY(-2px);box-shadow:0 4px 15px #3494ba66}.contact-submit-button:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#9e9e9e 0%,#757575 100%);transform:none}.status-message{text-align:center;border-radius:5px;margin-top:15px;padding:10px}.status-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.status-message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}@media (max-width:768px){.contact-content{flex-direction:column;gap:20px}.profile-image{max-width:300px}}footer{text-align:center}.footer-content{justify-content:center;align-items:center;max-width:1200px;min-height:60px;margin:0 auto;padding:0 20px;display:flex}.footer-column{flex-direction:column;align-items:center;gap:10px;display:flex}.footer-social{align-items:center;gap:12px;display:flex}.social-icon{filter:brightness(0)saturate()invert(45%)sepia(85%)saturate(2446%)hue-rotate(180deg)brightness(95%)contrast(89%);width:20px;height:20px;transition:all .3s}.social-icon:hover{filter:brightness(0)saturate()invert(45%)sepia(85%)saturate(2446%)hue-rotate(180deg)brightness(110%)contrast();transform:scale(1.1)}.footer-copyright{margin:0;font-size:14px}.privacy-link{white-space:nowrap;font-size:14px;text-decoration:none;transition:color .3s}.privacy-link:hover{color:#3494ba}@media (max-width:480px){.footer-column{gap:8px}}.scrollview-container{scroll-behavior:smooth;flex-direction:row;gap:1.5rem;padding:20px 0;overflow:auto hidden;display:flex!important}.scrollview-container::-webkit-scrollbar{opacity:0;height:8px}.scrollview-container::-webkit-scrollbar-button{display:none}.scrollview-container.show-scrollbar::-webkit-scrollbar{opacity:1;transition:opacity 5s ease-in-out}.scrollview-container.show-scrollbar::-webkit-scrollbar-thumb{background-color:#808080b3;border-radius:4px}.scrollview-wrapper{width:100%;position:relative}.scroll-arrow{cursor:pointer;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);background:0 0!important;border:none!important}.scroll-arrow:hover,.scroll-arrow:focus{background:0 0!important}.scroll-arrow-left{left:-50px}.scroll-arrow-right{right:-50px}@media (max-width:768px){.scroll-arrow{display:none!important}}.mobile-menu{display:none;position:relative}.menu-icon{cursor:pointer;filter:brightness(0)saturate()invert(45%)sepia(85%)saturate(2446%)hue-rotate(180deg)brightness(95%)contrast(89%);width:32px;height:32px;transition:transform .2s}.menu-icon:hover{transform:scale(1.1)}.dropdown-menu{z-index:999;background-color:#1a1a1a;border-radius:10px;flex-direction:column;min-width:160px;padding:10px 0;display:flex;position:absolute;top:45px;right:0;box-shadow:0 4px 10px #0000004d}.dropdown-menu a{color:#fff;align-items:center;gap:10px;padding:12px 20px;font-weight:500;text-decoration:none;transition:background .3s;display:flex}.dropdown-icon{filter:brightness(0)saturate()invert(30%)sepia(57%)saturate(2096%)hue-rotate(179deg)brightness(94%)contrast(87%);width:20px;height:20px}.dropdown-menu a:hover{color:#3494ba;background-color:#3494ba4d}.dropdown-menu a:hover .dropdown-icon{filter:brightness(0)saturate()invert(30%)sepia(57%)saturate(2096%)hue-rotate(179deg)brightness(94%)contrast(87%)}.modal-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-content-wide{width:95vw;max-width:1200px}.modal-close{cursor:pointer;z-index:10;background:0 0;border:none;padding:0;position:absolute;top:20px;right:20px}.modal-close img,.modal-close:hover img{transition:none;transform:none}.modal-header{text-align:center;border-bottom:1px solid #e0e0e0;padding:40px 40px 20px}.modal-title{color:#3494ba;margin-bottom:20px;font-size:2.5rem}.modal-description{color:#333;max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.6}.modal-media{padding:30px 40px}.video-container,.demo-container{text-align:center}.video-wrapper,.demo-wrapper{border-radius:10px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000026}.demo-wrapper{background:#fff;border:1px solid #ddd}.video-wrapper iframe,.demo-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.demo-wrapper iframe{height:600px;padding-bottom:0;position:static}.demo-wrapper-tall iframe{height:750px}.external-link-container{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px dashed #3494ba;border-radius:10px;padding:40px 20px}.external-link-info h3{color:#3494ba;margin-bottom:10px;font-size:1.5rem}.external-link-info p{color:#666;margin-bottom:20px;font-size:1rem}.external-demo-button{color:#fff;background:#3494ba;border-radius:25px;align-items:center;gap:10px;padding:15px 30px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #3494ba4d}.external-demo-button:hover{background:#2980a6;transform:translateY(-2px);box-shadow:0 6px 20px #3494ba66}.project-link-container{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #3494ba;border-radius:10px;padding:40px 20px}.project-link-info h3{color:#3494ba;margin-bottom:10px;font-size:1.5rem}.project-link-info p{color:#666;margin-bottom:20px;font-size:1rem}.project-demo-button{color:#fff;background:#3494ba;border-radius:25px;align-items:center;gap:10px;padding:15px 30px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #3494ba4d}.project-demo-button:hover{background:#2980a6;transform:translateY(-2px);box-shadow:0 6px 20px #3494ba66}.video-caption,.demo-caption{color:#666;margin-top:15px;font-size:.9rem;font-style:italic}.modal-details{background:#f8f9fa;border-radius:0 0 12px 12px;padding:30px 40px 40px}.modal-details h2{color:#3494ba;margin-bottom:30px;font-size:2rem}.tech-section,.features-section{margin-bottom:30px}.modal-details h3{color:#333;margin-bottom:15px;font-size:1.3rem}.tech-stack{flex-wrap:wrap;gap:10px;display:flex}.tech-item{color:#fff;background:#3494ba;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500}.features-list{padding:0;list-style:none}.features-list li{border-bottom:1px solid #e0e0e0;padding:12px 0 12px 30px;line-height:1.5;position:relative}.features-list li:before{content:"✓";color:#3494ba;font-size:1.2rem;font-weight:700;position:absolute;left:0}.features-list li:last-child{border-bottom:none}.github-link{color:#fff;background:#3494ba;border-radius:25px;align-items:center;gap:10px;margin-top:20px;padding:15px 30px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.github-link:hover{background:#2980a6;transform:translateY(-2px);box-shadow:0 6px 20px #3494ba66}@media (max-width:768px){.modal-content{max-height:95vh;margin:10px}.modal-header{padding:30px 20px 15px}.modal-title{font-size:2rem}.modal-description{font-size:1rem}.modal-media,.modal-details{padding:20px}.modal-details h2{font-size:1.5rem}.demo-wrapper iframe{height:400px}.demo-wrapper-tall iframe{height:500px}}@media (max-width:480px){.modal-close{width:35px;height:35px;top:15px;right:15px}.modal-header{padding:25px 15px 15px}.modal-title{font-size:1.5rem}.modal-media,.modal-details{padding:15px}.demo-wrapper iframe{height:1200px}.demo-wrapper-tall iframe{height:400px}}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu{display:block}}