:root{--primary-color: #4A90E2;--secondary-color: #6BAEF4;--background-dark: #110E19;--card-background: rgba(43, 43, 43, .8);--card-background-light: rgba(26, 26, 26, .8);--text-primary: #E0E0E0;--text-secondary: #A0A0A0;--text-faint: rgba(224, 224, 224, .5);--border-radius: 8px;--border-radius-large: 12px;--shadow-primary: 0 4px 8px rgba(0, 0, 0, .1);--shadow-large: 0 10px 30px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(74, 144, 226, .3);--transition-fast: .3s ease;--transition-slow: .5s ease}@font-face{font-family:Gilroy;src:url(/porfolio/fonts/Gilroy-Regular.ttf) format("woff2"),url(/porfolio/fonts/Gilroy-Regular.ttf) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Gilroy;src:url(/porfolio/fonts/Gilroy-Bold.ttf) format("woff2"),url(/porfolio/fonts/Gilroy-Bold.ttf) format("woff");font-weight:700;font-style:normal}*{box-sizing:border-box}body{line-height:1.6;background-color:#000;color:var(--text-primary);font-size:17px;font-weight:400;letter-spacing:-.022em;margin-top:.7em;text-align:center;font-family:Gilroy,sans-serif;scroll-behavior:smooth}.content-wrapper{position:relative;z-index:1}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.faint-text{opacity:.5}a{text-decoration:none;color:var(--primary-color);transition:var(--transition-fast)}a:hover{transform:scale(1.05)}h1,h2,h3,h4,h5,h6{color:var(--primary-color);font-weight:700}.centered{color:var(--primary-color);font-size:25px;line-height:1.6;margin-bottom:20px;transition:var(--transition-fast)}.centered:hover{transform:scale(1.05)}.centered strong{display:block;margin-bottom:10px}section,article{margin-bottom:20px;color:var(--primary-color);text-align:center;transition:var(--transition-fast);padding:20px;border-radius:var(--border-radius)}main{scroll-margin-top:20%}#nav-header{position:relative}.desktop-nav{border:1px solid var(--primary-color);border-left:none;border-right:none;height:27px;display:flex;align-items:center;justify-content:center;padding:.5% 0;transition:var(--transition-fast)}.nav-btn{font-weight:600;padding:.5% 10px;margin:5%;display:flex;transition:var(--transition-fast)}.nav-btn:hover{transform:scale(1.05);color:var(--primary-color)}.hamburger{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1001;padding:10px}.hamburger-line{width:30px;height:3px;background-color:var(--primary-color);margin:5px 0;transition:var(--transition-fast)}.mobile-nav{display:none;position:fixed;top:0;right:0;width:300px;height:100vh;background-color:#1a1a1afa;padding:80px 30px 30px;z-index:1000;box-shadow:-10px 0 30px #00000080;overflow-y:auto}.mobile-nav-btn{display:block;font-size:1.2rem;font-weight:600;color:var(--text-primary);padding:15px 20px;margin:10px 0;text-decoration:none;border-radius:var(--border-radius);transition:var(--transition-fast);background-color:#4a90e21a}.mobile-nav-btn:hover{background-color:#4a90e233;color:var(--primary-color);transform:translate(-5px)}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:999}header{font-size:larger;color:var(--primary-color);text-align:center}.logo-text{font-size:2.5rem;color:var(--primary-color);font-weight:700;margin:20px 0;letter-spacing:2px}@media (max-width: 768px){.desktop-nav{display:none}.hamburger,.mobile-nav{display:block}}.primary-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:0 5px 20px #4a90e24d;font-family:Gilroy,sans-serif}.primary-button:hover{box-shadow:0 8px 25px #4a90e280;transform:translateY(-2px)}.secondary-button{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:12px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:Gilroy,sans-serif}.secondary-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.resume-button{display:inline-block;margin-top:20px;padding:10px 20px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:5px;font-size:1rem;transition:var(--transition-fast);font-family:Gilroy,sans-serif}.resume-button:hover{background-color:#357abd}.cta-button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-size:1.2rem;transition:var(--transition-fast)}.cta-button:hover{background-color:#357abd}.scroll-to-top{position:fixed;bottom:20px;right:20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);transition:var(--transition-fast);opacity:0}.scroll-to-top.visible{opacity:1}.scroll-to-top:hover{background-color:#357abd}.close-button{position:absolute;top:10px;right:10px;background-color:var(--primary-color);color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-family:Gilroy,sans-serif}.close-button:hover{background-color:#357abd}.tech-filter{padding:8px 16px;background-color:var(--card-background);border:2px solid rgba(74,144,226,.3);border-radius:20px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-family:Gilroy,sans-serif;font-size:.9rem;font-weight:500}.tech-filter:hover{border-color:var(--primary-color);background-color:#4a90e21a;transform:translateY(-2px)}.tech-filter.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #4a90e266}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px}.loading-spinner{width:60px;height:60px;border:3px solid rgba(74,144,226,.2);border-top:3px solid var(--primary-color);border-radius:50%;position:relative}.spinner-inner{width:40px;height:40px;border:3px solid rgba(74,144,226,.3);border-right:3px solid var(--primary-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin-reverse 1.5s linear infinite}.loading-text{color:var(--primary-color);font-size:1.2rem;font-weight:500;letter-spacing:1px}.skeleton-container{max-width:1200px;margin:0 auto;padding:20px}.skeleton-cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;padding:20px}.skeleton-project{background-color:var(--card-background);padding:30px;border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);display:flex;align-items:center;gap:30px;margin-bottom:40px}.skeleton-project-content{flex:1}.skeleton-title{height:28px;background:linear-gradient(90deg,#4a90e21a,#4a90e24d,#4a90e21a);border-radius:4px;margin-bottom:20px;width:70%}.skeleton-description{height:16px;background:linear-gradient(90deg,#e0e0e01a,#e0e0e04d,#e0e0e01a);border-radius:4px;margin-bottom:12px;width:100%}.skeleton-description-short{height:16px;background:linear-gradient(90deg,#e0e0e01a,#e0e0e04d,#e0e0e01a);border-radius:4px;margin-bottom:12px;width:60%}.skeleton-image{width:400px;height:250px;background:linear-gradient(90deg,#4a90e21a,#4a90e24d,#4a90e21a);border-radius:var(--border-radius);flex-shrink:0}.skeleton-timeline{position:relative;margin:40px 0;display:flex;align-items:center;padding-right:60px}.skeleton-timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:60px;height:60px;background:linear-gradient(90deg,#4a90e21a,#4a90e24d,#4a90e21a);border-radius:50%;z-index:10}.skeleton-timeline-content{background-color:#2b2b2be6;padding:25px;border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);max-width:500px;margin-left:auto}.skeleton-period{height:12px;background:linear-gradient(90deg,#4a90e21a,#4a90e24d,#4a90e21a);border-radius:4px;margin-bottom:8px;width:40%}.skeleton-card{background-color:var(--card-background);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-primary);max-width:300px;text-align:center}.skeleton-card-title{height:20px;background:linear-gradient(90deg,#4a90e21a,#4a90e24d,#4a90e21a);border-radius:4px;margin-bottom:15px;width:80%;margin-left:auto;margin-right:auto}.skeleton-default{padding:20px}.skeleton-line{height:16px;background:linear-gradient(90deg,#e0e0e01a,#e0e0e04d,#e0e0e01a);border-radius:4px;margin-bottom:12px;width:100%}.skeleton-line-short{width:70%}@media (max-width: 768px){.skeleton-project{flex-direction:column;padding:20px}.skeleton-image{width:100%;height:auto;max-height:250px}.skeleton-timeline{padding-left:60px;padding-right:0}.skeleton-timeline-dot{left:30px}.skeleton-timeline-content{max-width:calc(100% - 60px);margin-left:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:transparent;padding:20px;border-radius:10px;width:90%;height:auto;max-width:700px;max-height:90vh;overflow:auto;position:relative;display:flex;justify-content:center;align-items:center}.resume-image{border:2px solid var(--primary-color);box-shadow:var(--shadow-primary)}.resume-pdf{border:2px solid var(--primary-color);box-shadow:var(--shadow-primary);background-color:#fff}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:zoom-out}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 20px 60px #00000080}.image-modal-close{position:absolute;top:-40px;right:-40px;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);font-family:Gilroy,sans-serif}.image-modal-close:hover{background-color:#357abd;transform:scale(1.1)}.project-image-container{cursor:zoom-in}.modern-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background-color:#0a0a0f}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#1d4ed826,#3730a31a,#1118270d)}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.035;pointer-events:none}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.3) 100%)}.gallery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.gallery-modal-content{background-color:#1a1a1a;border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 5px 15px #00000080}.gallery-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#222;border-bottom:1px solid #333}.gallery-modal-header h3{margin:0;color:#fff;font-size:1.2rem}.gallery-modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0 8px;transition:color .3s ease}.gallery-modal-close:hover{color:#f44}.gallery-modal-image-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px;height:60vh;background-color:#111;overflow:hidden}.main-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000004d}.gallery-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;padding:15px 10px;cursor:pointer;font-size:24px;transition:all .3s ease;z-index:2}.gallery-nav-button:hover{background:#000c}.gallery-nav-button.prev{left:0;border-radius:0 3px 3px 0}.gallery-nav-button.next{right:0;border-radius:3px 0 0 3px}.gallery-thumbnails{display:flex;overflow-x:auto;padding:15px;background-color:#222;gap:10px;scrollbar-width:thin;scrollbar-color:#666 #222;justify-content:center;flex-wrap:nowrap}.gallery-thumbnail{flex:0 0 100px;height:70px;cursor:pointer;border-radius:4px;overflow:hidden;border:2px solid transparent;transition:all .3s ease;opacity:.6;position:relative}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.gallery-thumbnail.active{border-color:#3498db;opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.gallery-thumbnail:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.home{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 20px;background-color:transparent}.home-content{position:relative;max-width:800px;margin:0 auto;z-index:1}.intro-text{font-size:1.2rem;margin:20px 0;line-height:1.8}.highlights{margin:40px 0;background-color:transparent}.highlight-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{background-color:var(--card-background);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-primary);max-width:300px;text-align:center;transition:var(--transition-fast)}.card:hover{transform:translateY(-10px)}.card h3{font-size:1.5rem;margin-bottom:10px;color:var(--primary-color)}.card p{font-size:1rem;line-height:1.6}.call-to-action{margin:40px 0;background-color:transparent}.call-to-action h2{font-size:2rem;margin-bottom:20px}.call-to-action p{font-size:1.2rem;margin-bottom:20px}.typewriter{font-family:Gilroy,monospace;color:var(--primary-color);font-weight:700}.typewriter-cursor{color:var(--primary-color);font-weight:400;margin-left:2px}.projects-page{max-width:1200px;margin:0 auto;padding:20px;text-align:center}.projects-page h1{font-size:2.5rem;margin-bottom:40px;color:var(--primary-color)}.project-section{display:flex;flex-direction:column;gap:40px;max-width:1000px;margin:0 auto}.project{background-color:var(--card-background);padding:30px;border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);display:flex;align-items:center;gap:30px;transition:all .4s ease;position:relative;overflow:hidden;perspective:1000px}.project:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4a90e21a,#4a90e20d);opacity:0;transition:opacity .3s ease;pointer-events:none}.project:hover:before{opacity:1}.project:nth-child(2n){flex-direction:row-reverse}.project:hover{transform:translateY(-10px) rotateX(-2deg);box-shadow:0 20px 50px #4a90e24d,0 10px 20px #0003}.project-content{flex:1;text-align:left;z-index:2}.project h2{font-size:1.8rem;margin-bottom:20px;color:var(--primary-color);transition:var(--transition-fast)}.project:hover h2{transform:translate(5px);text-shadow:2px 2px 10px rgba(74,144,226,.3)}.project-image-container{flex-shrink:0;position:relative;width:400px;height:250px;cursor:pointer;perspective:1000px}.card-stack-container{position:relative;width:100%;height:100%;transform-style:preserve-3d}.stacked-image{position:absolute;width:100%;height:100%;border-radius:var(--border-radius-large);background-color:var(--card-background-light);box-shadow:0 5px 15px #0000004d;transition:all .4s ease;overflow:hidden}.stacked-image:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 25px #0006}.remaining-indicator{position:absolute;bottom:10px;right:10px;background:#4a90e2e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;box-shadow:0 2px 8px #0003}.project:hover .card-stack-container{transform:rotateY(-5deg)}.project:hover .stacked-image{transform:translateY(-5px);box-shadow:15px 15px 30px #0000004d}.project img{width:400px;height:250px;object-fit:contain;margin:0;padding:10px;transition:transform .4s ease;display:block}.image-gallery-indicator{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;transition:all .3s ease}.project:hover .image-gallery-indicator{background:#4a90e2cc;transform:translateY(-2px)}.project:hover img{transform:scale(1.1)}.project p{font-size:1.2rem;line-height:1.8;color:var(--text-primary);margin-bottom:20px;text-align:justify;transition:var(--transition-fast)}.project-link{position:relative;display:inline-block;text-decoration:none;color:var(--primary-color);transition:var(--transition-fast)}.project-link:after{content:"→";position:absolute;right:-25px;top:50%;transform:translateY(-50%);opacity:0;transition:var(--transition-fast)}.project-link:hover{color:var(--secondary-color);padding-right:30px}.project-link:hover:after{opacity:1;right:0}.project-description{position:relative;overflow:hidden}.project-description:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.project:hover .project-description:after{width:100%}.project-filters{margin-bottom:40px;display:flex;flex-direction:column;gap:20px;align-items:center}.search-container{position:relative}.search-input{width:400px;padding:12px 20px;font-size:1rem;border:2px solid rgba(74,144,226,.3);border-radius:25px;background-color:var(--card-background);color:var(--text-primary);outline:none;transition:var(--transition-fast);font-family:Gilroy,sans-serif}.search-input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-glow)}.search-input::placeholder{color:var(--text-secondary)}.tech-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.no-results{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-results h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:10px}.no-results p{font-size:1.2rem;margin:0}@media (max-width: 768px){.project{flex-direction:column!important;padding:20px}.project img{width:100%;height:auto;max-height:250px}.project-image-container{width:100%}.project p{text-align:justify}.project-filters{gap:15px}.search-input{width:100%;max-width:350px}.tech-filters{gap:8px}.tech-filter{padding:6px 12px;font-size:.8rem}}.experiences-page{max-width:1200px;margin:0 auto;padding:20px;text-align:center}.experiences-page h1{font-size:2.5rem;margin-bottom:40px;color:var(--primary-color)}.experience-section{display:flex;flex-direction:column;gap:30px}.experience{background-color:var(--card-background);padding:25px;border-radius:var(--border-radius);box-shadow:var(--shadow-primary);text-align:left;transition:var(--transition-fast)}.experience:hover{transform:translateY(-5px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;flex-wrap:wrap}.experience-header h2{font-size:1.8rem;color:var(--primary-color);margin-right:20px;margin-bottom:10px}.experience-period{font-size:1.2rem;color:var(--text-secondary);font-style:italic}.experience-description{font-size:1.2rem;line-height:1.8;color:var(--text-primary);text-align:justify;padding:0 10px}.experience-description ul{padding-left:20px;text-align:left}.experience-description li{margin-bottom:15px;line-height:1.6}.experience-description code{background-color:var(--card-background-light);padding:2px 5px;border-radius:4px;font-family:monospace;font-size:.9em}.experience-link{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}.experience-link:hover{color:var(--primary-color);text-decoration:underline}.timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:40px 20px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--primary-color),rgba(74,144,226,.3));transform:translate(-50%);z-index:1}.timeline-item{position:relative;margin:40px 0;display:flex;align-items:center;opacity:0;animation:fadeInUp .6s ease forwards}.timeline-left{justify-content:flex-end;padding-right:60px}.timeline-right{justify-content:flex-start;padding-left:60px}.timeline-icon{position:absolute;left:50%;transform:translate(-50%);z-index:10;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 5px 20px #4a90e24d;transition:var(--transition-fast)}.timeline-icon:hover{transform:translate(-50%) scale(1.1);box-shadow:0 8px 25px #4a90e280}.timeline-dot{width:20px;height:20px;background-color:#fff;border-radius:50%;position:relative}.timeline-dot:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;transform:translate(-50%,-50%)}.timeline-content{background-color:#2b2b2be6;padding:25px;border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);max-width:500px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,144,226,.2);transition:var(--transition-fast)}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006;border-color:#4a90e266}.timeline-left .timeline-content:after{content:"";position:absolute;top:30px;right:-10px;width:0;height:0;border-left:10px solid rgba(43,43,43,.9);border-top:10px solid transparent;border-bottom:10px solid transparent}.timeline-right .timeline-content:after{content:"";position:absolute;top:30px;left:-10px;width:0;height:0;border-right:10px solid rgba(43,43,43,.9);border-top:10px solid transparent;border-bottom:10px solid transparent}.timeline-period{font-size:.9rem;color:var(--primary-color);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.timeline-title{font-size:1.4rem;color:var(--primary-color);margin-bottom:15px;font-weight:700}.timeline-title a{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}.timeline-title a:hover{color:var(--secondary-color)}.timeline-description{font-size:1rem;line-height:1.6;color:var(--text-primary)}.timeline-description ul{margin:10px 0;padding-left:20px}.timeline-description li{margin-bottom:8px;line-height:1.5}.timeline-description strong{color:var(--primary-color);font-weight:600}.timeline-description code{background-color:var(--card-background-light);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--secondary-color)}@media (max-width: 768px){.timeline-line{left:30px}.timeline-item{justify-content:flex-start!important;padding-left:60px!important;padding-right:0!important}.timeline-icon{left:30px}.timeline-content{max-width:calc(100% - 60px)}.timeline-left .timeline-content:after,.timeline-right .timeline-content:after{left:-10px;right:auto;border-right:10px solid rgba(43,43,43,.9);border-left:none}.experience-header{flex-direction:column}.experience-header h2{margin-right:0}.experience-period{margin-bottom:15px}}.aboutme-box{background-color:var(--card-background);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);padding:30px;margin-top:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;font-size:1.1rem;color:var(--text-primary);transition:var(--transition-fast)}.know-more{max-width:1200px;margin:0 auto;padding:20px;text-align:center}.know-more h1{font-size:2.5rem;margin-bottom:20px;color:var(--primary-color)}.know-more article.centered{max-width:800px;margin:0 auto 40px;text-align:left}.know-more article.centered strong.imp{font-size:1.8rem;color:var(--primary-color);display:block;margin-bottom:10px}.know-more article.centered p#me{font-size:1.2rem;line-height:1.8;color:var(--text-primary);text-align:justify;max-width:800px;margin:0 auto;padding:0 20px}.know-more section{max-width:1200px;margin:0 auto 40px;padding:20px;background-color:var(--card-background);border-radius:var(--border-radius)}.know-more section h2{font-size:2rem;margin-bottom:20px;color:var(--primary-color)}.know-more .languages-list,.know-more .technologies-list,.know-more .achievements-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.know-more .language,.know-more .technology,.know-more .achievement{background-color:var(--card-background-light);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-primary);text-align:center;transition:var(--transition-fast);width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.know-more .language:hover,.know-more .technology:hover,.know-more .achievement:hover{transform:translateY(-10px)}.know-more .language img,.know-more .technology img,.know-more .achievement img{width:80px;height:80px;object-fit:contain;margin-bottom:10px;display:block}.know-more .language p,.know-more .technology p,.know-more .achievement p{font-size:1.2rem;color:var(--text-primary);margin:0;text-align:center}.know-more .achievement{display:flex;align-items:center;text-align:left;width:100%;max-width:600px}.know-more .achievement img{width:100px;height:100px;margin-right:20px;border-radius:var(--border-radius)}.know-more .achievement p{font-size:1.2rem;line-height:1.6;text-align:left;margin:0}.know-more .achievement strong{color:var(--primary-color);display:block;margin-bottom:5px}.about-me-text{max-width:800px;margin:0 auto;padding:20px;line-height:1.6}.about-me-text p{margin-bottom:1.5rem;text-align:justify;line-height:1.8;padding:0 10px}.about-me-text .intro{font-size:1.2em;color:var(--text-primary);margin-bottom:2rem}.about-me-text .web-dev{color:#d0d0d0;margin-bottom:2rem}.about-me-text .conclusion{color:silver;font-style:italic;margin-top:2rem}.achievement-link{text-decoration:none;color:inherit;display:flex;align-items:center;width:100%;transition:var(--transition-fast)}.achievement-link:hover{transform:scale(1.02)}.achievement-link img{margin-right:20px}.achievement-link p{margin:0;text-align:left}.achievement-link strong{color:var(--primary-color);display:block;margin-bottom:5px}.imp{font-size:larger;text-align:center;transition:var(--transition-fast)}#me{font-size:25px;font-weight:lighter;text-align:center;margin:0 auto;max-width:800px;padding:0 20px;font-style:normal;transition:var(--transition-fast)}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:40px 20px}.not-found-content{max-width:600px;margin:0 auto}.not-found-animation{margin-bottom:40px}.not-found-404{font-size:8rem;font-weight:700;color:var(--primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;text-shadow:0 0 20px rgba(74,144,226,.5);transition:var(--transition-fast)}.not-found-404:hover{color:var(--secondary-color);text-shadow:0 0 30px rgba(74,144,226,.8)}.rotating-zero{display:inline-block;animation:rotate 2s linear infinite}.not-found-title{font-size:2.5rem;color:var(--primary-color);margin-bottom:20px;font-weight:700}.not-found-description{font-size:1.2rem;color:var(--text-primary);margin-bottom:30px;line-height:1.6}.click-hint{color:var(--secondary-color);font-size:.9rem;font-style:italic;display:block;margin-top:10px}.secret-message{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:15px;padding:20px;margin:30px 0;color:#fff;font-weight:600;box-shadow:0 10px 30px #4a90e24d}.dancing-cat{font-size:2rem;animation:dance .5s ease-in-out infinite alternate;margin-top:10px}.not-found-actions{display:flex;gap:20px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.not-found-suggestions{color:var(--text-primary)}.not-found-suggestions h3{color:var(--primary-color);margin-bottom:15px;font-size:1.3rem}.not-found-suggestions ul{list-style:none;padding:0;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.not-found-suggestions li{margin:5px 0}.not-found-suggestions a{color:var(--text-primary);text-decoration:none;transition:var(--transition-fast);font-size:1.1rem}.not-found-suggestions a:hover{color:var(--primary-color)}@media (max-width: 768px){.not-found-404{font-size:6rem}.not-found-title{font-size:2rem}.not-found-description{font-size:1.1rem}.not-found-actions{flex-direction:column;align-items:center}.primary-button,.secondary-button{width:250px}.not-found-suggestions ul{flex-direction:column;gap:15px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dance{0%{transform:rotate(-10deg) scale(1)}to{transform:rotate(10deg) scale(1.1)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.scale-up{animation:scaleUp .5s ease-in-out}.rotating{animation:rotate 2s linear infinite}.dancing{animation:dance .5s ease-in-out infinite alternate}.hover-scale:hover{transform:scale(1.05)}.hover-lift:hover{transform:translateY(-5px)}.hover-float:hover{transform:translateY(-10px)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.transition-all{transition:all var(--transition-fast)}#con{text-align:center}.contact{display:inline-block;margin:10px;padding:10px;color:var(--primary-color);text-decoration:none;transition:var(--transition-fast);text-align:center}.contact img{vertical-align:middle;margin-right:5px}.contact:hover{transform:scale(1.05);color:var(--primary-color)}footer{background-color:#1a1a1a;padding:20px 0}#last-footer{color:var(--primary-color);font-size:14px;text-align:center;margin-top:10px}.footer-visible .contact{animation:scaleUp .5s ease-in-out}.footer-visible .mail-me{animation-delay:.2s}.footer-visible .contact:nth-child(2){animation-delay:.4s}.footer-visible .contact:nth-child(3){animation-delay:.6s}@media (max-width: 600px){body{font-size:14px}.container{padding:0 10px}.nav-header{flex-direction:column}.nav-btn{margin:2% 0}.centered{font-size:20px}.feedback-container{flex-direction:column;align-items:center}.feedback-form,.feedback-section{margin:10px 0;max-width:100%}}@media (min-width: 601px) and (max-width: 1024px){body{font-size:16px}.container{padding:0 15px}.nav-header{flex-direction:row}.nav-btn{margin:3% 1%}.centered{font-size:22px}.feedback-container{flex-direction:column}.feedback-form,.feedback-section{margin:10px 0;max-width:90%}}@media (min-width: 1025px){body{font-size:17px}.container{padding:0 20px}.nav-header{flex-direction:row}.nav-btn{margin:5%}.centered{font-size:25px}.feedback-container{flex-direction:row}.feedback-form,.feedback-section{margin:0;max-width:50%}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 769px){.mobile-only{display:none}.desktop-only{display:block}}.text-sm{font-size:.9rem}.text-base{font-size:1rem}.text-lg{font-size:1.2rem}.text-xl{font-size:1.4rem}.text-2xl{font-size:1.8rem}.text-3xl{font-size:2rem}.p-sm{padding:10px}.p-md{padding:20px}.p-lg{padding:30px}.m-sm{margin:10px}.m-md{margin:20px}.m-lg{margin:30px}.container-sm{max-width:600px;margin:0 auto}.container-md{max-width:900px;margin:0 auto}.container-lg{max-width:1200px;margin:0 auto}