@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--text-primary: #ffffff;--text-secondary: #a0a0b0;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #06b6d4;--gradient-1: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-2: linear-gradient(135deg, #f472b6 0%, #8b5cf6 100%);--shadow-card: 0 10px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(99, 102, 241, .3);--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app{min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar.scrolled{background:#0a0a0fe6;border-bottom:1px solid rgba(255,255,255,.1)}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--text-primary)}.logo-bracket{color:var(--accent-primary)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--accent-primary)}.nav-github{font-size:1.4rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:6rem 2rem 4rem;overflow:hidden}.hero-content{max-width:900px;text-align:center;z-index:1}.hero-badge{display:inline-block;padding:.5rem 1.5rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:50px;font-size:.9rem;color:var(--accent-primary);margin-bottom:2rem}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.tech-highlight{color:var(--accent-tertiary);font-weight:600}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;color:var(--text-secondary)}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.btn{padding:.875rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #6366f180}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-links a{font-size:1.5rem;color:var(--text-secondary);transition:var(--transition)}.social-links a:hover{color:var(--accent-primary);transform:translateY(-3px)}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 15s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--accent-primary);top:-200px;right:-100px}.orb-2{width:400px;height:400px;background:var(--accent-secondary);bottom:-150px;left:-100px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:var(--accent-tertiary);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{color:var(--text-secondary);font-size:1.1rem}.projects{padding:6rem 2rem;background:var(--bg-secondary)}.projects-grid{max-width:1200px;margin:0 auto;display:grid;gap:1.5rem}.projects-grid.featured{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projects-grid.other{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.project-card:hover{border-color:#6366f14d;box-shadow:var(--shadow-glow)}.project-card.featured{padding:2rem}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.language-icon{font-size:2rem}.project-links{display:flex;gap:1rem;align-items:center}.project-links a{color:var(--text-secondary);font-size:1.8rem;transition:var(--transition);display:flex;align-items:center}.project-card.small .project-links a{font-size:1.4rem}.project-links a:hover{color:var(--accent-primary);transform:scale(1.1)}.project-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.project-card h4{font-size:1rem;color:var(--text-primary)}.project-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .75rem;background:#6366f126;border-radius:50px;font-size:.75rem;color:var(--accent-primary)}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.language{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.dot{width:10px;height:10px;border-radius:50%}.stats{display:flex;gap:1rem;color:var(--text-secondary);font-size:.85rem}.stats span{display:flex;align-items:center;gap:.25rem}.other-projects-title{text-align:center;font-size:1.5rem;color:var(--text-primary);margin:3rem 0 1.5rem}.project-card.small{padding:1.25rem}.project-card.small .project-header{margin-bottom:.5rem}.project-card.small p{font-size:.875rem;margin-bottom:.75rem}.skills{padding:6rem 2rem;background:var(--bg-primary)}.skills-container{max-width:1000px;margin:0 auto;display:grid;gap:2.5rem}.skill-category{background:var(--bg-card);border-radius:var(--border-radius);padding:2rem;border:1px solid rgba(255,255,255,.05)}.skill-category h3{font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.category-icon{font-size:1.5rem}.skills-list{display:grid;gap:1.25rem}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-header{display:flex;align-items:center;gap:.75rem}.skill-icon{font-size:1.25rem}.skill-name{font-weight:500;flex:1}.skill-level{font-size:.85rem;color:var(--text-secondary)}.skill-bar{height:8px;background:#ffffff1a;border-radius:50px;overflow:hidden}.skill-progress{height:100%;border-radius:50px}.contact{padding:6rem 2rem;background:var(--bg-secondary)}.contact-content{max-width:700px;margin:0 auto}.contact-card{background:var(--bg-card);border-radius:var(--border-radius);padding:3rem;border:1px solid rgba(255,255,255,.05);text-align:center}.contact-intro h3{font-size:1.5rem;margin-bottom:1rem}.contact-intro p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.contact-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.contact-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2.5rem;background:#ffffff0d;border-radius:var(--border-radius);text-decoration:none;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.contact-link:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.contact-link svg{font-size:2rem}.contact-link.github svg{color:#fff}.contact-link.email svg{color:#ea4335}.contact-link span{font-weight:600}.contact-link small{font-size:.75rem;color:var(--text-secondary)}.cta-message{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:var(--gradient-1);border-radius:50px;font-weight:600}.cta-icon{animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer{padding:2rem;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;opacity:.8;transition:var(--transition)}.footer-logo:hover{opacity:1;transform:translateY(-2px)}.footer p{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.heart{color:#ef4444;animation:heartbeat 1.5s ease-in-out infinite}.react-icon{color:#61dafb;animation:spin 8s linear infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.source-link{color:var(--text-secondary);text-decoration:none;font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.source-link:hover{color:var(--accent-primary)}.copyright{font-size:.8rem}.hero-role{font-size:1.5rem;margin-bottom:1rem;min-height:2.5rem}.role-prefix{color:var(--text-secondary)}.typewriter{color:var(--accent-tertiary);font-weight:600}.cursor{color:var(--accent-primary);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8rem}.mouse{width:24px;height:40px;border:2px solid var(--text-secondary);border-radius:12px;position:relative}.wheel{width:4px;height:8px;background:var(--accent-primary);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%,to{top:6px;opacity:1}50%{top:20px;opacity:.3}}.filter-container{display:flex;justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap;max-width:800px;margin-left:auto;margin-right:auto}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-btn.active{background:var(--gradient-1);border-color:transparent;color:#fff}.filter-icon{font-size:1.1rem}.no-projects{text-align:center;padding:3rem;color:var(--text-secondary)}.about{padding:6rem 2rem;background:var(--bg-primary);position:relative;z-index:1}.about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about-text h3{font-size:2rem;margin-bottom:1.5rem}.about-text p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.about-text p strong{color:var(--accent-tertiary)}.about-highlights{display:flex;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.highlight{text-align:center}.highlight-number{display:block;font-size:2rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-text{font-size:.85rem;color:var(--text-secondary)}.experience-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.experience-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.experience-card:hover{border-color:#6366f14d;box-shadow:var(--shadow-glow)}.exp-icon{font-size:2rem;margin-bottom:.75rem}.experience-card h4{font-size:1rem;margin-bottom:.5rem}.experience-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;z-index:1001}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease}.nav-links.active{right:0}.nav-links a{font-size:1.25rem;display:block!important}.about-content,.experience-cards{grid-template-columns:1fr}.about-highlights{flex-wrap:wrap;justify-content:center}.hero-stats{gap:1.5rem}.stat-number{font-size:2rem}.hero-cta{flex-direction:column;align-items:center}.contact-card{padding:2rem}.contact-links{flex-direction:column}.contact-link{width:100%}.scroll-indicator{display:none}}@media(max-width:480px){.navbar{padding:1rem}.logo{font-size:1.2rem}.hero{padding:5rem 1rem 3rem}.hero h1{font-size:2rem}.hero-role{font-size:1.1rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:1rem}.filter-container{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.8rem}.filter-label{display:none}.projects,.skills,.contact,.about{padding:4rem 1rem}.section-header h2{font-size:2rem}.skill-category{padding:1.5rem}.about-text h3{font-size:1.5rem}}