@import"https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap";@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;min-height:100vh;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px;background-position:0 0,0 0,0 0;padding:0;overflow-x:hidden;color:#333}*{box-sizing:border-box;margin:0;padding:0}.container{padding:2rem;padding-top:150px!important;max-width:1200px;margin:0 auto}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.container{padding-top:40px!important}.app-bar{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}.app-bar-content{display:none!important;visibility:hidden!important}.app-bar .nav-link{display:none!important}}@media (max-width: 1024px){.app-bar-content{gap:1.5rem}.app-bar .nav-link{padding:.5rem 1rem;font-size:.9rem}}.app-bar{position:fixed;top:0;left:0;right:0;height:80px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;justify-content:center;z-index:1050;padding:0 2rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.app-bar.hidden{transform:translateY(-100%);opacity:0}.app-bar-content{display:flex;gap:3rem;align-items:center;max-width:1200px;width:100%}.app-bar .nav-link{text-decoration:none;color:#fff;font-weight:500;font-size:1rem;padding:.8rem 1.8rem;border-radius:30px;background:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.3)!important;transition:all .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px) saturate(180%) brightness(1.1)!important;-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1)!important;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6,0 1px #fff3!important}.app-bar .nav-link: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 .5s}.app-bar .nav-link:hover{transform:translateY(-8px) scale(1.02)!important;background:rgba(255,255,255,.25)!important;border-color:#fff6!important;box-shadow:0 30px 60px #0003,inset 0 1px #ffffff80,0 1px #ffffff4d!important}.app-bar .nav-link:hover:before{left:100%}.sidebar{position:fixed;top:0;left:-300px;height:100%;width:300px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:0 20px 20px 0;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;padding:2rem;z-index:1050;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow-y:auto}.sidebar.open{left:0}.sidebar .nav-links{list-style:none;margin-top:2rem;width:100%;padding:0}.sidebar .nav-links li{margin:1rem 0;text-align:left;width:100%}.sidebar .nav-links .nav-link,.sidebar .nav-links .nav-link button{display:block;width:100%;min-height:56px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15);font-size:1.1rem;padding:1rem 1.5rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:500;text-decoration:none;text-align:left;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.sidebar .nav-links .nav-link:before,.sidebar .nav-links .nav-link button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.sidebar .nav-links .nav-link:hover,.sidebar .nav-links .nav-link button:hover{transform:translateY(-3px) scale(1.02);background:rgba(255,255,255,.15);border-color:#ffffff4d;box-shadow:0 8px 25px #0003;color:#fff}.sidebar .nav-links .nav-link:hover:before,.sidebar .nav-links .nav-link button:hover:before{left:100%}.liquid{background:rgba(0,0,0,.25)!important;backdrop-filter:blur(25px) saturate(200%) brightness(.8)!important;-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(.8)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 12px 40px #0000004d,inset 0 1px #fff3,0 1px #ffffff1a,0 0 20px #0003!important;position:relative;overflow:hidden}.liquid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.02) 100%);border-radius:inherit;z-index:-1}.liquid:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);animation:liquidShimmer 8s ease-in-out infinite;z-index:-1}@keyframes liquidShimmer{0%,to{transform:translate(-50%,-50%) rotate(0);opacity:.3}50%{transform:translate(-50%,-50%) rotate(180deg);opacity:.6}}@media (hover: hover){.liquid:hover{transform:translateY(-12px) scale(1.03)!important;background:rgba(0,0,0,.35)!important;border-color:#ffffff4d!important;box-shadow:0 40px 80px #0006,inset 0 1px #ffffff4d,0 1px #fff3,0 0 30px #0000004d!important}.liquid:hover:after{animation-duration:4s;opacity:.6}}.cv-download{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;font-weight:600!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;position:relative;overflow:hidden}.cv-download:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.cv-download:hover{transform:translateY(-4px) scale(1.05)!important;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)!important;box-shadow:0 15px 35px #667eea66!important}.cv-download:hover:before{left:100%}.dark .app-bar,.dark .sidebar{background:rgba(255,255,255,.1)}@media (max-width: 768px){.sidebar{padding:1.5rem}.nav-toggle{top:1rem;left:1rem}}.nav-toggle{position:fixed;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff;color:#000;border:4px solid #000;font-size:1rem;padding:.75rem;border-radius:8px;box-shadow:4px 4px #000;cursor:pointer;z-index:1100;transition:transform .2s}@media (min-width: 769px){.nav-toggle{display:none}}.nav-toggle:hover{transform:translateY(-4px);background-color:#111;color:#fff}.dark .nav-toggle{background:#212121;color:#fff;border-color:#000;box-shadow:4px 4px #000}.dark .nav-toggle:hover{background-color:#1a1a1a}.dark .project-card{background-color:#1a1d21;color:#f3f4f6}section h2,#projects-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #ffffff;text-align:left}.dark section h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #ffffff;text-align:left}.header{padding:3rem 2rem;background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.3);border-radius:20px;margin-bottom:3rem;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6,0 1px #fff3;text-align:center;position:relative;overflow:hidden}.header.liquid{background:rgba(0,0,0,.25)!important;backdrop-filter:blur(25px) saturate(200%) brightness(.8)!important;-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(.8)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 12px 40px #0000004d,inset 0 1px #fff3,0 1px #ffffff1a,0 0 20px #0003!important}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border-radius:20px;z-index:-1}.header h1{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.02em}.header p{font-size:clamp(1.2rem,3vw,1.4rem);color:#ffffffe6;margin-bottom:2rem;font-weight:300;line-height:1.6}.header .social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.header .social-links a{text-decoration:none;display:inline-block;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:25px;background:rgba(255,255,255,.1);color:#fff;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header .social-links a:hover{background:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 10px 25px #0003}@media (max-width: 768px){.header{padding:1.5rem}.header h1{font-size:clamp(1.75rem,4vw,2rem)}.header p{font-size:clamp(.9rem,3vw,1rem)}.header .social-links{flex-direction:column;align-items:center}}section{padding:2.5rem;background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.3);border-radius:20px;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6,0 1px #fff3;position:relative;overflow:hidden}section.liquid{background:rgba(0,0,0,.25)!important;backdrop-filter:blur(25px) saturate(200%) brightness(.8)!important;-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(.8)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 12px 40px #0000004d,inset 0 1px #fff3,0 1px #ffffff1a,0 0 20px #0003!important}section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.01) 100%);z-index:-1}section h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.3);border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:1rem}section h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}section p{color:#ffffffe6;line-height:1.7;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;gap:2rem;padding:1rem;width:100%;max-width:1200px;margin:0 auto}.project-card{background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6,0 1px #fff3;padding:2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%;max-width:400px;margin:0 auto;opacity:0;transform:translateY(30px) scale(.95);display:flex;flex-direction:column;min-height:350px;position:relative;overflow:hidden;animation:cardSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--delay, 0) * .1s);animation-fill-mode:forwards}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border-radius:20px;z-index:-1}.project-card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-title{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.3;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.project-description{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.7;color:#ffffffe6;margin-bottom:1.5rem;flex-grow:1}@media (hover: hover){.project-card:hover{transform:translateY(-8px) scale(1.02);background:rgba(255,255,255,.25);border-color:#fff6;box-shadow:0 30px 60px #0003,inset 0 1px #ffffff80,0 1px #ffffff4d}}.project-card:active{transform:translateY(-5px) scale(1.01)}.project-card{animation:cardSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--delay, 0) * .1s)}.project-card.visible{opacity:1;transform:translateY(0) scale(1)}.project-card.animate-in{animation:cardFloat 6s ease-in-out infinite}.dark .project-description{color:#dee2e6}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{min-height:280px;padding:1.25rem}.project-title{font-size:1.3rem}.project-description{font-size:.95rem}}.tech-tag{font-size:clamp(.75rem,1.2vw,.85rem);padding:.4rem .8rem;border-width:2px;margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tech-tag{background-color:#f0f0f0;border:2px solid #000;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:#1a1a1a}.tech-tag,.tool-tag{text-decoration:none;display:inline-block;margin:0 .3rem .5rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(255,255,255,.1);color:#fff;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.tech-tag:hover,.tool-tag:hover{transform:translateY(-2px);background:rgba(255,255,255,.2);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.projects-grid{padding:1rem}.project-card{padding:1.5rem}.project-title{font-size:1.5rem}.project-description{font-size:1rem}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(50px) scale(.8) rotateX(20deg)}50%{opacity:.7;transform:translateY(-10px) scale(1.02) rotateX(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes roadmapSlideIn{0%{opacity:0;transform:translateY(50px) scale(.8) rotateX(15deg)}50%{opacity:.8;transform:translateY(-5px) scale(1.02) rotateX(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes timelineGlow{0%,to{box-shadow:0 0 5px #ffffff4d}50%{box-shadow:0 0 20px #fff9}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .project-card{background-color:#1e293be6;color:#f3f4f6}.dark section p{color:#cbd5e1}.dark section{background-color:#212121}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}body{padding:1rem}.sidebar{width:100%;max-width:260px;left:-100%}@media (max-width: 480px){.sidebar.open{width:85%;left:0}}.project-title{font-size:1.4rem;font-weight:800;margin-bottom:.75rem;color:#1a1a1a}.project-description{font-size:1rem;line-height:1.5;color:#444;margin-bottom:1rem;flex-grow:1}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tech-tag{background:#f0f0f0;border:2px solid #000;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:background .3s,color .3s}.tech-tag:hover{background:#111;color:#fff}.project-card:focus-within{outline:3px solid #5761cf;outline-offset:2px}.dark .project-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dark .project-title{color:#f8f9fa}.dark .project-description{color:#e0e0e0}.dark .tech-tag{background:rgba(255,255,255,.2);color:#fff;border-color:#ffffff4d}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card{max-width:100%;padding:1.25rem}.project-title{font-size:1.2rem}.project-description{font-size:.95rem}}.header h1{font-size:clamp(1.75rem,6vw,3rem)}section h2{font-size:clamp(1.5rem,5vw,2rem)}.sidebar .nav-links .nav-link,.sidebar .nav-links .nav-link button{min-height:56px;font-size:clamp(.9rem,2vw,1rem)}@media (max-width: 768px){.container{padding:1.5rem;padding-top:40px!important}.header{padding:1.5rem 1rem}section{padding:1.5rem;margin-bottom:1.5rem}.project-card{padding:.5rem}}@media (max-width: 480px){body{padding:.5rem}.header .social-links a{width:100%;text-align:center}.tech-tag,.tool-tag{font-size:.75rem;padding:.25rem .75rem}}@media (hover: hover) and (pointer: fine){.sidebar .nav-links .nav-link:hover,.nav-toggle:hover{transform:translateY(-4px)}}img{max-width:100%;height:auto}.profile-photo{display:block;margin:0 auto 2rem;width:160px;height:160px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0003;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 480px){.profile-photo{width:90px;height:90px}}.space-bg{z-index:0;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#4973ff;box-shadow:inset 0 0 50px #00000080;overflow:hidden}.wave{position:absolute;left:0;width:100%;height:100%;background:#4973ff;box-shadow:inset 0 0 50px #00000080;transition:.5s}.wave span{content:"";position:absolute;width:325vh;height:325vh;top:0;left:50%;transform:translate(-50%,-75%);background:#000}.wave span:nth-child(1){border-radius:45%;background:rgba(20,20,20,1);animation:animate 8s linear infinite}.wave span:nth-child(2){border-radius:40%;background:rgba(20,20,20,.5);animation:animate 16s linear infinite}.wave span:nth-child(3){border-radius:42.5%;background:rgba(20,20,20,.5);animation:animate 24s linear infinite}@keyframes animate{0%{transform:translate(-50%,-75%) rotate(0)}to{transform:translate(-50%,-75%) rotate(360deg)}}.star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;opacity:.8;animation:twinkle 2s infinite alternate}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.home-page{position:relative;z-index:1}.experience-cards,.cert-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem;width:100%;max-width:1200px;margin:0 auto 2rem}.exp-card,.cert-card{background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6,0 1px #fff3;padding:2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%;max-width:400px;margin:0 auto;opacity:0;transform:translateY(30px) scale(.95);display:flex;flex-direction:column;min-height:200px;position:relative;overflow:hidden;animation:cardSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--delay, 0) * .1s)}.exp-card:before,.cert-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border-radius:20px;z-index:-1}.exp-card:focus-within,.cert-card:focus-within{outline:3px solid #5761cf;outline-offset:2px}@media (hover: hover){.exp-card:hover,.cert-card:hover{transform:translateY(-8px) scale(1.02);background:rgba(255,255,255,.25);border-color:#fff6;box-shadow:0 30px 60px #0003,inset 0 1px #ffffff80,0 1px #ffffff4d}}.dark .exp-card,.dark .cert-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;color:#f3f4f6}.exp-chip,.cert-chip{background:rgba(255,255,255,.2);color:#fff;font-weight:600;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;margin-bottom:1rem;letter-spacing:.5px;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.exp-role,.cert-title{color:#fff;font-weight:600;font-size:1.3rem;margin-bottom:.5rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.exp-date,.cert-date{color:#fffc;font-size:1rem;margin-bottom:1rem;font-style:italic}.cert-card ul,.exp-details{margin:.75rem 0 0 1rem;padding-left:1.25rem;color:#ffffffe6;font-size:1rem}.exp-details li{margin-bottom:.75rem;line-height:1.6;color:#ffffffe6}.roadmap-timeline{position:relative;max-width:800px;margin:0 auto;padding:2rem 0}.roadmap-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 100%);transform:translate(-50%);border-radius:2px;box-shadow:0 0 10px #fff3}.roadmap-item{position:relative;margin-bottom:4rem;opacity:0;transform:translateY(40px) scale(.9);animation:roadmapSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:calc(var(--delay) + .4s)}.roadmap-item:nth-child(odd) .roadmap-content{margin-left:0;margin-right:50%;padding-right:2rem;text-align:right}.roadmap-item:nth-child(2n) .roadmap-content{margin-left:50%;margin-right:0;padding-left:2rem;text-align:left}.roadmap-year{position:absolute;left:50%;top:1rem;transform:translate(-50%);background:rgba(255,255,255,.15);color:#fff;padding:.6rem 1.2rem;border-radius:25px;font-weight:700;font-size:1.1rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);z-index:10;box-shadow:0 4px 15px #0003}.roadmap-content{background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff6,0 1px #fff3;position:relative}.roadmap-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border-radius:20px;z-index:-1}.roadmap-title{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.roadmap-description{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:1rem}.roadmap-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.roadmap-tech-tag{background:rgba(255,255,255,.2);color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover){.roadmap-content:hover{transform:translateY(-8px) scale(1.02);background:rgba(255,255,255,.25);border-color:#fff6;box-shadow:0 30px 60px #0003,inset 0 1px #ffffff80,0 1px #ffffff4d}.roadmap-tech-tag:hover{transform:translateY(-2px) scale(1.05);background:rgba(255,255,255,.3);box-shadow:0 5px 15px #0003}.roadmap-year:hover{animation:pulse .6s ease-in-out}}@media (max-width: 768px){.roadmap-timeline:before{left:2rem;width:3px}.roadmap-item:nth-child(odd) .roadmap-content,.roadmap-item:nth-child(2n) .roadmap-content{margin-left:3rem;margin-right:0;padding-left:1.5rem;padding-right:1.5rem;text-align:left}.roadmap-year{left:2rem;top:.5rem;transform:translate(-50%);padding:.5rem 1rem;font-size:1rem}.roadmap-content{padding:1.25rem;margin-top:1rem}.roadmap-title{font-size:1.2rem}.roadmap-description{font-size:.95rem}}@media (max-width: 768px){.experience-cards,.cert-cards{grid-template-columns:1fr;gap:1.5rem;padding:.5rem}.exp-card,.cert-card{min-height:120px;padding:1.25rem}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.35);z-index:1040}.toast-message{position:fixed;top:2rem;right:2rem;background:#222831;color:#fff;padding:1rem 2rem;border-radius:12px;box-shadow:0 4px 24px #00000040;font-size:1.1rem;font-weight:600;z-index:9999;opacity:0;transition:opacity .4s;cursor:pointer}.toast-message.visible{opacity:1}@media (max-width: 600px){.toast-message,.toast-message.visible{right:.5rem;left:.5rem;top:1rem;padding:.75rem 1rem;font-size:1rem}}