@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--bg-glass:#ffffffb3;--border-glass:#00000014;--border-hover:#3b82f640;--text-primary:#1a1a2e;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-blue:#3b82f6;--accent-purple:#7c3aed;--accent-cyan:#0891b2;--accent-green:#059669;--accent-orange:#d97706;--accent-pink:#db2777;--gradient-primary:linear-gradient(135deg,#3b82f6,#7c3aed);--gradient-hero:linear-gradient(135deg,#3b82f6,#7c3aed,#0891b2);--gradient-card:linear-gradient(135deg,#3b82f60d,#7c3aed0d);--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012;--shadow-lg:0 10px 30px #0000001a;--shadow-glow:0 4px 20px #3b82f626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.3s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}::selection{color:#1a1a2e;background:#3b82f633}.container{width:90%;max-width:1200px;margin:0 auto;padding:0}a{color:var(--accent-blue);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-purple)}img{max-width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f626}50%{box-shadow:0 0 35px #3b82f640}}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}header{z-index:1000;width:100%;transition:all var(--transition);background:0 0;padding:20px 0;position:fixed;top:0;left:0}header.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);box-shadow:var(--shadow-md);background:#f8f9fbe6;padding:12px 0}.navbar{justify-content:space-between;align-items:center;display:flex}.navbar .logo{color:var(--text-primary);letter-spacing:-.5px;transition:all var(--transition);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.navbar .logo:hover{color:var(--accent-blue)}.logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hamburger-btn{color:var(--text-primary);cursor:pointer;z-index:1001;border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;padding:8px;font-size:24px;display:none}.hamburger-btn:hover{background:var(--bg-glass);color:var(--accent-blue)}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--text-primary);background:#0000000a}.nav-links a.active{color:var(--accent-blue);background:#3b82f614}main{margin-top:0}.hero{text-align:center;background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;animation:.8s forwards fadeInUp;position:relative}.profile-pic{object-fit:cover;object-position:top;border:4px solid #fff;border-radius:50%;width:160px;height:160px;margin-bottom:32px;animation:3s ease-in-out infinite pulse-glow;box-shadow:0 4px 20px #3b82f633}.hero-badge{color:var(--accent-green);background:#05966914;border:1px solid #05966933;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px}.hero h1{letter-spacing:-2px;color:var(--text-primary);margin-bottom:16px;font-size:64px;font-weight:900;line-height:1.1}.hero h1 .gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}.hero .lead{color:var(--text-secondary);margin-bottom:8px;font-size:22px;font-weight:400}.hero .location{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-bottom:40px;font-size:16px;display:flex}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #3b82f640}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #3b82f659}.btn-outline{color:var(--text-primary);border:1px solid var(--border-glass);background:0 0}.btn-outline:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3b82f60d;transform:translateY(-2px)}.btn-sm{border-radius:var(--radius-md);padding:8px 18px;font-size:13px}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-glass);background:#0000000a}.btn-ghost:hover{color:var(--text-primary);background:#00000012;transform:translateY(-2px)}.section{padding:100px 0;position:relative}.section-alt{background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{letter-spacing:-1px;color:var(--text-primary);margin-bottom:16px;font-size:40px;font-weight:800}.section-header .accent-line{background:var(--gradient-primary);border-radius:2px;width:60px;height:4px;margin:0 auto 16px}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px}.about-me{background:0 0;padding:100px 0}.about-grid{grid-template-columns:1fr;gap:60px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:24px;font-size:18px;line-height:1.8}.about-text p:first-child:first-letter{float:left;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:12px;font-size:48px;font-weight:800;line-height:1}.stats-bar{grid-template-columns:repeat(4,1fr);gap:24px;margin:60px 0;display:grid}.stat-item{text-align:center;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px}.stat-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;display:block}.stat-label{color:var(--text-muted);margin-top:4px;font-size:14px}.education-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:60px;display:grid}.edu-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:28px;position:relative;overflow:hidden}.edu-card:before{content:"";background:var(--gradient-primary);width:4px;height:100%;position:absolute;top:0;left:0}.edu-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.edu-card .degree{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.edu-card .school{color:var(--accent-blue);margin-bottom:8px;font-size:15px}.edu-card .period{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:60px;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:28px}.skill-category:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.skill-category-title{text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:var(--text-secondary);transition:all var(--transition);background:#3b82f60f;border:1px solid #3b82f61f;border-radius:50px;padding:6px 14px;font-size:13px;font-weight:500}.skill-tag:hover{color:var(--accent-blue);background:#3b82f61f;border-color:#3b82f640}.experience-list{flex-direction:column;gap:24px;display:flex}.exp-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:28px;position:relative;overflow:hidden}.exp-card:before{content:"";background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple));width:4px;height:100%;position:absolute;top:0;left:0}.exp-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.exp-role{color:var(--text-primary);font-size:20px;font-weight:700}.exp-period{color:var(--accent-cyan);white-space:nowrap;background:#0891b214;border-radius:50px;padding:4px 12px;font-size:13px;font-weight:500}.exp-company{color:var(--text-secondary);margin-bottom:16px;font-size:15px}.exp-bullets{padding:0;list-style:none}.exp-bullets li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;font-size:15px;line-height:1.6;position:relative}.exp-bullets li:before{content:"";background:var(--accent-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.projects-section{z-index:1;background:0 0;padding:100px 0;position:relative}.filter-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px;display:flex}.filter-btn{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:500}.filter-btn:hover{color:var(--text-primary);background:#3b82f60f}.filter-btn.active{color:var(--accent-blue);background:#3b82f61a;border-color:#3b82f640}.project-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.project-card-image{aspect-ratio:16/9;background:var(--bg-primary);position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.project-card-body h3{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:700;line-height:1.3}.project-card-body p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.project-tech-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.project-tech-tag{color:var(--accent-purple);background:#7c3aed0f;border:1px solid #7c3aed1f;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:500}.project-card-links{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.project-card-links .btn{padding:8px 16px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:1000px;max-height:90vh;box-shadow:var(--shadow-lg);padding:24px;overflow:auto}.modal-content h3{color:var(--text-primary);margin-bottom:16px;font-size:22px;font-weight:700}.modal-image{aspect-ratio:16/9;border-radius:var(--radius-md);background:#f1f5f9;width:100%;position:relative;overflow:hidden}.carousel,.carousel-stage{position:relative}.carousel-nav{pointer-events:none;justify-content:space-between;padding:0 8px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.carousel-btn{pointer-events:auto;color:var(--text-primary);border:1px solid var(--border-glass);cursor:pointer;width:44px;height:44px;transition:all var(--transition);box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.carousel-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.carousel-dots .dot{cursor:pointer;width:10px;height:10px;transition:all var(--transition);background:#d1d5db;border:none;border-radius:50%}.carousel-dots .dot.active{background:var(--accent-blue);box-shadow:0 0 8px #3b82f64d}.contact-section{z-index:1;background:0 0;padding:100px 0;position:relative}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;display:grid}.contact-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px}.contact-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-5px)}.contact-card i{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:36px}.contact-card h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.contact-card p{color:var(--text-secondary);font-size:15px}.contact-card a{color:var(--accent-blue);font-weight:500}.contact-card a:hover{color:var(--accent-purple)}footer{background:var(--bg-secondary);border-top:1px solid var(--border-glass);text-align:center;z-index:1;padding:40px 0;position:relative}footer .footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer p{color:var(--text-muted);margin:0;font-size:14px}.social-links{align-items:center;gap:12px;display:flex}.social-links a{border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition);background:#0000000a;justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}.social-links a:hover{color:var(--accent-blue);background:#3b82f614;border-color:#3b82f640;transform:translateY(-2px)}.scroll-to-top-btn{z-index:99;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition);background:#ffffffe6;padding:14px;font-size:18px;display:none;position:fixed;bottom:30px;right:30px}.scroll-to-top-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3b82f61a;transform:translateY(-3px)}@media (max-width:768px){.hamburger-btn{display:block}.nav-links{display:none}body.mobile-menu-open .nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);box-shadow:var(--shadow-md);background:#f8f9fbf2;flex-direction:column;gap:4px;padding:16px;display:flex;position:absolute;top:100%;left:0;right:0}body.mobile-menu-open .nav-links a{text-align:center;border-radius:var(--radius-sm);padding:14px 16px;font-size:16px}.hero{min-height:auto;padding:140px 0 80px}.hero h1{letter-spacing:-1px;font-size:40px}.hero .lead{font-size:18px}.hero-buttons{flex-direction:column;align-items:center}.stats-bar{grid-template-columns:repeat(2,1fr);gap:16px}.section-header h2{font-size:32px}.education-grid,.skills-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr;gap:20px}.exp-header{flex-direction:column}footer .footer-content{text-align:center;flex-direction:column}}@media (max-width:480px){.hero h1{font-size:32px}.hero .lead{font-size:16px}.stats-bar{grid-template-columns:1fr 1fr}.stat-number,.section-header h2{font-size:28px}.project-grid{grid-template-columns:1fr}.filter-bar{gap:6px}.filter-btn{padding:6px 14px;font-size:12px}}