*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#161616;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}html{scroll-padding-top:80px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0056b3,#004085)}::selection{background:#007bff4d;color:#fff}:focus{outline:2px solid #007bff;outline-offset:2px}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.App{background:#000;color:#fff;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;text-align:center}.hero-section{align-items:center;background:#161616;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;z-index:1}.hero-section:before{background:radial-gradient(circle at 20% 80%,#0000000d 0,#0000 50%),radial-gradient(circle at 80% 20%,#0000000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{align-items:center;display:flex;flex-direction:column;max-width:1200px;position:relative;width:100%;z-index:10}.profile-container{margin-bottom:3rem}.profile-image-wrapper{display:inline-block;position:relative}.profile-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid #ffffff1a;border-radius:50%;box-shadow:0 20px 40px #00000080;height:200px;object-fit:cover;transition:all .3s ease;width:200px}.profile-image:hover{box-shadow:0 25px 50px #007bff33;transform:scale(1.05)}.profile-image-overlay{background:linear-gradient(135deg,#007bff1a,#007bff0d);border-radius:50%;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-text{max-width:800px;text-align:center}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ccc;font-size:1.5rem;font-weight:400;margin-bottom:1.5rem}.hero-description{color:#aaa;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-bottom:3rem}.stat-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;min-width:120px;padding:1.5rem;transition:all .3s ease}.stat-item:hover{background:#ffffff14;box-shadow:0 10px 30px #007bff26;transform:translateY(-5px)}.stat-number{color:#007bff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#ccc;font-size:.9rem;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.cta-button,.hero-actions{justify-content:center;position:relative;z-index:100}.cta-button{align-items:center;border-radius:50px;display:inline-flex;min-width:160px;padding:1rem 2rem}.cta-button.primary{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 8px 25px #007bff4d}.cta-button.primary:hover{box-shadow:0 12px 35px #007bff66}.cta-button.secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.cta-button.secondary:hover{background:#ffffff26}.scroll-indicator{bottom:6rem;left:50%;position:absolute;transform:translateX(-50%);z-index:1001}.scroll-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px;z-index:1001}.scroll-button:hover{background:#007bff33;box-shadow:0 8px 25px #007bff4d;transform:translateY(-3px)}.about-section{background:#1a1a1a;padding:6rem 2rem;position:relative}.about-section:before{background:radial-gradient(circle at 50% 50%,#007bff08 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-content{margin:0 auto;max-width:1200px;position:relative;z-index:10}.section-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#ccc;font-size:1.2rem;font-weight:300}.about-intro{margin-bottom:4rem;text-align:center}.intro-text h3{color:#007bff;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.intro-text p{color:#ccc;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px}.about-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.about-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.about-card:before{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:20px 20px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.about-card:hover{background:#ffffff14;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.card-icon{font-size:3rem;margin-bottom:1rem}.about-card h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.about-card p{color:#aaa;font-size:1rem;line-height:1.6}.skills-section{margin-bottom:4rem}.skills-section h3{color:#007bff;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;transition:all .3s ease}.skill-category:hover{background:#ffffff14;box-shadow:0 10px 30px #007bff26;transform:translateY(-5px)}.skill-category h4{color:#007bff;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.skill-tag{font-size:.9rem;padding:.4rem .8rem;transition:all .3s ease}.skill-tag:hover{background:#007bff33;transform:translateY(-2px)}.services-section{margin-bottom:4rem}.services-section h3{color:#007bff;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.service-card:before{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:20px 20px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.service-card:hover{background:#ffffff14;box-shadow:0 15px 40px #0000004d;transform:translateY(-8px)}.service-icon{font-size:2.5rem;margin-bottom:1rem}.service-card h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.service-card p{color:#aaa;font-size:1rem;line-height:1.6}.experience-highlights{margin-bottom:4rem}.experience-highlights h3{color:#007bff;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.highlights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.highlight-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.highlight-item:hover{background:#ffffff14;box-shadow:0 10px 30px #007bff26;transform:translateY(-5px)}.highlight-number{color:#007bff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.highlight-item p{color:#ccc;font-size:.9rem;line-height:1.4}.about-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:2rem;padding:3rem 2rem;text-align:center}.about-cta h3{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem}.about-cta p{color:#ccc;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.about-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.about-cta-buttons .cta-button{min-width:180px}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-stats{gap:1rem}.stat-item{min-width:100px;padding:1rem}.hero-actions{align-items:center;flex-direction:column}.cta-button{max-width:250px;width:100%}.about-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.about-section{padding:4rem 1rem}.intro-text h3{font-size:1.5rem}.intro-text p{font-size:1rem}.services-grid,.skills-grid{grid-template-columns:1fr}.highlights-grid{grid-template-columns:repeat(2,1fr)}.about-cta h3{font-size:1.5rem}.about-cta p{font-size:1rem}}@media (max-width:480px){.hero-section{padding:1rem}.profile-image{height:150px;width:150px}.hero-title{font-size:2rem}.hero-stats{align-items:center;flex-direction:column}.highlights-grid{grid-template-columns:1fr}.highlight-number{font-size:2rem}}html{scroll-behavior:smooth}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.profile-image-wrapper:hover .profile-image{animation:float 3s ease-in-out infinite}.career-section{background:#161616;padding:4rem 0;position:relative}.navbar{background-color:#161616;box-shadow:0 2px 5px #000;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:1rem}.navbar-logo{color:#fff;font-size:.5rem;font-weight:700;text-decoration:none}.navbar-logo:hover{color:#007bff}.navbar-logo img{height:30px}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-item{margin-left:2rem}.navbar-link{color:#fff;font-size:1rem;text-decoration:none}.navbar-link:hover{color:#007bff}.about-link,.home-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0;transition:color .3s ease}.about-link:hover,.home-link:hover{color:#007bff}.burger{cursor:pointer;display:none;flex-direction:column}.burger div{background-color:#f5f5f5;height:3px;margin:3px;transition:all .3s ease;width:25px}.burger.toggle .line1{transform:rotate(-405deg) translate(-6px,6px);transition-delay:.2s}.burger.toggle .line2{opacity:0}.burger.toggle .line3{transform:rotate(405deg) translate(-6px,-6px);transition-delay:.4ms}@media (max-width:768px){.navbar-menu{align-items:center;background-color:#333;flex-direction:column;height:calc(100vh - 60px);justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:60px;transform:translateY(-100%);transition:transform .5s ease;width:100%}.navbar-menu.open{opacity:.9;pointer-events:auto;transform:translateY(0)}.navbar-item{margin:1rem 0}.burger{display:flex}}.bottom-navbar{align-items:center;background-color:var(--navbar-bg);box-shadow:0 -2px 10px #0000001a;color:var(--navbar-text);display:flexbox;font-size:.9rem;grid-template-columns:1fr auto 1fr;margin-top:auto;padding:1rem 2rem;position:relative;width:100%}.contact-info{align-items:left;font-size:1rem}.social-links a{color:#fff;margin-right:1rem;text-decoration:none}.social-links a:hover{color:#007bff}.social-links{align-items:right;margin-right:1rem}.projects-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:120px 20px 60px}.projects-header{margin-bottom:60px;text-align:center}.projects-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:20px}.projects-header p{color:#b8b8b8;font-size:1.2rem;margin:0 auto;max-width:600px}.projects-controls{align-items:center;display:flex;flex-direction:column;gap:30px;margin-bottom:50px}.search-container{max-width:500px;position:relative;width:100%}.search-icon{color:#666;font-size:1.1rem;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#1a1a2e;border:2px solid #333;border-radius:25px;color:#fff;font-size:1rem;padding:15px 20px 15px 50px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 20px #667eea4d;outline:none}.search-input::placeholder{color:#666}.category-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.category-filter{background:#1a1a2e;border:2px solid #333;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.category-filter:hover{background:#667eea;border-color:#667eea;transform:translateY(-2px)}.category-filter.active{background:#667eea;border-color:#667eea;box-shadow:0 5px 15px #667eea66}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.project-card{background:#1a1a2e;border:1px solid #333;border-radius:15px;box-shadow:0 10px 30px #0000004d;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{border-color:#667eea;box-shadow:0 20px 40px #0006;transform:translateY(-10px)}.project-card.featured{border-color:gold;box-shadow:0 10px 30px #ffd70033}.featured-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:15px;color:#000;font-size:.8rem;font-weight:700;padding:5px 12px;position:absolute;right:15px;top:15px;z-index:2}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:25px}.project-title{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:15px}.project-description{color:#b8b8b8;font-size:.95rem;line-height:1.6;margin-bottom:20px}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.technology-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:5px 12px}.project-links{display:flex;flex-wrap:wrap;gap:15px}.project-link{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.live-link{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.live-link:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.github-link{background:linear-gradient(135deg,#333,#555);color:#fff}.github-link:hover{box-shadow:0 5px 15px #3336;transform:translateY(-2px)}.no-results{color:#b8b8b8;padding:60px 20px;text-align:center}.no-results h3{color:#fff;font-size:1.8rem;margin-bottom:15px}.no-results p{font-size:1.1rem}@media (max-width:768px){.projects-page{padding:100px 15px 40px}.projects-header h1{font-size:2.5rem}.projects-controls{gap:20px}.category-filters{gap:10px}.category-filter{font-size:.8rem;padding:8px 16px}.projects-grid{gap:20px;grid-template-columns:1fr}.project-card{margin:0 auto;max-width:400px}.project-links{flex-direction:column}.project-link{justify-content:center}}@media (max-width:480px){.projects-header h1{font-size:2rem}.projects-header p{font-size:1rem}.search-input{font-size:.9rem;padding:12px 20px 12px 45px}.search-icon{font-size:1rem;left:15px}}.contact-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff;min-height:100vh;padding:120px 20px 60px}.contact-container{margin:0 auto;max-width:1200px}.contact-header{margin-bottom:80px;text-align:center}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:20px}.contact-header p{color:#b8b8b8;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.contact-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.contact-form-container h2,.contact-info h2{color:#fff;font-size:2rem;margin-bottom:20px}.contact-info>p{color:#b8b8b8;line-height:1.6;margin-bottom:40px}.contact-methods{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.contact-method{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.contact-method:hover{background:#ffffff14;border-color:#667eea;transform:translateY(-2px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.contact-details h3{color:#fff;font-size:1.2rem;margin-bottom:8px}.contact-details p{color:#fff;font-size:1rem;margin-bottom:5px}.contact-details span{color:#b8b8b8;font-size:.9rem}.social-links h3{color:#fff;font-size:1.3rem;margin-bottom:20px}.social-icons{display:flex;gap:15px}.social-link{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-link.linkedin{background:linear-gradient(135deg,#0077b5,#00a0dc)}.social-link.github{background:linear-gradient(135deg,#333,#555)}.social-link.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-link:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-3px)}.contact-form-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px}.contact-form{gap:25px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fff;font-size:.95rem;font-weight:600}.form-group input,.form-group textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 20px #667eea4d;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group textarea{min-height:120px;resize:vertical}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px 30px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.success-message{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;color:#fff;margin-top:20px;padding:15px;text-align:center}.success-message p{font-weight:500;margin:0}.contact-cta{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:60px 40px;text-align:center}.contact-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:20px}.contact-cta p{color:#b8b8b8;font-size:1.1rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-button{border:none;border-radius:10px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.cta-button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.contact-content{gap:40px;grid-template-columns:1fr}.contact-info{order:2}.contact-form-container{order:1}}@media (max-width:768px){.contact-page{padding:100px 15px 40px}.contact-header h1{font-size:2.5rem}.contact-header p{font-size:1rem}.contact-cta h2{font-size:2rem}.contact-cta p{font-size:1rem}.cta-buttons{align-items:center;flex-direction:column}.cta-button{max-width:300px;width:100%}}@media (max-width:480px){.contact-header h1{font-size:2rem}.contact-form-container{padding:25px}.contact-method{padding:20px}.contact-icon{font-size:1rem;height:40px;width:40px}.social-link{font-size:1.1rem;height:45px;width:45px}}.career-timeline{background:#161616;color:#fff;margin:0 auto;max-width:1200px;padding:4rem 2rem}.timeline-header{margin-bottom:4rem;text-align:center}.timeline-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.timeline-header p{color:#ccc;font-size:1.2rem;font-weight:300}.timeline-container{padding:2rem 0;position:relative}.timeline-line{background:linear-gradient(180deg,#007bff,#0056b3 50%,#007bff);border-radius:2px;bottom:0;box-shadow:0 0 20px #007bff4d;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{margin-bottom:4rem;opacity:0;position:relative;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.timeline-item.animate-in{opacity:1;transform:translateY(0)}.timeline-item.left{padding-right:50%}.timeline-item.right{padding-left:50%}.timeline-marker{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:0;transform:translateX(-50%);z-index:10}.timeline-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#007bff,#0056b3);border:4px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 25px #007bff66;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.timeline-icon img{border-radius:10%;height:40px;object-fit:cover;width:40px}.timeline-icon:hover{box-shadow:0 12px 35px #007bff99;transform:scale(1.1)}.timeline-year{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#007bff1a;border-radius:20px;color:#007bff;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.3rem .8rem}.timeline-card,.timeline-content{position:relative}.timeline-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;padding:2rem;transition:all .3s ease}.timeline-card:before{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:20px 20px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.timeline-card:hover{background:#ffffff14;box-shadow:0 15px 40px #0006;transform:translateY(-5px)}.timeline-card-header{margin-bottom:1rem}.timeline-card-header h3{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.company{background:#007bff1a;border-radius:15px;color:#007bff;display:inline-block;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.3rem .8rem}.timeline-card p{color:#aaa;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.timeline-actions{display:flex;justify-content:center;margin-top:1rem}.expand-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;min-width:120px;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.expand-button:hover{box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.expanded-content{animation:slideDown .3s ease-out;border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-bottom:1.5rem}.detail-section h4{color:#007bff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.detail-section p{color:#ccc;margin:0}.detail-section ul{list-style:none;margin:0;padding:0}.detail-section li{color:#ccc;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.detail-section li:before{color:#007bff;content:"•";font-weight:700;left:0;position:absolute}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#007bff1a;border:1px solid #007bff33;border-radius:15px;color:#007bff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.highlight-text{background:#007bff0d;border-left:3px solid #007bff;border-radius:0 8px 8px 0;color:#ddd;font-style:italic;padding:1rem}@media (max-width:768px){.career-timeline{padding:2rem 1rem}.timeline-header h2{font-size:2rem}.timeline-line{left:30px;transform:none}.timeline-item{padding-left:80px!important;padding-right:0!important}.timeline-marker{left:30px;transform:none}.timeline-card{padding:1.5rem}.timeline-card-header h3{font-size:1.2rem}.expand-button{max-width:200px;width:100%}}@media (prefers-reduced-motion:no-preference){.timeline-item{animation:fadeInUp .8s ease-out}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.timeline-item:hover .timeline-icon{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 8px 25px #007bff66}50%{box-shadow:0 8px 25px #007bff99}to{box-shadow:0 8px 25px #007bff66}}
/*# sourceMappingURL=main.fb616acb.css.map*/