:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f1e;--bg-tertiary:#1a0d2e;--bg-card:#0f0f1e99;--bg-card-hover:#141428cc;--accent-blue:#00d4ff;--accent-purple:#a855f7;--accent-cyan:#22d3ee;--gradient-primary:linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);--gradient-secondary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-hero:linear-gradient(180deg, #0a0a0f 0%, #1a0d2e 100%);--gradient-text:linear-gradient(90deg, #00d4ff, #a855f7, #22d3ee);--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-accent:#00d4ff;--glow-blue:0 0 20px #00d4ff66;--glow-purple:0 0 20px #a855f766;--glow-cyan:0 0 15px #22d3ee4d;--border-default:#ffffff1a;--border-accent:#00d4ff4d;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--spacing-4xl:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none}html{scroll-behavior:smooth;overflow-x:hidden}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-primary);color:var(--text-secondary);background-color:var(--bg-primary);overflow-x:hidden}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 30px #00d4ff66}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-gradient{background-size:200% 200%;animation:8s infinite gradientShift}.animate-glow{animation:2s ease-in-out infinite glowPulse}.animate-float{animation:3s ease-in-out infinite float}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-slide-up{animation:.6s ease-out slideUp}.animate-slide-down{animation:.6s ease-out slideDown}.animate-scale-in{animation:.4s ease-out scaleIn}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);background-color:var(--bg-primary)}#root{width:100%;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:var(--font-bold);line-height:var(--leading-tight)}h1{font-size:var(--text-6xl);font-weight:var(--font-bold)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-2xl);font-weight:var(--font-semibold)}@media (width<=768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}a{color:var(--text-accent);transition:color var(--transition-fast)}a:hover{color:var(--accent-purple)}section{padding:var(--spacing-3xl) var(--spacing-lg);position:relative}@media (width<=768px){section{padding:var(--spacing-2xl) var(--spacing-md)}}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}@media (width<=768px){.container{padding:0 var(--spacing-md)}}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-blue{box-shadow:var(--glow-blue)}.glow-purple{box-shadow:var(--glow-purple)}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);font-family:var(--font-primary);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:var(--text-primary);box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover{box-shadow:0 6px 20px #00d4ff80}.btn-secondary{color:var(--accent-blue);border:2px solid var(--accent-blue);background:0 0}.btn-secondary:hover{background:#00d4ff1a;box-shadow:0 0 15px #00d4ff4d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:#ffffff0d}.btn-ghost:hover{color:var(--text-primary);background:#ffffff1a}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn-medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.navbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default);transition:all var(--transition-base);background:#0a0a0fb3;position:fixed;top:0;left:0;right:0}.navbar-scrolled{background:#0a0a0ff2;box-shadow:0 4px 20px #0000004d}.navbar-container{max-width:1400px;padding:var(--spacing-sm) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin:0 auto;display:flex}.navbar-logo{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;display:flex}.navbar-menu{align-items:center;gap:var(--spacing-md);flex:1;justify-content:center;display:flex}.nav-link{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-blue)}.nav-link.active:after{content:"";background:var(--gradient-primary);border-radius:50%;width:6px;height:6px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.navbar-actions{align-items:center;gap:var(--spacing-sm);display:flex}.cv-button{display:flex}.mobile-menu-toggle{color:var(--text-primary);padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);display:none}.mobile-menu-toggle:hover{background:#ffffff1a}.mobile-menu{border-top:1px solid var(--border-default);overflow:hidden}.mobile-menu-content{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.mobile-nav-link{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast);width:100%}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent-blue);background:#00d4ff1a}.mobile-cv-button{margin-top:var(--spacing-sm);width:100%}@media (width<=1024px){.navbar-menu{gap:var(--spacing-sm)}.nav-link{font-size:var(--text-sm)}}@media (width<=768px){.navbar-container{padding:var(--spacing-sm) var(--spacing-md)}.navbar-menu,.navbar-actions{display:none}.mobile-menu-toggle{display:block}}.hero{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;position:absolute;inset:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:var(--gradient-primary);width:400px;height:400px;animation-delay:0s;top:10%;left:10%}.orb-2{background:var(--gradient-secondary);width:300px;height:300px;animation-delay:2s;bottom:20%;right:10%}.orb-3{background:var(--accent-cyan);width:350px;height:350px;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-container{max-width:1200px;padding:var(--spacing-lg);z-index:1;align-items:center;gap:var(--spacing-3xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.hero-content{text-align:center;align-items:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.hero-image-wrapper{position:relative}.hero-image{border-radius:50%;width:180px;height:180px;position:relative;overflow:hidden}.image-placeholder{background:var(--gradient-primary);width:100%;height:100%;font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--text-primary);border:4px solid var(--bg-primary);justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #00d4ff80}.placeholder-text{letter-spacing:2px}.profile-photo{object-fit:cover;border:4px solid var(--bg-primary);border-radius:50%;width:100%;height:100%;box-shadow:0 0 30px #00d4ff80}.image-glow{background:var(--gradient-primary);filter:blur(20px);opacity:.5;z-index:-1;border-radius:50%;animation:3s ease-in-out infinite glowPulse;position:absolute;inset:-10px}.hero-text{align-items:center;gap:var(--spacing-md);flex-direction:column;max-width:800px;display:flex}.hero-greeting{font-size:var(--text-xl);color:var(--text-muted);font-weight:var(--font-medium);margin:0}.hero-name{font-size:var(--text-6xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-1px;margin:0;line-height:1.2}.hero-role-wrapper{margin-top:var(--spacing-xs)}.hero-role{font-size:var(--text-3xl);font-weight:var(--font-semibold);align-items:center;gap:4px;margin:0;display:inline-flex}.role-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradientShift}.cursor-blink{color:var(--accent-blue);font-weight:var(--font-normal);animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:var(--spacing-md) 0}.hero-buttons{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.hero-social{margin-top:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.social-label{font-size:var(--text-sm);color:var(--text-muted);margin:0}.social-link{border-radius:var(--radius-lg);border:1px solid var(--border-default);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-base);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.social-link:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#00d4ff1a;transform:translateY(-3px);box-shadow:0 0 20px #00d4ff4d}.scroll-indicator{align-items:center;gap:var(--spacing-xs);flex-direction:column;animation:3s ease-in-out infinite float;display:flex}.scroll-line{background:var(--gradient-primary);border-radius:2px;width:2px;height:40px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--accent-blue);width:100%;height:20px;animation:2s ease-in-out infinite scrollDown;position:absolute;top:0;left:0}@keyframes scrollDown{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1}to{opacity:0;transform:translateY(40px)}}.scroll-text{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin:0}@media (width<=768px){.hero{min-height:90vh;padding-top:70px}.hero-container{padding:var(--spacing-md);gap:var(--spacing-2xl)}.hero-image{width:140px;height:140px}.hero-name{font-size:var(--text-4xl)}.hero-role{font-size:var(--text-2xl)}.hero-description{font-size:var(--text-base)}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}.gradient-orb{filter:blur(60px)}.orb-1{width:250px;height:250px}.orb-2{width:200px;height:200px}.orb-3{width:220px;height:220px}}@media (width<=480px){.hero-name{font-size:var(--text-3xl)}.hero-role{font-size:var(--text-xl)}.hero-greeting{font-size:var(--text-base)}}.section-title{margin-bottom:var(--spacing-3xl)}.section-title.center{text-align:center}.section-title.left{text-align:left}.section-subtitle{font-size:var(--text-sm);color:var(--accent-blue);text-transform:uppercase;letter-spacing:2px;font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm) 0}.section-heading{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.section-divider{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.section-title.center .section-divider{justify-content:center}.section-title.left .section-divider{justify-content:flex-start}.section-divider:before,.section-divider:after{content:"";background:var(--gradient-primary);flex:1;max-width:60px;height:2px}.divider-dot{background:var(--gradient-primary);width:8px;height:8px;box-shadow:0 0 10px var(--accent-blue);border-radius:50%}@media (width<=768px){.section-title{margin-bottom:var(--spacing-2xl)}.section-heading{font-size:var(--text-3xl)}.section-divider:before,.section-divider:after{max-width:40px}}.about-section{min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--bg-primary);position:relative}.about-content{gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}.about-image-wrapper{justify-content:center;display:flex;position:sticky;top:120px}.about-image{aspect-ratio:1;border-radius:var(--radius-2xl);width:100%;max-width:400px;position:relative;overflow:hidden}.image-placeholder{background:var(--gradient-secondary);border:3px solid var(--border-accent);border-radius:var(--radius-2xl);width:100%;height:100%;transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex;box-shadow:0 20px 60px #00000080}.about-image:hover .image-placeholder{transform:scale(1.02)}.placeholder-initials{font-size:6rem;font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:4px}.about-profile-photo{object-fit:cover;border:3px solid var(--border-accent);border-radius:var(--radius-2xl);width:100%;height:100%;transition:transform var(--transition-base);box-shadow:0 20px 60px #00000080}.about-image:hover .about-profile-photo{transform:scale(1.02)}.image-decoration{background:var(--gradient-primary);border-radius:var(--radius-2xl);opacity:.2;filter:blur(30px);z-index:-1;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-20px}.about-text{gap:var(--spacing-lg);flex-direction:column;display:flex}.about-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.about-description{gap:var(--spacing-md);flex-direction:column;display:flex}.about-description p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.about-highlights{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);grid-template-columns:repeat(4,1fr);display:grid}.highlight-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.highlight-card:before{content:"";background:var(--gradient-primary);height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.highlight-card:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.highlight-card:hover:before{transform:scaleX(1)}.highlight-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);border-radius:var(--radius-lg);color:var(--accent-blue);transition:all var(--transition-base);background:#00d4ff1a;justify-content:center;align-items:center;display:flex}.highlight-card:hover .highlight-icon{background:#00d4ff33;transform:scale(1.1)}.highlight-label{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.highlight-description{font-size:var(--text-sm);color:var(--text-muted);margin:0}@media (width<=1024px){.about-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.about-image-wrapper{position:relative;top:0}.about-image{max-width:300px}.placeholder-initials{font-size:4rem}.about-highlights{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.about-section{padding:var(--spacing-3xl) var(--spacing-md)}.about-image{max-width:250px}.placeholder-initials{font-size:3rem}.about-title{font-size:var(--text-2xl)}.about-highlights{gap:var(--spacing-md);grid-template-columns:1fr}.highlight-card{padding:var(--spacing-lg)}.highlight-icon{width:50px;height:50px}}.skill-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.skill-card-content{z-index:2;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex;position:relative}.skill-icon{border-radius:var(--radius-lg);width:70px;height:70px;color:var(--accent-blue);margin-bottom:var(--spacing-sm);transition:all var(--transition-base);background:#00d4ff1a;justify-content:center;align-items:center;display:flex}.skill-card:hover .skill-icon{background:#00d4ff33;transform:translateY(-5px);box-shadow:0 10px 20px #00d4ff4d}.skill-name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.skill-description{font-size:var(--text-sm);color:var(--text-muted);margin:0}.skill-card-glow{opacity:0;width:100%;height:100%;transition:all var(--transition-base);z-index:1;pointer-events:none;background:radial-gradient(circle,#00d4ff26 0%,#0000 70%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.skill-card:hover .skill-card-glow{opacity:1;transform:translate(-50%,-50%)scale(1.5)}.skill-card:before{content:"";border-radius:var(--radius-xl);background:var(--gradient-primary);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-base);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.skill-card:hover:before{opacity:1}@media (width<=768px){.skill-card{padding:var(--spacing-lg)}.skill-icon{width:60px;height:60px}.skill-name{font-size:var(--text-lg)}}.skills-section{min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--bg-secondary);position:relative}.skills-content{gap:var(--spacing-3xl);flex-direction:column;display:flex}.skill-category{gap:var(--spacing-xl);flex-direction:column;display:flex}.category-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.category-icon{border-radius:50%;width:8px;height:8px;display:inline-block}.category-icon.blue{background:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue)}.category-icon.purple{background:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple)}.category-icon.cyan{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.skills-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tech-stack-summary{margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.tech-stack-summary:before{content:"";background:var(--gradient-primary);height:3px;position:absolute;top:0;left:0;right:0}.summary-text{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:800px;margin:0 auto}@media (width<=1024px){.skills-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (width<=768px){.skills-section{padding:var(--spacing-3xl) var(--spacing-md)}.skills-content{gap:var(--spacing-2xl)}.skill-category{gap:var(--spacing-lg)}.category-title{font-size:var(--text-xl)}.skills-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.tech-stack-summary{padding:var(--spacing-lg)}.summary-text{font-size:var(--text-base)}}@media (width<=480px){.category-title{font-size:var(--text-lg)}}.project-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent-blue);transform:translateY(-8px);box-shadow:0 20px 40px #00d4ff33}.project-image{background:var(--bg-secondary);width:100%;height:220px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.1)}.image-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,#00d4ff1a,#a855f71a);flex-direction:column;display:flex}.placeholder-text{font-size:var(--text-sm);color:var(--text-muted)}.image-overlay{opacity:0;transition:opacity var(--transition-base);background:#0a0a0fe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .image-overlay{opacity:1}.overlay-links{gap:var(--spacing-md);display:flex}.overlay-link{border:2px solid var(--accent-blue);border-radius:var(--radius-lg);width:50px;height:50px;color:var(--accent-blue);transition:all var(--transition-fast);background:#00d4ff33;justify-content:center;align-items:center;display:flex}.overlay-link:hover{background:var(--accent-blue);color:var(--bg-primary);transform:scale(1.1)}.project-details{padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.project-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.project-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);flex:1;margin:0}.project-technologies{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tech-tag{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--accent-blue);border-radius:var(--radius-full);white-space:nowrap;background:#00d4ff1a;border:1px solid #00d4ff4d;padding:4px 12px}.project-links{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-default);margin-top:auto;display:flex}.project-link{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid var(--border-default);color:var(--text-secondary);background:0 0;flex:1;text-decoration:none;display:flex}.project-link:hover:not(.disabled){border-color:var(--accent-blue);color:var(--accent-blue);background:#ffffff0d}.project-link.primary{background:var(--gradient-primary);color:var(--text-primary);border-color:#0000}.project-link.primary:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff66}.project-link.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (width<=768px){.project-image{height:200px}.project-details{padding:var(--spacing-lg)}.project-title{font-size:var(--text-lg)}.project-links{flex-direction:column}.overlay-links{gap:var(--spacing-sm)}.overlay-link{width:45px;height:45px}}.projects-section{min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--bg-primary);position:relative}.projects-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.projects-note{background:var(--bg-card);border:1px solid var(--border-accent);border-left:4px solid var(--accent-blue);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;max-width:800px;margin:0 auto}.projects-note p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.projects-note p:first-child{margin-bottom:var(--spacing-sm)}.projects-note strong{color:var(--accent-blue);font-weight:var(--font-semibold)}.projects-note code{border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-cyan);background:#00d4ff1a;padding:4px 8px}@media (width<=1200px){.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.projects-section{padding:var(--spacing-3xl) var(--spacing-md)}.projects-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.projects-note{padding:var(--spacing-lg)}.projects-note p{font-size:var(--text-sm)}}@media (width<=480px){.projects-note{padding:var(--spacing-md)}.projects-note code{margin-top:var(--spacing-xs);word-break:break-all;display:block}}.timeline-item{gap:var(--spacing-lg);padding-bottom:var(--spacing-2xl);grid-template-columns:60px 1fr;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child .timeline-line{display:none}.timeline-marker{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-icon{background:var(--gradient-primary);width:50px;height:50px;color:var(--text-primary);z-index:2;box-shadow:0 0 0 4px var(--bg-secondary), 0 0 20px #00d4ff66;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.timeline-item:hover .timeline-icon{box-shadow:0 0 0 6px var(--bg-secondary), 0 0 30px #00d4ff99;transform:scale(1.1)}.timeline-item.education .timeline-icon{background:var(--gradient-primary)}.timeline-item.work .timeline-icon{background:var(--gradient-secondary)}.timeline-line{background:linear-gradient(to bottom, var(--accent-blue) 0%, var(--accent-purple) 100%);width:2px;margin-top:var(--spacing-xs);flex:1;position:relative}.timeline-line:after{content:"";background:var(--accent-blue);filter:blur(4px);width:4px;height:30%;animation:3s ease-in-out infinite lineGlow;position:absolute;top:0;left:-1px}@keyframes lineGlow{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(50px)}}.timeline-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative}.timeline-content:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid var(--border-default);width:0;height:0;position:absolute;top:20px;left:-8px}.timeline-item:hover .timeline-content{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:translate(5px);box-shadow:0 10px 30px #00d4ff26}.timeline-period{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-blue);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;background:#00d4ff1a;padding:4px 12px;display:inline-block}.timeline-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:var(--spacing-sm) 0;line-height:var(--leading-tight)}.timeline-subtitle{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--accent-purple);margin:0 0 var(--spacing-md) 0}.timeline-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.timeline-skills{gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-default);flex-wrap:wrap;display:flex}.skill-badge{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);white-space:nowrap;background:#ffffff0d;padding:4px 10px}@media (width<=768px){.timeline-item{gap:var(--spacing-md);padding-bottom:var(--spacing-xl);grid-template-columns:40px 1fr}.timeline-icon{width:40px;height:40px}.timeline-icon svg{width:16px;height:16px}.timeline-content{padding:var(--spacing-lg)}.timeline-content:before{border-right-width:6px;left:-6px}.timeline-title{font-size:var(--text-lg)}.timeline-subtitle{font-size:var(--text-sm)}}.experience-section{min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--bg-secondary);position:relative}.experience-content{gap:var(--spacing-4xl);margin-bottom:var(--spacing-3xl);flex-direction:column;display:flex}.timeline-section{gap:var(--spacing-xl);flex-direction:column;display:flex}.timeline-section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-default);margin:0;display:flex}.section-icon{border-radius:50%;width:10px;height:10px;display:inline-block}.education-icon{background:var(--accent-blue);box-shadow:0 0 15px var(--accent-blue)}.work-icon{background:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple)}.timeline{flex-direction:column;display:flex;position:relative}.experience-note{background:var(--bg-card);border:1px solid var(--border-accent);border-left:4px solid var(--accent-purple);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;max-width:800px;margin:0 auto}.experience-note p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.experience-note p:first-child{margin-bottom:var(--spacing-sm)}.experience-note strong{color:var(--accent-purple);font-weight:var(--font-semibold)}.experience-note code{border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-purple);background:#a855f71a;padding:4px 8px}.note-detail{font-size:var(--text-sm);color:var(--text-muted)}@media (width<=768px){.experience-section{padding:var(--spacing-3xl) var(--spacing-md)}.experience-content{gap:var(--spacing-3xl)}.timeline-section-title{font-size:var(--text-xl)}.experience-note{padding:var(--spacing-lg)}.experience-note p{font-size:var(--text-sm)}.experience-note code{margin-top:var(--spacing-xs);word-break:break-all;display:block}}.service-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:var(--accent-blue);transform:translateY(-10px);box-shadow:0 20px 40px #00d4ff33}.service-icon{background:var(--gradient-primary);border-radius:var(--radius-xl);width:80px;height:80px;color:var(--text-primary);margin-bottom:var(--spacing-sm);transition:all var(--transition-base);z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 10px 30px #00d4ff66}.service-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);z-index:2;margin:0;position:relative}.service-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);z-index:2;margin:0;position:relative}.service-features{margin:var(--spacing-md) 0 0 0;text-align:left;z-index:2;width:100%;padding:0;list-style:none;position:relative}.feature-item{font-size:var(--text-sm);color:var(--text-muted);padding:var(--spacing-xs) 0;align-items:center;gap:var(--spacing-sm);display:flex}.feature-dot{background:var(--accent-blue);border-radius:50%;flex-shrink:0;width:6px;height:6px}.service-glow{opacity:0;width:100%;height:100%;transition:all var(--transition-base);z-index:1;pointer-events:none;background:radial-gradient(circle,#00d4ff33 0%,#0000 70%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.service-card:hover .service-glow{opacity:1;transform:translate(-50%,-50%)scale(1.5)}@media (width<=768px){.service-card{padding:var(--spacing-xl)}.service-icon{width:70px;height:70px}.service-icon svg{width:30px;height:30px}.service-title{font-size:var(--text-lg)}}.services-section{min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--bg-primary);position:relative}.services-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (width<=768px){.services-section{padding:var(--spacing-3xl) var(--spacing-md)}.services-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.contact-section{min-height:100vh;padding:var(--spacing-4xl) var(--spacing-lg);background:var(--bg-secondary);position:relative}.contact-content{gap:var(--spacing-3xl);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.contact-info{position:sticky;top:120px}.contact-info-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.contact-info-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--spacing-2xl) 0}.contact-details{gap:var(--spacing-xl);flex-direction:column;display:flex}.contact-item{align-items:flex-start;gap:var(--spacing-md);display:flex}.contact-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent-blue);background:#00d4ff1a;border:1px solid #00d4ff4d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-text{gap:var(--spacing-xs);flex-direction:column;display:flex}.contact-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-medium)}.contact-link{font-size:var(--text-lg);color:var(--accent-blue);font-weight:var(--font-medium);transition:color var(--transition-fast)}.contact-link:hover{color:var(--accent-purple)}.social-links-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.social-links{gap:var(--spacing-sm);display:flex}.social-link{border:1px solid var(--border-default);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-base);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.social-link:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#00d4ff1a;transform:translateY(-3px)}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.contact-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base);font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #00d4ff1a}.form-input.error{border-color:#ef4444}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:150px}.error-message{align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:#ef4444;margin-top:2px;display:flex}.status-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex}.status-message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.status-message.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.status-message.info{color:var(--accent-blue);background:#00d4ff1a;border:1px solid #00d4ff4d}.submit-button{width:100%;margin-top:var(--spacing-sm)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-note{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-default);margin:0}.form-note strong{color:var(--accent-blue)}@media (width<=1024px){.contact-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.contact-info{position:relative;top:0}}@media (width<=768px){.contact-section{padding:var(--spacing-3xl) var(--spacing-md)}.contact-info-title{font-size:var(--text-2xl)}.contact-form-wrapper{padding:var(--spacing-xl)}.contact-icon{width:40px;height:40px}.social-link{width:44px;height:44px}}.footer{background:var(--bg-primary);border-top:1px solid var(--border-default);padding:var(--spacing-3xl) 0 var(--spacing-lg);position:relative}.footer-container{max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.footer-top{gap:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid var(--border-default);grid-template-columns:1.5fr 1fr 1fr;display:grid}.footer-brand{gap:var(--spacing-md);flex-direction:column;display:flex}.footer-logo{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);align-items:center;gap:2px;margin:0;display:flex}.logo-text{letter-spacing:1px}.logo-accent{color:var(--accent-blue);font-size:var(--text-3xl)}.footer-tagline{font-size:var(--text-sm);color:var(--text-muted);max-width:300px;line-height:var(--leading-relaxed);margin:0}.footer-links{gap:var(--spacing-md);flex-direction:column;display:flex}.footer-heading{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.footer-nav{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer-link{font-size:var(--text-sm);color:var(--text-secondary);text-align:left;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0}.footer-link:hover{color:var(--accent-blue)}.footer-contact,.footer-contact-items{gap:var(--spacing-md);flex-direction:column;display:flex}.footer-contact-link{align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);display:flex}.footer-contact-link:hover{color:var(--accent-blue)}.footer-social{gap:var(--spacing-sm);display:flex}.footer-social-link{border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.footer-social-link:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#00d4ff1a;transform:translateY(-2px)}.footer-bottom{padding-top:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.footer-copyright{font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.heart-icon{color:#ef4444;animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.back-to-top{background:var(--gradient-primary);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 15px #00d4ff4d}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00d4ff80}@media (width<=1024px){.footer-top{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-container{padding:0 var(--spacing-md)}.footer-top{gap:var(--spacing-xl);padding-bottom:var(--spacing-2xl);grid-template-columns:1fr}.footer-brand{grid-column:1}.footer-bottom{text-align:center;gap:var(--spacing-md);flex-direction:column}.footer-copyright{justify-content:center}.back-to-top{width:44px;height:44px}}.app{width:100%;min-height:100vh;overflow-x:hidden}