.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px var(--shadow);transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{text-decoration:none;display:flex;align-items:center;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.1)}.logo-text{font-size:1.8rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:1rem;position:relative;padding:.5rem 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--primary-gradient);transition:width .3s ease;border-radius:2px}.nav-link:hover{color:#667eea}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:#667eea;font-weight:600}@media (max-width: 768px){.nav-container{padding:1rem}.nav-menu{gap:1rem}.nav-link{font-size:.9rem}.logo-text{font-size:1.5rem}}.home{min-height:calc(100vh - 80px);padding:2rem 0;position:relative;overflow:hidden}.home-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:70vh;margin-bottom:6rem}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin:0}.hero-subtitle{font-size:1.5rem;color:#4a5568;font-weight:500;margin:0}.hero-description{font-size:1.1rem;color:#4a5568;line-height:1.8;max-width:600px}.hero-buttons{display:flex;gap:1rem;margin-top:1rem}.btn-secondary{background:#fff;color:#4facfe;border:2px solid #4facfe}.btn-secondary:hover{background:#4facfe;color:#fff;transform:translateY(-2px)}.btn-large{padding:1.25rem 3rem;font-size:1.1rem}.hero-visual{position:relative;height:400px}.floating-card{position:absolute;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:transform .3s ease;animation:float 6s ease-in-out infinite}.floating-card:hover{transform:scale(1.1);box-shadow:0 15px 50px var(--shadow-hover)}.card-icon{font-size:3rem}.card-text{font-weight:600;color:var(--text-primary)}.card-1{top:0;left:0;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;animation-delay:0s}.card-1 .card-text{color:#fff}.card-2{top:20%;right:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;animation-delay:1.5s}.card-2 .card-text{color:#fff}.card-3{bottom:20%;left:10%;background:linear-gradient(135deg,#00d4ff,#5b86e5);color:#fff;animation-delay:3s}.card-3 .card-text{color:#fff}.card-4{bottom:0;right:20%;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;animation-delay:4.5s}.card-4 .card-text{color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.timeline-section{margin:6rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;background:linear-gradient(135deg,#4facfe,#00f2fe,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline{position:relative;max-width:800px;margin:0 auto;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:2px}.timeline-item{position:relative;margin-bottom:4rem;padding-left:3rem}.timeline-item:before{content:"";position:absolute;left:-1.5rem;top:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);border:4px solid white;box-shadow:0 0 0 4px #4facfe33}.timeline-year{font-size:1.5rem;font-weight:700;color:#4facfe;margin-bottom:.5rem}.timeline-content h3{font-size:1.5rem;margin-bottom:.75rem;color:#1a1a2e}.timeline-content p{color:#4a5568;line-height:1.8;font-size:1.05rem}.cta-section{margin:6rem 0;padding:4rem 2rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:30px;text-align:center;color:#fff}.cta-content h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-section .btn-large{background:#fff;color:#4facfe}.cta-section .btn-large:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}@media (max-width: 968px){.hero-section{grid-template-columns:1fr;gap:3rem;min-height:auto}.hero-visual{height:300px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}@media (max-width: 768px){.home-container{padding:0 1rem}.hero-title{font-size:2rem}.hero-buttons{flex-direction:column}.btn{width:100%}.floating-card{padding:1.5rem}.card-icon,.section-title{font-size:2rem}.timeline{padding-left:1.5rem}.timeline-item{padding-left:2rem}.cta-content h2{font-size:1.8rem}}.projects{min-height:calc(100vh - 80px);padding:3rem 0;position:relative;overflow:hidden}.projects-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.projects-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.projects-header{text-align:center;margin-bottom:4rem}.carousel-wrapper{position:relative;margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.carousel-container{flex:1;overflow:hidden;border-radius:30px;position:relative;min-height:600px}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;width:100%}.project-card-slide{flex:0 0 50%;width:50%;padding:0 .75rem;box-sizing:border-box}@media (max-width: 968px){.project-card-slide{flex:0 0 100%;width:100%;padding:0 .5rem}}.project-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:2rem;box-shadow:0 20px 60px #4facfe4d;border:1px solid rgba(79,172,254,.2);transition:all .3s ease;position:relative;overflow:hidden;height:100%;max-height:600px;display:flex;flex-direction:column;word-wrap:break-word;overflow-wrap:break-word}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4facfe,#00f2fe,#667eea);background-size:200% 100%;animation:gradient 3s ease infinite}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.project-icon{font-size:3rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(79,172,254,.3))}.project-year{font-size:.85rem;font-weight:600;color:#667eea;background:linear-gradient(135deg,#e0f2fe,#bae6fd);padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(79,172,254,.3);white-space:nowrap}.project-title{font-size:1.6rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#4facfe,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-description{font-size:1rem;color:#4a5568;line-height:1.7;margin-bottom:1.5rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;overflow-y:auto}.project-features{margin-top:auto;padding-top:1rem}.project-features h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#667eea}.project-features ul{list-style:none;padding:0;margin:0}.project-features li{padding:.5rem 0 .5rem 2rem;position:relative;color:#4a5568;line-height:1.6;font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word}.project-features li:before{content:"✓";position:absolute;left:0;color:#4facfe;font-weight:700;font-size:1.3rem;text-shadow:0 2px 4px rgba(79,172,254,.3)}.carousel-btn{width:50px;height:50px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#4facfe;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4facfe4d;display:flex;align-items:center;justify-content:center;z-index:10;border:2px solid rgba(79,172,254,.3)}.carousel-btn:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #4facfe80}.carousel-btn:active{transform:scale(.95)}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid #4facfe;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.indicator:hover{transform:scale(1.3);background:#4facfe4d}.indicator.active{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#00f2fe;width:30px;border-radius:6px;box-shadow:0 0 10px #4facfe80}.projects-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#4facfe1a,#667eea1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;margin-bottom:3rem;border:1px solid rgba(79,172,254,.2)}.projects-cta p{font-size:1.2rem;color:#4a5568;margin-bottom:1.5rem;font-weight:500}.btn{padding:.875rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 15px #4facfe66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe99}@media (max-width: 968px){.project-card-slide{min-width:100%;padding:0 .5rem}.carousel-wrapper{flex-direction:column}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-container{width:100%}}@media (max-width: 768px){.projects-container{padding:0 1rem}.page-title{font-size:2rem}.project-card{padding:2rem}.project-title{font-size:1.5rem}.project-icon{font-size:3rem}.carousel-btn{width:40px;height:40px;font-size:1.5rem}.radial-blur{filter:blur(60px)}.blur-1,.blur-2,.blur-3{width:300px;height:300px}}.skills{min-height:calc(100vh - 80px);padding:3rem 0;position:relative;overflow:hidden}.page-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.radial-blur{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:pulse 8s ease-in-out infinite}.blur-1{width:500px;height:500px;background:radial-gradient(circle,#4facfe 0%,#00f2fe 50%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.blur-2{width:600px;height:600px;background:radial-gradient(circle,#667eea 0%,#764ba2 50%,transparent 70%);bottom:-300px;right:-300px;animation-delay:2s}.blur-3{width:450px;height:450px;background:radial-gradient(circle,#00d4ff 0%,#5b86e5 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.8}}.floating-orange-elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.orange-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,#ff6b35 0%,#ff8c42 50%,transparent 70%);filter:blur(2px);opacity:.7}.orb-1{width:80px;height:80px;top:20%;left:10%;animation:float1 15s ease-in-out infinite}.orb-2{width:60px;height:60px;top:60%;left:80%;animation:float2 18s ease-in-out infinite}.orb-3{width:100px;height:100px;top:80%;left:20%;animation:float3 20s ease-in-out infinite}.orb-4{width:70px;height:70px;top:40%;left:70%;animation:float4 16s ease-in-out infinite}.orb-5{width:90px;height:90px;top:10%;left:50%;animation:float5 22s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(100px,-50px) scale(1.2)}50%{transform:translate(50px,-100px) scale(.9)}75%{transform:translate(-50px,-30px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,80px) scale(1.3)}66%{transform:translate(60px,-40px) scale(.8)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}20%{transform:translate(120px,50px) scale(1.1)}40%{transform:translate(-40px,-80px) scale(.9)}60%{transform:translate(80px,60px) scale(1.2)}80%{transform:translate(-60px,40px) scale(1)}}@keyframes float4{0%,to{transform:translate(0) scale(1)}30%{transform:translate(-100px,-60px) scale(1.15)}60%{transform:translate(70px,90px) scale(.85)}}@keyframes float5{0%,to{transform:translate(0) scale(1)}25%{transform:translate(150px,30px) scale(1.25)}50%{transform:translate(-70px,-90px) scale(.9)}75%{transform:translate(40px,50px) scale(1.1)}}.skills-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.skills-header{text-align:center;margin-bottom:4rem}.page-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,#4facfe,#00f2fe,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient 3s ease infinite}.page-subtitle{font-size:1.2rem;color:#4a5568;max-width:600px;margin:0 auto}.expertise-section{margin-bottom:5rem}.section-title{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#4facfe,#00f2fe,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.expertise-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px var(--shadow);transition:all .3s ease;border-top:4px solid;border-image:var(--primary-gradient) 1}.expertise-card:nth-child(1){border-image:linear-gradient(135deg,#4facfe,#00f2fe) 1}.expertise-card:nth-child(2){border-image:linear-gradient(135deg,#667eea,#764ba2) 1}.expertise-card:nth-child(3){border-image:linear-gradient(135deg,#00d4ff,#5b86e5) 1}.expertise-card:nth-child(4){border-image:linear-gradient(135deg,#4facfe,#00f2fe) 1}.expertise-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-hover)}.expertise-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a2e}.expertise-card p{color:#4a5568;line-height:1.7;margin-bottom:1rem;font-size:1.05rem}.expertise-period{display:inline-block;font-size:.9rem;color:#4facfe;font-weight:600;background:#4facfe1a;padding:.4rem 1rem;border-radius:15px}.skills-section{margin-bottom:4rem}.skill-category{background:#fff;border-radius:25px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 10px 30px var(--shadow)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.category-icon{font-size:2.5rem}.category-title{font-size:1.8rem;font-weight:700;color:#1a1a2e;margin:0}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:600;font-size:1.1rem;color:#1a1a2e}.skill-level{font-weight:600;color:#4facfe;font-size:1rem}.skill-bar{width:100%;height:12px;background:#f0f0f0;border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;border-radius:10px;transition:width 1s ease-out;position:relative;box-shadow:0 2px 10px #0003}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skills-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:25px;color:#fff;margin-bottom:3rem}.skills-cta h2{font-size:2.2rem;margin-bottom:1rem;color:#fff}.skills-cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.skills-cta .btn-primary{background:#fff;color:#4facfe}.skills-cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.back-link{text-align:center}.link-back{color:#4facfe;text-decoration:none;font-weight:500;font-size:1.1rem;transition:all .3s ease;display:inline-block}.link-back:hover{color:#00f2fe;transform:translate(-5px)}@media (max-width: 768px){.skills-container{padding:0 1rem}.page-title{font-size:2rem}.expertise-grid{grid-template-columns:1fr}.skill-category{padding:2rem}.category-title{font-size:1.5rem}.skills-cta h2{font-size:1.8rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}@media (max-width: 768px){.main-content{padding-top:70px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-gradient: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--text-primary: #1a1a2e;--text-secondary: #16213e;--bg-light: #f8f9fa;--bg-white: #ffffff;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-gradient)}