.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;transition:all var(--transition-base);background:linear-gradient(180deg,rgba(5,5,8,.9) 0%,rgba(5,5,8,.5) 70%,transparent 100%)}.header.scrolled{background:#050508d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:var(--border-subtle);padding:var(--space-sm) 0}.header-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1001}.header-content *{visibility:visible}.logo{display:flex;align-items:center;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;transition:transform var(--transition-base);animation:fadeInLeft .8s ease-out both}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.logo:hover{transform:scale(1.05)}.logo-bracket{color:#00f5ff;color:var(--color-cyan);transition:all var(--transition-fast)}.logo:hover .logo-bracket{text-shadow:0 0 20px var(--color-cyan)}.logo-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#00f5ff}.nav{display:flex;align-items:center;gap:var(--space-lg)}.nav-item{position:relative;font-size:.875rem;color:#94a3b8;color:var(--text-secondary);transition:color var(--transition-fast);padding:var(--space-sm) 0;animation:fadeInDown .6s ease-out both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.nav-item:nth-child(1){animation-delay:.4s}.nav-item:nth-child(2){animation-delay:.5s}.nav-item:nth-child(3){animation-delay:.6s}.nav-item:nth-child(4){animation-delay:.7s}.nav-item:nth-child(5){animation-delay:.8s}.nav-item:nth-child(6){animation-delay:.9s}.nav-item:hover{color:var(--color-cyan)}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-cyan);transition:width var(--transition-base)}.nav-item:hover:after{width:100%}.nav-number{color:var(--color-cyan);font-size:.75rem;margin-right:var(--space-xs)}.mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:none;cursor:pointer;z-index:1001}.mobile-toggle span{display:block;width:100%;height:2px;background:var(--color-cyan);transition:all var(--transition-base)}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.mobile-toggle{display:flex}.nav{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:var(--color-deep);flex-direction:column;justify-content:center;gap:var(--space-xl);padding:var(--space-xl);transition:right var(--transition-base);border-left:var(--border-subtle)}.nav.open{right:0}.nav-item{font-size:1.25rem}.nav-number{font-size:.875rem}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);position:relative;overflow:hidden}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.hero-content{position:relative;z-index:2}.hero-intro{display:flex;align-items:center;gap:var(--space-md);font-size:1rem;color:var(--color-cyan);margin-bottom:var(--space-md);font-weight:500}.intro-line{width:40px;height:2px;background:var(--color-cyan)}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1;margin-bottom:var(--space-lg)}.line-wrapper{overflow:hidden}.hero-title .line{display:block}.hero-subtitle{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;color:var(--text-secondary);margin-bottom:var(--space-lg);font-family:var(--font-mono);line-height:1.5}.hero-subtitle .highlight{color:var(--color-cyan);position:relative}.hero-subtitle .highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--color-cyan);opacity:.5}.hero-description{font-size:1rem;color:var(--text-tertiary);max-width:500px;margin-bottom:var(--space-xl);line-height:1.8}.hero-cta-group{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm)}.hero-cta svg{transition:transform var(--transition-fast)}.hero-cta:hover svg{transform:translate(4px)}.hero-social{display:flex;gap:var(--space-md)}.hero-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:var(--border-subtle);border-radius:8px;color:var(--text-secondary);transition:all var(--transition-base)}.hero-social a:hover{border-color:var(--color-cyan);color:var(--color-cyan);transform:translateY(-2px);box-shadow:var(--shadow-glow-cyan)}.hero-social svg{width:20px;height:20px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-code{position:relative;z-index:2;width:100%;max-width:500px}.hero-code .terminal{background:#111118e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card),var(--shadow-glow-cyan)}.terminal-title{margin-left:auto;font-size:.75rem;color:var(--text-tertiary)}.code-line{display:flex;gap:var(--space-md);padding:2px 0}.line-number{color:var(--text-muted);-webkit-user-select:none;user-select:none;min-width:20px;text-align:right}.code-line .keyword{color:var(--color-purple)}.code-line .string{color:var(--color-green)}.code-line .bracket{color:var(--color-cyan)}.code-line .property{color:var(--color-orange)}.hero-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;pointer-events:none}.decoration-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--color-cyan-dim)}.ring-1{width:300px;height:300px;animation:rotate-ring 20s linear infinite}.ring-2{width:400px;height:400px;animation:rotate-ring 30s linear infinite reverse;border-style:dashed}.ring-3{width:500px;height:500px;animation:rotate-ring 40s linear infinite;border-color:var(--color-purple-dim)}@keyframes rotate-ring{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:2px}.scroll-arrow{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.floating-icons{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.floating-icon{position:absolute;font-size:2rem;opacity:.3;animation:float-icon 15s ease-in-out infinite}.icon-1{top:15%;left:10%;animation-delay:0s}.icon-2{top:25%;right:15%;animation-delay:-3s}.icon-3{top:60%;left:5%;animation-delay:-6s}.icon-4{bottom:30%;right:10%;animation-delay:-9s}.icon-5{bottom:15%;left:20%;animation-delay:-12s}@keyframes float-icon{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(20px) rotate(-5deg)}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--space-xl)}.hero-intro{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group,.hero-social{justify-content:center}.hero-visual{order:-1}.hero-decoration{display:none}}@media (max-width: 640px){.hero{padding-top:calc(var(--header-height) + var(--space-xl))}.hero-title{font-size:clamp(2.5rem,12vw,4rem)}.hero-code{max-width:100%}.floating-icons{display:none}}.about{background:linear-gradient(180deg,var(--color-void) 0%,var(--color-deep) 50%,var(--color-void) 100%)}.about-header{margin-bottom:var(--space-2xl)}.section-label{display:block;font-size:.875rem;color:var(--color-cyan);margin-bottom:var(--space-md);letter-spacing:2px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);align-items:start}.about-content{display:flex;flex-direction:column;gap:var(--space-xl)}.about-bio{display:flex;flex-direction:column;gap:var(--space-lg)}.bio-intro{font-size:1.25rem;line-height:1.7;color:var(--text-primary)}.about-bio p{color:var(--text-secondary);line-height:1.8}.about-bio .highlight{color:var(--color-cyan);font-weight:600}.tech-focus{margin-top:var(--space-md)}.tech-label{display:block;font-size:.875rem;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);max-width:400px;border-radius:16px;border:var(--border-subtle)}.stat-item{text-align:center;padding:var(--space-md)}.stat-value{display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-xs)}.stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.about-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.highlight-card{padding:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.highlight-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gradient-hero);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.highlight-card:hover:before{transform:scaleX(1)}.highlight-card:hover{transform:translateY(-4px);border-color:var(--color-cyan-dim);box-shadow:var(--shadow-glow-cyan)}.highlight-icon{display:block;font-size:2rem;margin-bottom:var(--space-md)}.highlight-title{font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.highlight-description{font-size:.875rem;color:var(--text-tertiary);line-height:1.6}.about-decoration{position:absolute;right:5%;top:20%;width:300px;height:300px;opacity:.3;pointer-events:none}.decoration-svg{width:100%;height:100%}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr;gap:var(--space-xl)}.about-highlights,.about-stats{grid-template-columns:repeat(2,1fr)}.about-decoration{display:none}}@media (max-width: 640px){.about-highlights{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:2rem}}.skills{position:relative;overflow:hidden}.skills-header{text-align:center;margin-bottom:var(--space-2xl)}.skills-subtitle{font-size:1.125rem;color:var(--text-tertiary);max-width:500px;margin:var(--space-lg) auto 0}.skills-marquee{overflow:hidden;padding:var(--space-xl) 0;margin-bottom:var(--space-xl);background:linear-gradient(90deg,var(--color-void) 0%,transparent 10%,transparent 90%,var(--color-void) 100%);position:relative}.marquee-content{display:flex;gap:var(--space-xl);white-space:nowrap}.marquee-item{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:4px;transition:color var(--transition-fast)}.marquee-item:hover{color:var(--color-cyan)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.skill-category{padding:var(--space-xl);transition:all var(--transition-base);opacity:1;transform:translateY(0)}.skill-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-purple)}.category-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border-subtle)}.category-icon{font-size:1.5rem}.category-title{font-size:1.25rem;color:var(--text-primary)}.skills-list{display:flex;flex-direction:column;gap:var(--space-md)}.skill-item{display:flex;flex-direction:column;gap:var(--space-xs)}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:.875rem;color:var(--text-secondary)}.skill-level{font-size:.75rem;color:var(--text-tertiary);font-weight:600}.skill-progress{height:4px;background:var(--color-elevated);border-radius:2px;overflow:hidden}.skill-progress-fill{height:100%;background:var(--progress-color, var(--color-cyan));border-radius:2px;position:relative}.skill-progress-fill:after{content:"";position:absolute;top:0;right:0;width:6px;height:100%;background:#fff;opacity:.5;border-radius:2px}.skills-hex-section{text-align:center;margin-bottom:var(--space-2xl)}.hex-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-xl)}.skills-hex-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);max-width:800px;margin:0 auto}.hex-item{width:140px;height:80px;background:var(--color-surface);border:var(--border-subtle);display:flex;align-items:center;justify-content:center;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);transition:all var(--transition-base);cursor:default;opacity:1;transform:scale(1)}.hex-item span{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:1px}.hex-item:hover{background:var(--color-cyan);transform:scale(1.1)}.hex-item:hover span{color:var(--color-void)}.skills-code{max-width:600px;margin:0 auto}.skills-code .terminal{box-shadow:var(--shadow-card)}.skills-code pre{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);line-height:1.8}@media (max-width: 1024px){.skills-grid{grid-template-columns:1fr}}@media (max-width: 640px){.marquee-item{font-size:1.25rem}.hex-item{width:100px;height:60px}.hex-item span{font-size:.625rem}}.projects{background:linear-gradient(180deg,var(--color-void) 0%,var(--color-surface) 50%,var(--color-void) 100%)}.projects-header{text-align:center;margin-bottom:var(--space-2xl)}.projects-subtitle{font-size:1.125rem;color:var(--text-tertiary);max-width:600px;margin:var(--space-lg) auto var(--space-xl)}.projects-filter{display:flex;justify-content:center;gap:var(--space-md)}.filter-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.filter-btn.active{background:var(--color-cyan);border-color:var(--color-cyan);color:var(--color-void)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.project-card{background:var(--color-surface);border:var(--border-subtle);border-radius:16px;overflow:hidden;transition:all var(--transition-base)}.project-card:hover{transform:translateY(-8px);border-color:var(--color-cyan-dim);box-shadow:var(--shadow-glow-cyan)}.project-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr}.project-image-container{position:relative;overflow:hidden}.project-image{position:relative;height:100%;min-height:250px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-cyan-dim) 0%,transparent 50%,var(--color-purple-dim) 100%);opacity:.6}.project-number{position:absolute;top:var(--space-md);left:var(--space-md);font-family:var(--font-display);font-size:4rem;font-weight:800;color:#fff;opacity:.1;line-height:1}.project-content{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary)}.project-links{display:flex;gap:var(--space-sm)}.project-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border-subtle);border-radius:8px;color:var(--text-secondary);transition:all var(--transition-fast)}.project-links a:hover{border-color:var(--color-cyan);color:var(--color-cyan);transform:translateY(-2px)}.project-links svg{width:18px;height:18px}.project-description{font-size:.9375rem;color:var(--text-tertiary);line-height:1.7}.project-metrics{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) 0;border-top:var(--border-subtle);border-bottom:var(--border-subtle)}.metric{font-size:.75rem;color:var(--color-cyan);font-weight:600;padding:var(--space-xs) var(--space-sm);background:var(--color-cyan-dim);border-radius:4px}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.projects-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.projects-cta p{color:var(--text-tertiary);font-size:.875rem}.projects-cta .btn{display:inline-flex;align-items:center;gap:var(--space-sm)}.projects-cta .btn svg{transition:transform var(--transition-fast)}.projects-cta .btn:hover svg{transform:translate(4px)}@media (max-width: 1024px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1;grid-template-columns:1fr}}@media (max-width: 640px){.project-content{padding:var(--space-lg)}.project-title{font-size:1.25rem}.project-number{font-size:3rem}}.experience{position:relative}.experience-header{text-align:center;margin-bottom:var(--space-2xl)}.timeline{position:relative;max-width:1000px;margin:0 auto var(--space-2xl);padding:var(--space-xl) 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-cyan) 0%,var(--color-purple) 50%,var(--color-orange) 100%);transform:translate(-50%)}.timeline-item{position:relative;width:50%;padding:var(--space-xl);margin-bottom:var(--space-xl)}.timeline-item.left{left:0;padding-right:var(--space-2xl)}.timeline-item.right{left:50%;padding-left:var(--space-2xl)}.timeline-dot{position:absolute;top:var(--space-xl);width:50px;height:50px;background:var(--color-surface);border:3px solid var(--color-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;z-index:10;box-shadow:var(--shadow-glow-cyan)}.timeline-item.left .timeline-dot{right:-25px}.timeline-item.right .timeline-dot{left:-25px}.timeline-content{position:relative;padding:var(--space-xl);transition:all var(--transition-base)}.timeline-content:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-purple)}.timeline-content:before{content:"";position:absolute;top:var(--space-xl);width:20px;height:20px;background:var(--color-surface);border:var(--border-subtle);transform:rotate(45deg)}.timeline-item.left .timeline-content:before{right:-10px;border-left:none;border-bottom:none}.timeline-item.right .timeline-content:before{left:-10px;border-right:none;border-top:none}.experience-header-card{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.experience-company{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.experience-role{font-size:1rem;color:var(--color-cyan);font-weight:500}.experience-meta{text-align:right}.experience-period{display:block;font-size:.875rem;color:var(--text-secondary);font-weight:600}.experience-location{display:block;font-size:.75rem;color:var(--text-tertiary)}.experience-description{font-size:.9375rem;color:var(--text-tertiary);line-height:1.7;margin-bottom:var(--space-md)}.experience-achievements{list-style:none;margin-bottom:var(--space-lg)}.experience-achievements li{display:flex;gap:var(--space-sm);font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm)}.achievement-marker{color:var(--color-cyan);flex-shrink:0}.experience-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.education-section{max-width:600px;margin:0 auto var(--space-2xl)}.education-title{display:flex;align-items:center;gap:var(--space-md);font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-lg);justify-content:center}.education-icon{font-size:1.5rem}.education-card{padding:var(--space-xl)}.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.degree{font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.school{font-size:.9375rem;color:var(--text-tertiary)}.edu-period{font-size:.875rem;color:var(--color-cyan);font-weight:500}.education-achievements{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.resume-cta{text-align:center}.resume-cta .btn{display:inline-flex;gap:var(--space-sm)}@media (max-width: 768px){.timeline-line{left:20px}.timeline-item{width:100%;left:0!important;padding-left:60px!important;padding-right:0!important}.timeline-dot{left:-5px!important;right:auto!important}.timeline-content:before{left:-10px!important;right:auto!important;border-right:none!important;border-top:none!important;border-left:var(--border-subtle)!important;border-bottom:var(--border-subtle)!important}.experience-header-card{flex-direction:column}.experience-meta{text-align:left}}.contact{background:linear-gradient(180deg,var(--color-void) 0%,var(--color-deep) 100%)}.contact-header{text-align:center;margin-bottom:var(--space-2xl)}.contact-subtitle{font-size:1.125rem;color:var(--text-tertiary);max-width:500px;margin:var(--space-lg) auto 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start;max-width:1000px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:var(--space-lg)}.info-card{padding:var(--space-xl)}.info-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-md)}.info-description{font-size:.9375rem;color:var(--text-tertiary);line-height:1.7;margin-bottom:var(--space-xl)}.info-items{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.info-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:8px;transition:all var(--transition-base)}.info-item:hover{background:var(--color-elevated)}.info-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-elevated);border-radius:8px}.info-label{display:block;font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.info-value{display:block;font-size:.9375rem;color:var(--text-primary)}.availability{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-green);padding:var(--space-md);background:var(--color-green-dim);border-radius:8px}.availability-dot{width:8px;height:8px;background:var(--color-green);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.contact-terminal{height:fit-content}.contact-terminal .terminal-body{font-size:.8125rem}.contact-terminal .prompt{color:var(--color-cyan)}.contact-terminal .output{color:var(--text-secondary);padding-left:var(--space-md)}.cursor-blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:var(--space-lg)}}.footer{background:var(--color-deep);padding:var(--space-2xl) 0 var(--space-lg);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-cyan) 50%,transparent 100%)}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-xl);position:relative}.footer-brand{max-width:300px}.footer-logo{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md)}.footer-logo .logo-bracket{color:var(--color-cyan)}.footer-logo .logo-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:.9375rem;color:var(--text-tertiary);line-height:1.6}.footer-heading{font-size:.875rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-lg)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{font-size:.9375rem;color:var(--text-tertiary);transition:all var(--transition-fast);position:relative}.footer-links a:hover{color:var(--color-cyan);padding-left:var(--space-sm)}.footer-links a:before{content:"→";position:absolute;left:-15px;opacity:0;transition:all var(--transition-fast)}.footer-links a:hover:before{opacity:1;left:-10px}.social-links{display:flex;gap:var(--space-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-surface);border:var(--border-subtle);border-radius:8px;color:var(--text-secondary);transition:all var(--transition-base)}.social-links a:hover{border-color:var(--color-cyan);color:var(--color-cyan);transform:translateY(-4px);box-shadow:var(--shadow-glow-cyan)}.social-links svg{width:20px;height:20px}.footer-bottom{grid-column:1 / -1;margin-top:var(--space-xl)}.footer-line{height:1px;background:var(--color-muted);margin-bottom:var(--space-lg)}.footer-info{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.copyright{font-size:.875rem;color:var(--text-tertiary);text-align:center}.built-with{font-size:.875rem;color:var(--text-tertiary)}.built-with .heart{color:var(--color-cyan);animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.back-to-top{position:fixed;right:2rem;bottom:2rem;width:48px;height:48px;background:var(--color-surface, #111118);border:1px solid var(--color-cyan, #00f5ff);border-radius:50%;color:var(--color-cyan, #00f5ff);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1000}.back-to-top:hover{border-color:var(--color-cyan);color:var(--color-cyan);transform:translateY(-4px);box-shadow:var(--shadow-glow-cyan)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{max-width:none;margin-bottom:var(--space-lg)}.footer-logo,.social-links{justify-content:center}.footer-info{justify-content:center;flex-direction:column}.back-to-top{right:1rem;bottom:1rem}}.cursor{position:fixed;top:0;left:0;width:40px;height:40px;border:2px solid var(--color-cyan);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;mix-blend-mode:difference;transition:opacity .3s}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--color-cyan);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:9999}@media (hover: none){.cursor,.cursor-dot{display:none}}.app{position:relative;min-height:100vh}.orbs-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.orb-1{width:600px;height:600px;top:-200px;right:-200px;animation:float-orb 20s ease-in-out infinite}.orb-2{width:500px;height:500px;bottom:20%;left:-150px;animation:float-orb 25s ease-in-out infinite reverse}.orb-3{width:400px;height:400px;top:50%;right:10%;animation:float-orb 30s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,50px) scale(.9)}75%{transform:translate(-50px,-20px) scale(1.05)}}main{position:relative;z-index:2}.section{position:relative;overflow:hidden}.section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100px;background:linear-gradient(to bottom,transparent,var(--color-cyan-dim),transparent);opacity:.5}@keyframes page-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app>main{animation:page-reveal 1s ease-out}:root{--color-void: #050508;--color-deep: #0a0a0f;--color-surface: #111118;--color-elevated: #1a1a24;--color-muted: #2a2a38;--color-cyan: #00f5ff;--color-cyan-dim: #00f5ff40;--color-purple: #a855f7;--color-purple-dim: #a855f740;--color-orange: #f97316;--color-orange-dim: #f9731640;--color-green: #22c55e;--color-green-dim: #22c55e40;--color-blue: #3b82f6;--color-blue-dim: #3b82f640;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--gradient-hero: linear-gradient( 135deg, var(--color-cyan) 0%, var(--color-purple) 50%, var(--color-orange) 100% );--gradient-card: linear-gradient( 145deg, var(--color-elevated) 0%, var(--color-surface) 100% );--gradient-glow: radial-gradient( ellipse at center, var(--color-cyan-dim) 0%, transparent 70% );--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--border-subtle: 1px solid rgba(255, 255, 255, .05);--border-accent: 1px solid var(--color-cyan);--shadow-glow-cyan: 0 0 40px var(--color-cyan-dim);--shadow-glow-purple: 0 0 40px var(--color-purple-dim);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--max-width: 1400px;--header-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-mono);background-color:var(--color-void);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-deep)}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}::selection{background:var(--color-cyan);color:var(--color-void)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{min-height:100vh;padding:var(--space-2xl) 0;position:relative}.glass-card{background:#111118b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border-subtle);border-radius:16px;padding:var(--space-lg)}.text-gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:0 0 20px var(--color-cyan-dim),0 0 40px var(--color-cyan-dim),0 0 60px var(--color-cyan-dim)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-mono);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all var(--transition-base);border:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-hero);color:var(--color-void)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-cyan)}.btn-outline{background:transparent;border:1px solid var(--color-cyan);color:var(--color-cyan)}.btn-outline:hover{background:var(--color-cyan);color:var(--color-void);box-shadow:var(--shadow-glow-cyan)}.grid-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.noise-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}.orb-cyan{background:var(--color-cyan)}.orb-purple{background:var(--color-purple)}.orb-orange{background:var(--color-orange)}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.glitch{animation:glitch .3s infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline{position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(to bottom,transparent,var(--color-cyan-dim),transparent);animation:scanline 8s linear infinite;pointer-events:none;z-index:1000;opacity:.3}.code-block{background:var(--color-surface);border:var(--border-subtle);border-radius:8px;padding:var(--space-md);font-family:var(--font-mono);font-size:.875rem;overflow-x:auto}.code-block .keyword{color:var(--color-purple)}.code-block .string{color:var(--color-green)}.code-block .function{color:var(--color-cyan)}.code-block .comment{color:var(--text-tertiary)}.tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-elevated);border:var(--border-subtle);border-radius:4px;font-size:.75rem;color:var(--text-secondary);transition:all var(--transition-fast)}.tag:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.section-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-lg);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:var(--gradient-hero);border-radius:2px}.terminal{background:var(--color-surface);border-radius:12px;overflow:hidden;border:var(--border-subtle)}.terminal-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-elevated);border-bottom:var(--border-subtle)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27ca40}.terminal-body{padding:var(--space-lg);font-family:var(--font-mono);font-size:.875rem;line-height:1.8}@media (max-width: 768px){:root{--space-lg: 1.5rem;--space-xl: 3rem;--space-2xl: 5rem}.container{padding:0 var(--space-md)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.text-center{text-align:center}.relative{position:relative}.z-10{z-index:10}