@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{--primary-blue: #0066FF;--secondary-blue: #00CCFF;--accent-blue: #3366FF;--dark-blue: #001133;--electric-blue: #00FFFF;--neon-blue: #0099FF;--gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));--gradient-secondary: linear-gradient(45deg, var(--dark-blue), var(--accent-blue));--gradient-neon: linear-gradient(90deg, var(--electric-blue), var(--neon-blue))}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{font-family:Inter,sans-serif;background:#000;color:#fff;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.digital-grid-bg{background:linear-gradient(rgba(0,102,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.1) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(0,102,255,.15) 0%,transparent 70%);background-size:50px 50px,50px 50px,100% 100%;animation:gridFloat 20s ease-in-out infinite}.liquid-overlay{background:radial-gradient(circle at 20% 80%,rgba(0,102,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,204,255,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(51,102,255,.1) 0%,transparent 50%);animation:liquidFlow 15s ease-in-out infinite}@keyframes gridFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,-10px) scale(1.05)}}@keyframes liquidFlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.liquid-nav{background:#0000001a;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:50px;box-shadow:0 8px 32px #06f6,0 4px 16px #0cf3,inset 0 1px #ffffff4d,inset 0 -1px #06f3;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(0,102,255,.3)}.liquid-nav:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:navShimmer 3s infinite}.liquid-nav:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 25%,transparent 50%,rgba(0,102,255,.05) 75%,rgba(0,102,255,.1) 100%);border-radius:50px;pointer-events:none}@keyframes navShimmer{0%{left:-100%}to{left:100%}}.nav-item{background:transparent;border:none;color:#fffc;cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:#fff;transform:scale(1.1);background:#ffffff1a;box-shadow:0 4px 20px #0066ff4d,inset 0 1px #fff3}.nav-item.active{color:#fff;background:linear-gradient(135deg,#06fc,#0cf9);box-shadow:0 4px 20px #0066ff80,0 2px 10px #00ccff4d,inset 0 1px #ffffff4d,inset 0 -1px #06fc;border:1px solid rgba(255,255,255,.2)}.page-container{display:flex;transition:transform .8s cubic-bezier(.645,.045,.355,1);width:500%}.page{width:20%;min-height:calc(100vh - 100px);opacity:0;transform:translate(100px);transition:all .8s cubic-bezier(.645,.045,.355,1);display:flex;align-items:flex-start;padding-top:2rem}.page.active{opacity:1;transform:translate(0)}.page-container.home{transform:translate(0)}.page-container.about{transform:translate(-20%)}.page-container.works{transform:translate(-40%)}.page-container.cv{transform:translate(-60%)}.page-container.contact{transform:translate(-80%)}.liquid-hero{position:relative}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1;margin-bottom:2rem;position:relative}.digital-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.02em;display:block}.designer-text{color:#fff;display:block;position:relative;font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:-.03em;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.emoji-float{position:absolute;top:-20px;right:-60px;font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-subtitle{font-size:1.25rem;font-weight:400;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.highlight{color:var(--secondary-blue);font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.skill-card{background:#0009;border:1px solid rgba(0,102,255,.3);border-radius:20px;padding:2rem;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.skill-card:hover{transform:translateY(-10px);border-color:var(--secondary-blue);box-shadow:0 20px 40px #0066ff4d}.skill-card:hover:before{transform:scaleX(1)}.skill-icon{font-size:3rem;margin-bottom:1rem}.skill-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.skill-card p{color:#ffffffb3}.adobe-logos{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.adobe-logo{width:32px;height:32px;transition:all .3s ease;filter:brightness(.9)}.adobe-logo:hover{transform:scale(1.2);filter:brightness(1.1)}.software-logos{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.software-logo{width:32px;height:32px;transition:all .3s ease;filter:brightness(.9)}.software-logo:hover{transform:scale(1.2);filter:brightness(1.1)}.design-logos{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.design-logo{width:32px;height:32px;transition:all .3s ease;filter:brightness(.9)}.design-logo:hover{transform:scale(1.2);filter:brightness(1.1)}.html-css-logo,.bolt-logo{font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.html-css-logo{background:linear-gradient(45deg,#e34c26,#1572b6);color:#fff}.bolt-logo{background:linear-gradient(45deg,#6366f1,#8b5cf6);color:#fff}.html-css-logo:hover,.bolt-logo:hover{transform:scale(1.1);box-shadow:0 4px 15px #6366f14d}.about-content{max-width:1000px;margin:0 auto}.about-header{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:1rem}.section-title{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.digital-decoration{font-family:JetBrains Mono,monospace;font-size:2rem;color:var(--secondary-blue);animation:pulse 2s infinite}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-intro{font-size:1rem;line-height:1.8;color:#ffffffe6;margin-bottom:2rem}.experience-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-item{text-align:center;padding:1.5rem;background:#0066ff1a;border-radius:15px;border:1px solid rgba(0,102,255,.3)}.stat-number{display:block;font-size:2.5rem;font-weight:800;color:var(--secondary-blue);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.skills-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.skills-list{display:flex;flex-wrap:wrap;gap:.7em}.skill-tag{background:var(--gradient-primary);padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:500;color:#fff;box-shadow:0 4px 15px #0066ff4d}.works-header{display:flex;align-items:center;justify-content:center;margin-bottom:4rem;gap:2rem}.filter-icon{color:var(--secondary-blue);animation:pulse 2s infinite}.works-layout{display:flex;justify-content:center}.timeline-filter{position:relative;max-width:600px;width:100%}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--gradient-primary);transform:translate(-50%);border-radius:2px;box-shadow:0 0 20px #0066ff80}.timeline-item{position:relative;margin-bottom:4rem;cursor:pointer}.timeline-item.left{padding-right:50%;text-align:right}.timeline-item.right{padding-left:50%;text-align:left}.timeline-dot{position:absolute;top:0;width:20px;height:20px;background:var(--gradient-primary);border:3px solid #000;border-radius:50%;box-shadow:0 0 20px #06f9;z-index:10}.timeline-item.left .timeline-dot{right:calc(50% - 10px)}.timeline-item.right .timeline-dot{left:calc(50% - 10px)}.timeline-content{background:#000c;border:1px solid rgba(0,102,255,.3);border-radius:20px;padding:2rem;margin:0 2rem;transition:all .4s ease;position:relative;overflow:hidden}.timeline-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,102,255,.2),transparent);transition:left .6s ease}.timeline-item:hover .timeline-content:before{left:100%}.timeline-item:hover .timeline-content{transform:scale(1.05);border-color:var(--secondary-blue);box-shadow:0 15px 35px #06f6}.timeline-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.timeline-content p{color:#ffffffb3;font-size:1rem}.cv-content{max-width:1000px;margin:0 auto}.cv-preview-container{display:flex;justify-content:center;margin-bottom:3rem}.cv-preview-image{position:relative;width:300px;height:400px;border-radius:20px;overflow:hidden;border:2px solid rgba(0,102,255,.3);box-shadow:0 15px 35px #06f3;transition:all .3s ease}.cv-preview-image:hover{border-color:var(--secondary-blue);box-shadow:0 20px 45px #06f6;transform:translateY(-5px)}.cv-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(8px) brightness(.7) contrast(.8);transition:filter .3s ease}.cv-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-text{color:#fff;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cv-download-section{display:flex;flex-direction:column;align-items:center;gap:2rem}.cv-download-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.5rem 3rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:15px;font-weight:600;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #06f6;position:relative;overflow:hidden}.cv-download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cv-download-btn:hover:before{left:100%}.cv-download-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #06f9}.cv-download-btn svg{transition:transform .3s ease}.cv-download-btn:hover svg{transform:translateY(2px)}.cv-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.cv-section h3{font-size:1.8rem;font-weight:700;color:var(--secondary-blue);margin-bottom:2rem;border-bottom:2px solid rgba(0,102,255,.3);padding-bottom:.5rem}.cv-item{display:flex;gap:2rem;margin-bottom:3rem;padding:2rem;background:#0009;border-radius:15px;border:1px solid rgba(0,102,255,.2);transition:all .3s ease}.cv-item:hover{border-color:var(--secondary-blue);transform:translate(10px)}.cv-date{flex-shrink:0;font-family:JetBrains Mono,monospace;font-weight:600;color:var(--secondary-blue);font-size:.9rem;min-width:120px}.cv-details h4{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;color:#fff}.cv-details p{color:var(--electric-blue);font-weight:500;margin-bottom:1rem}.cv-details ul{list-style:none;color:#fffc}.cv-details li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}.cv-details li:before{content:"→";position:absolute;left:0;color:var(--secondary-blue);font-weight:700}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.tool-badge{background:var(--gradient-primary);padding:.75rem 1rem;border-radius:10px;text-align:center;font-weight:500;font-size:.9rem;box-shadow:0 4px 15px #0066ff4d}.contact-content{max-width:440px;margin:0 auto}.contact-content .underline-only{text-decoration:underline;text-underline-offset:2.5px;text-decoration-color:#00bfee;text-decoration-thickness:2px;color:inherit}.contact-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0;max-width:1200px;margin-left:auto;margin-right:auto}.contact-card{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:2.5rem;background:#000c;border-radius:25px;border:1px solid rgba(0,102,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.contact-card:hover:before{transform:scaleX(1)}.contact-card:hover{border-color:var(--secondary-blue);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #06f6,0 0 60px #0cf3}.contact-card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--gradient-primary);border-radius:18px;flex-shrink:0;box-shadow:0 8px 25px #06f6;transition:all .3s ease}.contact-card:hover .contact-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px #06f9}.telegram-icon,.whatsapp-icon,.instagram-icon{font-size:2rem}.contact-card-content{flex:1}.contact-card h4{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#fff;transition:color .3s ease}.contact-card p{font-size:1rem;color:var(--secondary-blue);font-weight:500;margin-bottom:.5rem}.contact-card-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.contact-card-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,102,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;pointer-events:none}.contact-card:hover .contact-card-glow{transform:translate(-50%,-50%) scale(1.2)}.contact-cta{margin-top:2rem;text-align:center}.cta-content{background:#000c;border:1px solid rgba(0,102,255,.3);border-radius:30px;padding:3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,102,255,.1),transparent);animation:ctaShimmer 3s infinite}@keyframes ctaShimmer{0%{left:-100%}to{left:100%}}.cta-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content p{font-size:1.1rem;color:#fffc;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.cta-primary,.cta-secondary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:15px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.cta-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 25px #06f6}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #06f9}.cta-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(0,102,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:#06f3;border-color:var(--secondary-blue);transform:translateY(-3px);box-shadow:0 10px 25px #0066ff4d}.email-card:hover{border-color:#4285f4}.linkedin-card:hover{border-color:#0077b5}.telegram-card:hover{border-color:#08c}.whatsapp-card:hover{border-color:#25d366}.instagram-card:hover{border-color:#e4405f}.contact-item h4{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;color:#fff}.contact-item p{color:#ffffffb3}.liquid-form{background:#0009;border:1px solid rgba(0,102,255,.3);border-radius:25px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:2rem}.liquid-input{width:100%;padding:1.5rem;background:#000000b3;border:1px solid rgba(0,102,255,.3);border-radius:15px;color:#fff;font-size:1rem;transition:all .3s ease;resize:none}.liquid-input:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 20px #06f6}.liquid-input::-moz-placeholder{color:#ffffff80}.liquid-input::placeholder{color:#ffffff80}.liquid-button{background:var(--gradient-primary);border:none;border-radius:15px;padding:1.5rem 3rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.liquid-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #06f6}.gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.gallery-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-container{position:relative;background:#000000e6;border:1px solid rgba(0,102,255,.3);border-radius:25px;padding:3rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #06f6;scrollbar-width:none;-ms-overflow-style:none}.gallery-container::-webkit-scrollbar{display:none}.gallery-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.gallery-close:hover{background:var(--gradient-primary);transform:scale(1.1)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.gallery-item{position:relative;aspect-ratio:1;width:100%;height:200px;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .4s ease;border:2px solid rgba(0,102,255,.2);background:#ffffff0d}.gallery-item:hover{transform:scale(1.05);border-color:var(--secondary-blue);box-shadow:0 15px 30px #06f6}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:1.5rem 1rem 1rem;transform:translateY(100%);transition:transform .4s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#fff}.gallery-overlay p{font-size:.8rem;color:var(--secondary-blue);text-transform:uppercase;letter-spacing:.5px}.project-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center}.project-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.project-container{position:relative;background:#000000e6;border:1px solid rgba(0,102,255,.3);border-radius:25px;padding:3rem;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #06f6;scrollbar-width:none;-ms-overflow-style:none}.project-container::-webkit-scrollbar{display:none}.project-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.project-close:hover{background:var(--gradient-primary);transform:scale(1.1)}.project-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.project-content img{width:100%;border-radius:15px;border:1px solid rgba(0,102,255,.3)}.project-info h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.project-category{color:var(--secondary-blue);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:.9rem}.project-description{color:#fffc;line-height:1.6;margin-bottom:2rem;font-size:1.1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem}.project-tag{background:#06f3;border:1px solid rgba(0,102,255,.4);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;color:var(--secondary-blue);font-weight:500}.floating-elements{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.float-element{position:absolute;font-family:JetBrains Mono,monospace;font-size:1.5rem;color:#0066ff4d;animation:floatAround 8s ease-in-out infinite}.float-element:nth-child(2){animation-delay:-2s;animation-duration:10s}.float-element:nth-child(3){animation-delay:-4s;animation-duration:12s}.float-element:nth-child(4){animation-delay:-6s;animation-duration:9s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(5deg)}50%{transform:translate(-15px,15px) rotate(-3deg)}75%{transform:translate(10px,-10px) rotate(2deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.slideshow-content{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.slideshow-container{position:relative;display:flex;align-items:center;gap:1rem}.slideshow-nav{background:var(--gradient-primary);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #06f6;flex-shrink:0}.slideshow-nav:hover{transform:scale(1.1);box-shadow:0 6px 20px #06f9}.slideshow-image-container{flex:1;display:flex;justify-content:center}.slideshow-image{width:100%;max-width:600px;border-radius:15px;border:1px solid rgba(0,102,255,.3);cursor:pointer;transition:all .3s ease}.slideshow-image:hover{border-color:var(--secondary-blue);box-shadow:0 10px 25px #0066ff4d}.slideshow-info{text-align:center}.slideshow-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--gradient-primary);box-shadow:0 0 10px #0066ff80}.indicator:hover{background:#06f9}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:center;justify-content:center}.fullscreen-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-container{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.fullscreen-close{position:absolute;top:-50px;right:0;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.fullscreen-close:hover{background:var(--gradient-primary);transform:scale(1.1)}.fullscreen-image{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 25px 50px #06f6}@media (max-width: 768px){.container{padding:0 1rem}.hero-title{font-size:3rem}.skills-grid{grid-template-columns:1fr}.about-grid,.cv-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.timeline-item.left,.timeline-item.right{padding-left:3rem;padding-right:1rem;text-align:left}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:0}.timeline-line{left:10px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-item{height:100px}.project-content{grid-template-columns:1fr}.liquid-nav{padding:.5rem 1rem;transform:scale(.9)}.nav-item{padding:.75rem;font-size:.8rem}.gallery-container{padding:2rem 1rem}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.gallery-item{height:80px}.skills-grid{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.gallery-container{padding:1.5rem .75rem}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.top-8{top:2rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:42rem}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.p-3{padding:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
