:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-secondary: #ec4899;--color-accent: #14b8a6;--color-success: #10b981;--color-warning: #f59e0b;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-glass: rgba(30, 41, 59, .7);--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #14b8a6 0%, #6366f1 100%);--gradient-accent: linear-gradient(135deg, #f59e0b 0%, #ec4899 100%);--gradient-dark: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .5);--shadow-glow-pink: 0 0 20px rgba(236, 72, 153, .5);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-tooltip: 1050;--container-max-width: 1200px;--container-padding: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.section{padding:var(--spacing-3xl) 0;position:relative}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.section-title p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--spacing-md) 0;transition:all var(--transition-base)}.header.scrolled{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-link{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-text-primary);background:#6366f11a}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full)}.mobile-toggle{display:none;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-2xl);cursor:pointer}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.15) 0%,transparent 50%);z-index:0}.hero-content{position:relative;z-index:1;max-width:800px}.hero-greeting{font-size:var(--font-size-lg);color:var(--color-primary-light);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);opacity:0;animation:fadeInUp .6s ease-out forwards}.hero-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-md);opacity:0;animation:fadeInUp .6s ease-out .2s forwards}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);opacity:0;animation:fadeInUp .6s ease-out .4s forwards}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.8;opacity:0;animation:fadeInUp .6s ease-out .6s forwards}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;opacity:0;animation:fadeInUp .6s ease-out .8s forwards}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-xl)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-bg-tertiary)}.btn-secondary:hover{border-color:var(--color-primary);background:#6366f11a}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.about-text h2{margin-bottom:var(--spacing-lg)}.about-text p{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.stat-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);text-align:center;transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.skill-category{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.skill-category:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.skill-category h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.skill-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);font-size:var(--font-size-lg)}.skill-list{list-style:none}.skill-item{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.skill-item:before{content:"▹";color:var(--color-primary);font-weight:700}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gradient-primary);transform:translate(-50%)}.timeline-item{margin-bottom:var(--spacing-2xl);position:relative}.timeline-item:nth-child(odd) .timeline-content{margin-left:auto;text-align:right}.timeline-content{width:calc(50% - 40px);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);position:relative;transition:all var(--transition-base)}.timeline-content:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.timeline-dot{position:absolute;left:50%;top:20px;width:16px;height:16px;background:var(--gradient-primary);border-radius:50%;transform:translate(-50%);box-shadow:0 0 0 4px var(--color-bg-primary),var(--shadow-glow);z-index:1}.timeline-date{font-size:var(--font-size-sm);color:var(--color-primary-light);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.timeline-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.timeline-company{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.timeline-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.education-content{max-width:800px;margin:0 auto}.education-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);display:flex;gap:var(--spacing-xl);align-items:flex-start;transition:all var(--transition-base)}.education-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.education-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);flex-shrink:0;box-shadow:var(--shadow-glow)}.education-details{flex:1}.education-degree{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.education-institution{font-size:var(--font-size-lg);color:var(--color-primary-light);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.education-year{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.education-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.project-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all var(--transition-base);cursor:pointer}.project-card:hover{transform:translateY(-10px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.project-image{width:100%;height:200px;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#fff;position:relative;overflow:hidden}.project-image:after{content:"";position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity var(--transition-base)}.project-card:hover .project-image:after{opacity:1}.project-content{padding:var(--spacing-xl)}.project-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.project-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tech-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#6366f133;color:var(--color-primary-light);border-radius:var(--radius-full);border:1px solid rgba(99,102,241,.3)}.project-role{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.contact-item{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-base);text-decoration:none}.contact-item:hover{transform:translate(10px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.contact-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.contact-details{text-align:left;flex:1}.contact-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.contact-value{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.footer{background:var(--color-bg-secondary);padding:var(--spacing-xl) 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-content{margin-bottom:var(--spacing-md)}.footer p{color:var(--color-text-muted);margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){:root{--font-size-6xl: 3rem;--font-size-5xl: 2.5rem;--font-size-4xl: 2rem}.timeline:before{left:0}.timeline-content{width:calc(100% - 40px);margin-left:40px!important;text-align:left!important}.timeline-dot{left:0}}@media(max-width:768px){:root{--container-padding: 1.5rem;--spacing-3xl: 4rem}.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--color-bg-secondary);flex-direction:column;padding:var(--spacing-3xl) var(--spacing-xl);transition:right var(--transition-base);box-shadow:var(--shadow-xl)}.nav-menu.active{right:0}.mobile-toggle{display:block}.about-content,.stats-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column}.btn{width:100%;justify-content:center}.projects-grid{grid-template-columns:1fr}.education-card{flex-direction:column;align-items:center;text-align:center}.education-icon{width:64px;height:64px;font-size:var(--font-size-3xl)}}@media(max-width:480px){:root{--font-size-6xl: 2.5rem;--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-xl)}}