@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;filter:blur(1px);opacity:.1}.shape-1{width:300px;height:300px;background:linear-gradient(45deg,#e94560,#f27121);top:10%;right:10%}.shape-2{width:200px;height:200px;background:linear-gradient(45deg,#f27121,#00d4aa);bottom:20%;left:15%}.shape-3{width:150px;height:150px;background:linear-gradient(45deg,#00d4aa,#e94560);top:50%;left:5%}.hero-content{text-align:center;z-index:2;position:relative;max-width:800px;padding:0 2rem}.hero-greeting{font-size:1.2rem;color:#00d4aa;margin-bottom:1rem;font-weight:500}.wave{display:inline-block;animation:wave 2s infinite;margin-right:.5rem}@keyframes wave{0%,20%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}70%{transform:rotate(10deg)}}.hero-name{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1}.name-highlight{background:linear-gradient(45deg,#e94560,#f27121,#00d4aa);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.hero-title{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:2rem;font-weight:600;min-height:3rem}.static-text{color:#e0e6ed}.typed-text{color:#e94560;font-weight:700}.cursor{color:#e94560;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.2rem;color:#b0b8c1;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.hero-cta-button{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden}.hero-cta-button.primary{background:linear-gradient(45deg,#e94560,#f27121);color:#fff;border:none}.hero-cta-button.secondary{background:transparent;color:#e94560;border:2px solid #e94560}.hero-cta-button.secondary:hover{background:#e94560;color:#fff}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;color:#00d4aa;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#b0b8c1;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.hero-content{padding:0 1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-cta-button{width:100%;max-width:300px}.hero-stats{gap:2rem}.shape-1,.shape-2,.shape-3{opacity:.05}}@media (max-width: 480px){.hero-stats{flex-direction:column;gap:1.5rem}}.about-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);padding-top:80px}.about-container{max-width:1200px;margin:0 auto;padding:2rem}.about-hero{margin-bottom:4rem}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center}.about-image{display:flex;justify-content:center}.image-placeholder{width:250px;height:250px;border-radius:50%;background:linear-gradient(45deg,#e94560,#f27121,#00d4aa);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden}.image-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}.about-text h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,#e94560,#f27121,#00d4aa);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.about-description{font-size:1.2rem;line-height:1.8;color:#b0b8c1;margin-bottom:1.5rem}.skills-section{margin-bottom:4rem}.skills-section h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#e0e6ed}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-item{background:#1a1a2e80;padding:1.5rem;border-radius:15px;border:1px solid rgba(233,69,96,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-name{font-weight:600;color:#e0e6ed}.skill-percentage{font-weight:700;color:#00d4aa}.skill-bar{height:8px;background:#e0e6ed1a;border-radius:4px;overflow:hidden}.skill-progress{height:100%;border-radius:4px;position:relative}.skill-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timeline-section h2{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#e0e6ed}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e94560,#f27121,#00d4aa);transform:translate(-50%)}.timeline-item{display:flex;align-items:center;margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-item:nth-child(odd) .timeline-content{text-align:right;margin-right:2rem}.timeline-item:nth-child(2n) .timeline-content{margin-left:2rem}.timeline-year{background:linear-gradient(45deg,#e94560,#f27121);color:#fff;padding:.5rem 1rem;border-radius:25px;font-weight:700;font-size:1.1rem;min-width:80px;text-align:center;position:relative;z-index:2}.timeline-content{flex:1;background:#1a1a2e80;padding:1.5rem;border-radius:15px;border:1px solid rgba(233,69,96,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-content h3{font-size:1.3rem;font-weight:600;color:#e0e6ed;margin-bottom:.5rem}.timeline-content p{color:#b0b8c1;line-height:1.6}@media (max-width: 768px){.about-content{grid-template-columns:1fr;text-align:center;gap:2rem}.image-placeholder{width:200px;height:200px;font-size:3rem}.about-text h1{font-size:2.5rem}.skills-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{flex-direction:row!important;padding-left:50px}.timeline-item .timeline-content{text-align:left!important;margin-left:1rem!important;margin-right:0!important}.timeline-year{position:absolute;left:-30px;min-width:60px;font-size:.9rem;padding:.4rem .8rem}}.projects-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);padding-top:80px}.projects-container{max-width:1400px;margin:0 auto;padding:2rem}.projects-header{text-align:center;margin-bottom:3rem}.projects-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,#e94560,#f27121,#00d4aa);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.projects-header p{font-size:1.2rem;color:#b0b8c1;max-width:600px;margin:0 auto;line-height:1.7}.project-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.8rem 1.5rem;border:2px solid rgba(233,69,96,.3);background:transparent;color:#e0e6ed;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#e94560;color:#e94560;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(45deg,#e94560,#f27121);border-color:transparent;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#1a1a2e99;border-radius:20px;overflow:hidden;border:1px solid rgba(233,69,96,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.project-card:hover{border-color:#e945604d;box-shadow:0 20px 40px #e945601a}.project-card.featured{border:2px solid rgba(233,69,96,.3)}.project-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(45deg,#e94560,#f27121,#00d4aa)}.project-image{height:200px;background:linear-gradient(135deg,#e945601a,#f271211a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 3s infinite}.project-emoji{font-size:4rem;z-index:2;position:relative}.featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(45deg,#e94560,#f27121);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;z-index:3}.project-content{padding:1.5rem}.project-content h3{font-size:1.4rem;font-weight:700;color:#e0e6ed;margin-bottom:.8rem}.project-content p{color:#b0b8c1;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#e945601a;color:#e94560;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid rgba(233,69,96,.2)}.project-links{display:flex;gap:1rem}.project-link{flex:1;padding:.8rem 1rem;border-radius:10px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.project-link.github{background:#e0e6ed1a;color:#e0e6ed;border:1px solid rgba(224,230,237,.2)}.project-link.github:hover{background:#e0e6ed33;transform:translateY(-2px)}.project-link.demo{background:linear-gradient(45deg,#e94560,#f27121);color:#fff;border:none}.project-link.demo:hover{background:linear-gradient(45deg,#f27121,#e94560);transform:translateY(-2px);box-shadow:0 5px 15px #e945604d}@media (max-width: 768px){.projects-header h1{font-size:2.5rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{margin:0 1rem}.filter-btn{padding:.6rem 1.2rem;font-size:.9rem}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(233,69,96,.1);display:flex;justify-content:space-between;align-items:center}.navbar-logo a{text-decoration:none;font-size:1.5rem;font-weight:800;font-family:JetBrains Mono,monospace}.navbar-logo span{background:linear-gradient(45deg,#e94560,#f27121,#00d4aa);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.navbar-links{display:flex;list-style:none;gap:2rem;align-items:center}.navbar-links li a{text-decoration:none;color:#e0e6ed;font-weight:500;font-size:.95rem;position:relative;transition:all .3s ease}.navbar-links li a span{position:relative;padding:.5rem 1rem;border-radius:25px;transition:all .3s ease}.navbar-links li a span.active{background:linear-gradient(45deg,#e94560,#f27121);color:#fff}.navbar-links li a span:hover{background:#e945601a;color:#e94560}.navbar-links li a span.active:hover{background:linear-gradient(45deg,#f27121,#e94560);color:#fff}@media (max-width: 768px){.navbar{padding:1rem}.navbar-links{gap:1rem}.navbar-links li a span{padding:.4rem .8rem;font-size:.9rem}}@media (max-width: 640px){.navbar-logo a{font-size:1.2rem}.navbar-links{gap:.5rem}.navbar-links li a span{padding:.3rem .6rem;font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;line-height:1.6;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);color:#e0e6ed;overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#e94560,#f27121);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f27121,#e94560)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-padding{padding:4rem 0}.text-gradient{background:linear-gradient(45deg,#e94560,#f27121,#00d4aa);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.btn{padding:.8rem 1.5rem;border-radius:25px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;cursor:pointer;border:none}.btn-primary{background:linear-gradient(45deg,#e94560,#f27121);color:#fff}.btn-secondary{background:transparent;color:#e94560;border:2px solid #e94560}.btn:hover{transform:translateY(-2px)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(233,69,96,.3);border-radius:50%;border-top-color:#e94560;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-transition-container{position:absolute;top:0;left:0;width:100%;min-height:100vh;overflow-x:hidden;padding-top:70px}