:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a27;--color-bg-glass: rgba(26, 26, 39, .7);--color-text-primary: #ffffff;--color-text-secondary: #b4b4c8;--color-text-muted: #6e6e8f;--color-accent-purple: #a855f7;--color-accent-blue: #3b82f6;--color-accent-cyan: #06b6d4;--color-accent-pink: #ec4899;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #3b82f6 50%, #06b6d4 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);--gradient-accent: linear-gradient(90deg, #a855f7, #3b82f6, #06b6d4);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", 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;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(168, 85, 247, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at top,#12121a,#0a0a0f)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:var(--transition-base)}.nav-container{max-width:1400px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:var(--transition-base)}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-base)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:25px;height:2px;background:var(--color-text-primary);transition:var(--transition-base)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.section-title{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-3xl) var(--spacing-lg)}.hero-content{max-width:1400px;width:100%}.hero-text{max-width:900px}.hero-greeting{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);animation:fadeInUp .6s ease}.hero-name{font-family:var(--font-display);font-size:var(--font-size-6xl);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-sm);animation:fadeInUp .6s ease .1s backwards}.hero-title{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);animation:fadeInUp .6s ease .2s backwards}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease .3s backwards}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl);max-width:700px;animation:fadeInUp .6s ease .4s backwards}.hero-cta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);animation:fadeInUp .6s ease .5s backwards}.btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);text-decoration:none;transition:var(--transition-base);cursor:pointer;border:none;display:inline-block}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 60px #a855f780}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-accent-purple)}.btn-secondary:hover{background:var(--color-accent-purple);transform:translateY(-2px)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);max-width:700px;animation:fadeInUp .6s ease .6s backwards}.stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-number{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);animation:bounce 2s infinite}.scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,var(--color-accent-purple),transparent)}.about{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);margin-top:var(--spacing-2xl)}.about-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-intro{font-size:var(--font-size-xl);color:var(--color-text-primary);line-height:1.8}.about-text p{color:var(--color-text-secondary);line-height:1.8}.about-location{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-accent-cyan);margin-top:var(--spacing-md)}.skills-grid{display:grid;gap:var(--spacing-lg)}.skill-category{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-base)}.skill-category:hover{border-color:var(--color-accent-purple);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.skill-category h3{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skill-tag{padding:var(--spacing-xs) var(--spacing-md);background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);color:var(--color-accent-purple);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-base)}.skill-tag:hover{background:#a855f733;border-color:var(--color-accent-purple);transform:translateY(-2px)}.projects{padding:var(--spacing-3xl) 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.project-card{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base);cursor:pointer}.project-card:hover{transform:translateY(-8px);border-color:var(--color-accent-purple);box-shadow:var(--shadow-glow)}.project-image{position:relative;height:600px;margin-bottom:16px;overflow:hidden;transition:var(--transition-base)}.project-image img{width:100%;height:100%;margin:auto;object-fit:cover;transition:var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.1)}.project-video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;pointer-events:none}.project-video-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.project-video-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;width:60vw;height:80vh;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 100px #000000b3;pointer-events:auto;background:#0a0a0f;border:1px solid rgba(255,255,255,.1)}.project-video-content img{width:auto;height:auto;max-width:100%;max-height:80vh;object-fit:contain;display:block;margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-overlay{position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.project-status,.project-impact{padding:var(--spacing-xs) var(--spacing-md);background:var(--gradient-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-content{padding:var(--spacing-lg)}.project-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.project-description{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tech-tag{padding:4px var(--spacing-sm);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);color:var(--color-accent-blue);font-size:var(--font-size-xs);font-weight:500}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);font-size:var(--font-size-sm)}.project-date{color:var(--color-text-muted)}.project-company{color:var(--color-accent-cyan);font-weight:500}.experience{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary)}.timeline{max-width:900px;margin:var(--spacing-2xl) auto 0;position:relative}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-accent-purple),var(--color-accent-cyan))}.timeline-item{position:relative;padding-left:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.timeline-marker{position:absolute;left:-6px;top:0;width:14px;height:14px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 0 20px #a855f780}.timeline-date{display:inline-block;padding:4px var(--spacing-md);background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);color:var(--color-accent-purple);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.timeline-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.timeline-company{color:var(--color-accent-cyan);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-md)}.timeline-achievements{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.timeline-achievements li{color:var(--color-text-secondary);padding-left:var(--spacing-md);position:relative;line-height:1.7}.timeline-achievements li:before{content:"▹";position:absolute;left:0;color:var(--color-accent-purple);font-weight:700}.certificates{padding:var(--spacing-3xl) 0;background:var(--color-bg-primary)}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.certificate-link-wrapper{text-decoration:none;color:inherit}.certificate-card{background:var(--color-bg-glass);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #00000080;overflow:hidden;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:var(--transition-base);cursor:default}.certificate-link-wrapper .certificate-card{cursor:pointer}.certificate-card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 32px 100px #000000a6;border-color:#a855f780}.certificate-image-wrapper{border-radius:var(--radius-md);overflow:hidden;background:radial-gradient(circle at top left,rgba(168,85,247,.15),transparent),radial-gradient(circle at bottom right,rgba(45,212,191,.15),transparent);padding:var(--spacing-sm)}.certificate-image{width:100%;height:auto;display:block;border-radius:calc(var(--radius-md) - 4px);object-fit:cover}.certificate-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.certificate-link-wrapper:hover .certificate-name{text-decoration:underline;text-decoration-color:var(--color-accent-purple);text-decoration-thickness:2px}.certificate-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;pointer-events:none}.certificate-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.certificate-modal-content{position:relative;z-index:10001;max-width:50vw;max-height:60vh;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 100px #000000b3;pointer-events:auto;background:#0a0a0f;border:1px solid rgba(255,255,255,.1);animation:scaleUp .3s ease}.certificate-modal-content img{width:auto;height:auto;max-width:50vw;max-height:60vh;object-fit:contain;display:block;margin:0 auto}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.contact{padding:var(--spacing-3xl) 0}.contact-content{max-width:800px;margin:0 auto}.contact-info{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:var(--transition-base)}.contact-item:hover{border-color:var(--color-accent-purple);transform:translate(8px)}.contact-item svg{color:var(--color-accent-purple);flex-shrink:0;margin-top:4px}.contact-item h4{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;margin-bottom:4px;color:var(--color-text-primary)}.contact-item a{color:var(--color-accent-cyan);text-decoration:none;transition:var(--transition-base)}.contact-item a:hover{color:var(--color-accent-purple)}.contact-item p{color:var(--color-text-secondary)}.social-links{display:flex;justify-content:center;gap:var(--spacing-lg)}.social-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;font-weight:600;transition:var(--transition-base)}.social-link:hover{background:var(--gradient-primary);border-color:transparent;transform:translateY(-4px);box-shadow:var(--shadow-glow)}.social-link svg{width:24px;height:24px}.footer{padding:var(--spacing-xl) 0;background:var(--color-bg-secondary);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer p{color:var(--color-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;text-align:center;transition:var(--transition-base);padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.nav-menu.active{left:0}.hamburger{display:flex}.hero-name{font-size:var(--font-size-4xl)}.hero-title{font-size:var(--font-size-3xl)}.hero-cta{flex-direction:column}.hero-stats{grid-template-columns:1fr}.section-title{font-size:var(--font-size-3xl)}.projects-grid{grid-template-columns:1fr}.timeline:before{left:6px}.timeline-item{padding-left:var(--spacing-2xl)}.social-links{flex-direction:column}}@media(max-width:480px){:root{--font-size-6xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.75rem}.container{padding:0 var(--spacing-md)}.hero{padding:var(--spacing-2xl) var(--spacing-md)}.btn{width:100%;text-align:center}}