.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{background:#fffffff2;box-shadow:0 4px 20px #0000001a}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.header.scrolled .logo{color:#333}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.nav{display:flex;gap:2rem}.nav-link{border-radius:8px;color:#fff;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.header.scrolled .nav-link{color:#333}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.header.scrolled .nav-link:hover{background:#667eea1a}.nav-link.active{background:#fff3}.header.scrolled .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px}.hamburger-line{background:#fff;height:2px;transition:all .3s ease;width:25px}.header.scrolled .hamburger-line{background:#333}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 10px 30px #0000001a;flex-direction:column;gap:1rem;left:0;opacity:0;padding:2rem;pointer-events:none;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease}.nav.mobile-open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{border-radius:8px;color:#333;padding:1rem}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;color:#fff;margin-top:auto;padding:3rem 0 1rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section p{color:#fffc;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.social-links{display:flex;gap:1rem}.social-links a{background:#ffffff1a;border-radius:8px;padding:.5rem 1rem;transition:all .3s ease}.social-links a:hover{background:#fff3;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;font-size:.9rem;padding-top:2rem;text-align:center}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:#ffffff4d;box-shadow:0 12px 40px #0003;transform:translateY(-8px)}.project-image-container{height:200px;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.featured-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 10px #667eea4d;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.project-content{padding:1.5rem}.project-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.project-description{color:#fffc;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-category{margin-bottom:1.5rem}.category-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;font-size:.8rem;padding:.25rem .75rem}.project-links{display:flex;gap:1rem}.project-link{border:1px solid #fff3;border-radius:8px;flex:1 1;font-weight:500;padding:.75rem;text-align:center;text-decoration:none;transition:all .3s ease}.live-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.live-link:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.github-link{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.github-link:hover{background:#fff3;transform:translateY(-2px)}.skill-bar{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.skill-bar:hover{background:#ffffff14;transform:translateX(8px)}.skill-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.skill-icon{font-size:1.5rem}.skill-name{color:#fff;flex:1 1;font-weight:600}.skill-level{color:#fffc;font-weight:500}.skill-progress{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;position:relative}.skill-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;position:relative;transition:width 1s ease}.skill-progress-glow{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skill-category{color:#fff9;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.hero,.home{min-height:100vh}.hero{align-items:center;background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative;text-align:center}.hero-content{animation:fadeInUp 1s ease;max-width:800px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin-bottom:3rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #ffffff80;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.hero-scroll{align-items:center;animation:bounce 2s infinite;bottom:2rem;color:#fff9;display:flex;flex-direction:column;gap:.5rem;position:absolute}.scroll-text{font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.scroll-arrow{font-size:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-1rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.featured-projects{background:#0003;padding:5rem 0}.section-cta{text-align:center}.skills-section{padding:5rem 0}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.btn{width:200px}.projects-grid,.skills-grid{grid-template-columns:1fr}}.projects-page{min-height:100vh;padding:6rem 0 4rem}.projects-header{text-align:center}.filter-section,.projects-header{margin-bottom:3rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#fff3;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.no-projects{color:#fff9;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.filter-buttons{gap:.5rem}.filter-btn{font-size:.9rem;padding:.5rem 1rem}.projects-grid{grid-template-columns:1fr}}.about-page{min-height:100vh;padding:6rem 0 4rem}.container{max-width:1000px}.about-header,.about-intro{margin-bottom:4rem;text-align:center}.intro-content{margin:0 auto;max-width:800px}.intro-content h2{color:#fff;font-size:2rem;margin-bottom:1.5rem}.intro-content p{color:#fffc;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.tab-buttons{border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;position:relative;transition:all .3s ease}.tab-btn.active,.tab-btn:hover{color:#fff}.tab-btn.active:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-1rem;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{min-height:400px}.skills-content{padding:1rem 0}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.experience-content{padding:1rem 0}.timeline{padding-left:2rem;position:relative}.timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:3rem;position:relative}.timeline-marker{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:50%;height:12px;left:-2.5rem;position:absolute;top:.5rem;width:12px}.timeline-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.timeline-content:hover{background:#ffffff14;transform:translateX(8px)}.job-header{margin-bottom:1rem}.job-header h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.company{color:#fffc;font-weight:600;margin-right:1rem}.duration{color:#fff9;font-size:.9rem}.job-description{color:#fffc;line-height:1.6}.job-achievements,.job-description{margin-bottom:1rem}.achievement{color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem}.job-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffe6;font-size:.75rem;padding:.25rem .5rem}@media (max-width:768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.about-tabs{padding:1.5rem}.tab-buttons{gap:.5rem}.tab-btn{font-size:.9rem;padding:.5rem 1rem}.skills-grid{grid-template-columns:1fr}.timeline{padding-left:1.5rem}}.contact-page{min-height:100vh;padding:6rem 0 4rem}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.loading{align-items:center;color:#fff;display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}.contact-header{margin-bottom:4rem;text-align:center}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.page-subtitle{color:#fffc;font-size:1.2rem;line-height:1.6}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-form-section,.contact-info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem}.contact-form-section h2,.contact-info-section h2{color:#fff;font-size:1.8rem;margin-bottom:2rem;text-align:center}.contact-grid{grid-gap:2rem;display:grid;gap:2rem}.contact-item{align-items:start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.contact-item:hover{background:#ffffff14;transform:translateY(-4px)}.contact-icon{flex-shrink:0;font-size:2rem}.contact-details h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.contact-details p{color:#ffffffe6;font-weight:500;margin-bottom:.5rem}.contact-description{color:#fff9;font-size:.9rem;line-height:1.4}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#fff;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#667eea80;outline:none}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.success-message{background:#4caf501a;border:1px solid #4caf504d;border-radius:12px;padding:2rem;text-align:center}.success-message h3{color:#4caf50;font-size:1.5rem;margin-bottom:1rem}.success-message p{color:#fffc}@media (max-width:768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form-section,.contact-info-section{padding:1.5rem}}.app{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}*{transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{font-family:inherit}img{height:auto;max-width:100%}