.navibar{position:fixed;top:2rem;left:50%;transform:translate(-50%);background:rgba(255,255,255,.25);box-shadow:0 8px 32px #1f26872e;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:2.5rem;border:1.5px solid rgba(255,255,255,.3);padding:.5rem 2.5rem;z-index:1000;min-width:320px;max-width:90vw;transition:all .3s cubic-bezier(.23,1,.32,1);animation:navibar-fadein 1s cubic-bezier(.23,1,.32,1)}.navibar-content{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;position:relative}@keyframes navibar-fadein{0%{opacity:0;transform:translate(-50%) translateY(-30px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.navibar-title{font-size:1.3rem;font-weight:700;letter-spacing:.05em;color:var(--primary-blue, #4a90e2);margin-right:2rem;-webkit-user-select:none;user-select:none;cursor:pointer;transition:color .3s;display:flex;align-items:center;gap:.5rem}.navibar-title:before{content:"🚀";font-size:1.5rem;filter:drop-shadow(0 1px 2px #4a90e2aa)}.nav-menu{display:flex;align-items:center;gap:1.5rem;position:relative}.nav-link{position:relative;background:none;border:none;font:inherit;color:#1e3a5f;font-weight:500;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:1.5rem;cursor:pointer;outline:none;transition:color .2s,background .2s,box-shadow .2s,transform .15s;overflow:hidden;z-index:1}.nav-link:focus-visible{box-shadow:0 0 0 3px #4a90e2aa}.nav-link:after{content:"";position:absolute;left:50%;bottom:.3rem;width:0;height:3px;background:linear-gradient(90deg,#4a90e2 0%,#61dafb 100%);border-radius:2px;transition:width .3s cubic-bezier(.23,1,.32,1),left .3s;transform:translate(-50%);z-index:2}.nav-link:hover,.nav-link:active{color:#61dafb;background:rgba(74,144,226,.08);transform:translateY(-2px) scale(1.07)}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:active:before{content:"";position:absolute;left:50%;top:50%;width:120%;height:120%;background:rgba(97,218,251,.15);border-radius:50%;transform:translate(-50%,-50%) scale(.7);animation:ripple .4s linear;z-index:0}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.nav-menu .nav-indicator{position:absolute;bottom:.1rem;height:4px;border-radius:2px;background:linear-gradient(90deg,#4a90e2 0%,#61dafb 100%);transition:left .4s cubic-bezier(.23,1,.32,1),width .4s;z-index:3}@media (max-width: 900px){.navibar{padding:.5rem 1rem;min-width:220px}.navibar-title{margin-right:1rem;font-size:1.1rem}.nav-link{font-size:1rem;padding:.5rem .7rem}}@media (max-width: 768px){.navibar{flex-direction:column;align-items:center;top:1rem;padding:.75rem 1rem;border-radius:1.5rem;min-width:unset;width:90%;max-width:100vw}.navibar-title{margin-right:0;margin-bottom:.75rem;font-size:1.2rem}.nav-menu{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.nav-link{padding:.5rem .8rem;font-size:.9rem;min-width:80px;text-align:center}.nav-link:hover,.nav-link:active{transform:translateY(-1px) scale(1.03)}}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:none;border:none;cursor:pointer;padding:0;z-index:2}.menu-toggle span{display:block;width:100%;height:3px;background-color:var(--primary-blue, #4a90e2);border-radius:3px;transition:transform .3s,opacity .3s}.menu-toggle.active span:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:last-child{transform:translateY(-9px) rotate(-45deg)}.menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}@media (max-width: 768px){.navibar{top:1rem;padding:.75rem 1rem;border-radius:1.5rem;width:90%;min-width:unset}.menu-toggle{display:flex}.nav-menu{position:absolute;top:calc(100% + 1rem);left:0;right:0;flex-direction:column;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:1rem;box-shadow:0 4px 20px #0000001a;gap:.5rem}.nav-link{width:100%;text-align:center;padding:.8rem;font-size:1rem}.nav-link:hover,.nav-link:active{transform:translateY(-1px) scale(1.02)}.navibar-title{font-size:1.2rem}}@media (max-width: 480px){.navibar{padding:.5rem 1rem}.navibar-title{font-size:1.1rem}.nav-link{padding:.7rem;font-size:.95rem}}.theme-toggle{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:1000;background-color:#fff;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease}[data-theme=dark] .theme-toggle{background-color:#242424;box-shadow:0 2px 10px #ffffff1a}.sun{margin-left:6px}.moon{margin-right:6px}.theme-toggle:hover{transform:translateY(-5px)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #4a90e280}@media (max-width: 768px){.theme-toggle{bottom:1rem;right:1rem;width:40px;height:40px;font-size:20px}.toggle-thumb{width:27px;height:27px}.toggle-icon{width:20px;height:20px;font-size:16px}}@media (prefers-reduced-motion: reduce){.theme-toggle *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.home-section{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(https://source.unsplash.com/random/1920x1080/?coding) no-repeat center center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.home-content{max-width:800px}.home-content h1{font-size:3rem;margin-bottom:1rem}.home-content h3{font-size:2rem;margin-bottom:1rem}.highlight{color:#4a90e2}.tagline{font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:20px}.primary-btn,.secondary-btn,.submit-btn{padding:12px 30px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease}.primary-btn{background-color:#4a90e2;color:#fff}.primary-btn:hover{background-color:#3a7bc8}.secondary-btn{background-color:transparent;color:#fff;border:2px solid white}.secondary-btn:hover{background-color:#ffffff1a}.about-section{min-height:100vh;padding:4rem 2rem;background:var(--bg-color);position:relative;overflow:hidden}.about-container{max-width:1200px;margin:0 auto}.about-title{font-size:3rem;margin-bottom:3rem;display:flex;gap:.5rem;justify-content:center}.about-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.profile-card{position:relative;border-radius:20px;overflow:hidden;background:var(--card-bg);box-shadow:0 10px 30px #0000001a}.image-container{position:relative;aspect-ratio:1;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.download-cv-button{padding:1rem 2rem;background:var(--primary-color);color:#fff;border-radius:30px;text-decoration:none;font-weight:600;transform-origin:center}.skills-container{display:flex;flex-direction:column;gap:1.5rem}.skill-item{width:100%}.skill-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.skill-progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;transform-origin:left}.skill-progress-fill{height:100%;background:currentColor;border-radius:4px;transition:width 1s ease}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem}.about-title{font-size:2rem}}@media (hover: hover){.profile-card:hover img{transform:scale(1.1)}}.education-section,.experience-section{padding:100px 20px}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:after{content:"";position:absolute;width:2px;background-color:#4a90e2;top:0;bottom:0;left:50%;margin-left:-1px}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-dot{position:absolute;width:20px;height:20px;background-color:#4a90e2;border-radius:50%;top:15px;z-index:1}.timeline-item:nth-child(odd) .timeline-dot{right:-10px}.timeline-item:nth-child(2n) .timeline-dot{left:-10px}.timeline-content{padding:20px;background-color:#fff;position:relative;border-radius:6px;box-shadow:0 4px 8px #0000001a}.timeline-content h3{margin-top:0;color:#333}.timeline-content h4{color:#4a90e2;margin:10px 0}.timeline-date{font-style:italic;color:#666;margin-bottom:15px}[data-theme=dark] .timeline-content{background-color:#242424;box-shadow:0 4px 8px #ffffff1a}[data-theme=dark] .timeline-content h3{color:#f5f5f5}[data-theme=dark] .timeline-content h4{color:#66b2ff}[data-theme=dark] .timeline-content p{color:#e0e0e0}[data-theme=dark] .timeline-date{color:#aaa}[data-theme=dark] .timeline:after{background-color:#66b2ff}[data-theme=dark] .timeline-dot{background-color:#66b2ff;box-shadow:0 0 10px #66b2ff4d}.contact-section{padding:100px 20px}.contact-container{display:flex;max-width:1200px;margin:0 auto;gap:50px}.contact-info,.contact-form{flex:1}.contact-item{display:flex;align-items:flex-start;margin-bottom:30px}.contact-item i{font-size:1.5rem;color:#4a90e2;margin-right:15px;margin-top:5px}.contact-item h3{margin-bottom:5px;font-size:1.2rem}.social-links{display:flex;gap:15px;margin-top:30px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#4a90e2;color:#fff;border-radius:50%;text-decoration:none;transition:all .3s ease}.social-links a:hover{background-color:#3a7bc8;transform:translateY(-3px)}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem;font-family:inherit}.form-group textarea{height:150px;resize:vertical}.submit-btn{position:relative;padding:12px 24px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){background-color:#357abd;transform:translateY(-2px)}.submit-btn.submitting{background-color:#ccc;cursor:not-allowed}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media screen and (max-width: 960px){.about-content,.contact-container{flex-direction:column}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(2n){left:0}.timeline-item:nth-child(odd) .timeline-dot,.timeline-item:nth-child(2n) .timeline-dot{left:21px}}.projects-section{padding:100px 20px}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.filter-btn{padding:8px 20px;background-color:transparent;border:2px solid #4a90e2;color:#4a90e2;border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover,.filter-btn.active{background-color:#4a90e2;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1rem,3vw,2rem);width:100%;max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-md)}.project-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 25px #00000026}.project-img{position:relative;overflow:hidden;height:200px}.project-img img{width:100%;height:100%;object-fit:cover}.project-links{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;gap:20px;opacity:0;transition:all .3s ease}.project-img:hover .project-links{opacity:1}.project-links a{width:40px;height:40px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#333;transition:all .3s ease}.project-links a:hover{background:#4a90e2;color:#fff;transform:scale(1.1)}.project-info{padding:20px}.project-info h3{margin-bottom:10px;font-size:1.2rem}.project-info p{color:#666;margin-bottom:15px;font-size:.95rem}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-size:.8rem;padding:4px 12px;background:#f3f3f3;border-radius:20px;color:#666}.blog-section{padding:100px 20px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto}.blog-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.blog-img{height:200px;overflow:hidden}.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-img img{transform:scale(1.05)}.blog-info{padding:20px}.blog-date{font-size:.8rem;color:#999;margin-bottom:10px}.blog-info h3{margin-bottom:10px;font-size:1.3rem}.blog-info p{color:#666;margin-bottom:15px}.read-more{display:inline-block;color:#4a90e2;font-weight:500;text-decoration:none;position:relative}.read-more:after{content:"";position:absolute;width:100%;height:2px;background:#4a90e2;bottom:-2px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.read-more:hover:after{transform:scaleX(1);transform-origin:left}.download-cv{display:inline-flex;align-items:center;gap:10px;background-color:#4a90e2;color:#fff;padding:12px 25px;border-radius:5px;text-decoration:none;font-weight:500;margin-top:20px;transition:all .3s ease}.download-cv:hover{background-color:#3a7bc8;transform:translateY(-3px)}.download-cv i{font-size:1.2rem}.sam_dp{width:clamp(120px,15vw,150px);height:clamp(120px,15vw,150px);border-radius:40%;border:.15rem solid var(--primary-blue);box-shadow:0 10px 30px #5496fa4d;transition:transform .3s ease,box-shadow .3s ease;object-fit:cover;margin-top:clamp(2rem,5vh,5rem)}.status-message{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:4px;text-align:center;z-index:1000;animation:slideIn .3s ease-out forwards;box-shadow:0 4px 6px #0000001a}.status-message.success{background-color:#4caf50;color:#fff}.status-message.error{background-color:#f44336;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.status-message.fadeOut{animation:fadeOut .3s ease-out forwards}:root{--primary-blue: #4a90e2;--secondary-blue: #d0e7ff;--bg-light: #f0f8ff;--bg-lighter: #ffffff;--text-dark: #1e3a5f;--text-light: #ffffff;--accent-blue: #87cefa;--hover-blue: #5aa3f7;--border-blue: #b0d4f1;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px}:root{--primary-blue: #3A86FF;--secondary-blue: #eef2f7;--bg-light: #f8f9fa;--bg-lighter: #ffffff;--text-dark: #212529;--text-light: #ffffff;--accent-blue: #8ECAE6;--hover-blue: #3377e0;--border-blue: #dee2e6}html{font-size:16px;scroll-behavior:smooth}@media (max-width: 768px){html{font-size:14px}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:all .3s ease;color:var(--text-dark);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;width:100%;transition:background-color .3s,color .3s;overflow-x:hidden}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 1280px){.container{max-width:var(--container-lg)}}@media (max-width: 1024px){.container{max-width:var(--container-md)}}section{min-height:100vh;padding:var(--spacing-xxl) var(--spacing-md);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;background-color:var(--bg-lighter);position:relative;overflow:hidden}.section{min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;justify-content:center;width:100%;max-width:var(--container-xl);margin:0 auto}@media (max-width: 1024px){.section{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 768px){.section{padding:var(--spacing-md);min-height:auto;padding-top:5rem}}.grid{display:grid;gap:var(--spacing-lg);width:100%}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 480px){.grid-3,.grid-4{grid-template-columns:1fr}}div[ref]{width:100%;min-height:100vh;scroll-margin-top:60px}h1{font-size:var(--text-4xl);line-height:1.2;margin-bottom:var(--spacing-lg)}h2{font-size:var(--text-3xl);line-height:1.3;margin-bottom:var(--spacing-xl);text-align:center;position:relative}h3{font-size:var(--text-2xl);line-height:1.4;margin-bottom:var(--spacing-md)}h4{font-size:var(--text-xl);line-height:1.4;margin-bottom:var(--spacing-md)}p{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--spacing-md)}h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:6rem;height:.2rem;background-color:var(--primary-blue);border-radius:var(--radius-full)}@media (max-width: 768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{font-size:var(--text-base)}}section:nth-child(2n){background-color:var(--secondary-blue)}section:nth-child(odd){background-color:var(--bg-lighter)}.dark-theme,.dark-theme .App{background-color:#1a1a1a;color:#fff}.dark-theme section,.dark-theme .section{background-color:#1a1a1a;color:#fff}.dark-theme section:nth-child(2n),.dark-theme .section:nth-child(2n){background-color:#2a2a2a}.dark-theme section:nth-child(odd),.dark-theme .section:nth-child(odd){background-color:#1a1a1a}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme p{color:#fff}.dark-theme h2:after{background-color:#61dafb}.dark-theme a{color:#61dafb}.dark-theme a:hover{color:#4fa8d3}[data-theme=light]{background-color:#fff;color:#333}[data-theme=light] .section{background-color:var(--bg-light-secondary)}[data-theme=light] .timeline-content{background-color:#fff;box-shadow:0 4px 8px #4a90e21a;border:1px solid var(--border-light)}[data-theme=light] .project-card,[data-theme=light] .blog-card{background-color:#fff;border:1px solid var(--border-light);box-shadow:0 4px 8px #4a90e21a}[data-theme=light] .contact-form input,[data-theme=light] .contact-form textarea{background-color:#fff;border:1px solid var(--border-light)}[data-theme=light] .timeline:after{background-color:var(--primary-light)}[data-theme=light] .timeline-dot{background-color:var(--primary-light);box-shadow:0 0 10px #4a90e24d}[data-theme=dark]{background-color:#1a1a1a;color:#fff}.navibar{position:fixed;top:0;width:100%;padding:1rem 2rem;background-color:#f0f8fff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #4a90e21a;z-index:1000;transition:all .4s ease}[data-theme=light] .navibar{background-color:#f0f8fff7;border-bottom:1px solid var(--border-light)}[data-theme=light] .navibar.scrolled{background-color:#fffffffa;box-shadow:0 4px 20px #4a90e226}[data-theme=dark] .navibar{background-color:#1a1a1af7;box-shadow:0 4px 15px #0000004d}[data-theme=dark] .navibar.scrolled{background-color:#121212fa;box-shadow:0 4px 20px #0006}.navibar-title{font-size:1.5rem;font-weight:700;color:var(--primary-blue);text-decoration:none;transition:transform .3s ease}.navibar-title:hover{transform:scale(1.05)}[data-theme=dark] .navibar-title{color:#61dafb}.nav-link{position:relative;padding:.5rem 1rem;transition:all .3s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--primary-blue);transition:all .3s ease;transform:translate(-50%)}[data-theme=dark] .nav-link:after{background-color:#61dafb}.nav-link:hover{color:var(--primary-blue);transform:translateY(-2px)}[data-theme=dark] .nav-link:hover{color:#61dafb}.nav-link:hover:after{width:80%}.nav-link.active:after{width:80%}.theme-toggle{transition:all .3s ease;transform-origin:center}.theme-toggle:hover{transform:rotate(180deg);background-color:var(--primary-blue);color:#fff}[data-theme=dark] .theme-toggle:hover{background-color:#61dafb;color:#1a1a1a}@media (max-width: 768px){.nav-menu{transform-origin:top;transition:transform .4s ease,opacity .3s ease}.nav-menu.closed{transform:scaleY(0);opacity:0}.nav-menu.open{transform:scaleY(1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}