*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;overflow-x:hidden}@media(pointer:coarse){body{cursor:auto}}:root{--bg-primary: #0a0a0a;--bg-secondary: #0f0f0f;--bg-tertiary: #141414;--neon-cyan: #00ff9f;--neon-blue: #00d4ff;--neon-purple: #a855f7;--terminal-green: #00ff00;--text-primary: #f5f5f5;--text-secondary: #a8a8a8;--text-tertiary: #666666;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--font-5xl: 3.5rem;--font-6xl: 4.5rem;--max-width: 1200px;--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)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0;position:relative;z-index:1}.section-dark{background:var(--bg-secondary)}.section-title{font-size:var(--font-4xl);font-weight:700;margin-bottom:var(--space-2xl);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:800px}.cursor{position:fixed;width:40px;height:40px;border:2px solid var(--neon-cyan);border-radius:50%;pointer-events:none;z-index:10000;transition:transform .15s ease,border-color .15s ease;mix-blend-mode:difference}.cursor-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:var(--neon-cyan);border-radius:50%}.cursor.hover{transform:scale(1.5);border-color:var(--neon-cyan)}@media(pointer:coarse){.cursor{display:none}}.matrix-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.08;pointer-events:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;text-align:center}.hero-content{max-width:900px;padding:0 var(--space-lg)}.terminal-badge{display:inline-block;padding:8px 16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:6px;margin-bottom:var(--space-lg);font-family:JetBrains Mono,monospace;font-size:var(--font-sm)}.prompt{color:var(--neon-cyan);margin-right:var(--space-xs)}.hero-name{font-size:var(--font-6xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-name:hover{animation:subtle-glitch .3s ease}@keyframes subtle-glitch{0%,to{transform:translate(0)}33%{transform:translate(-1px,1px)}66%{transform:translate(1px,-1px)}}.typing-text{font-size:var(--font-2xl);color:var(--text-secondary);margin-bottom:var(--space-md);min-height:3rem;display:flex;align-items:center;justify-content:center}.hero-role{font-size:var(--font-lg);color:var(--neon-cyan);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.scroll-indicator{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%)}.scroll-arrow{width:2px;height:50px;background:linear-gradient(to bottom,transparent,var(--neon-cyan));animation:scroll-bounce 2s infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:0}50%{transform:translateY(15px);opacity:1}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:var(--space-xl);transition:all var(--transition-base);position:relative}.glass-card:hover{border-color:var(--neon-cyan);box-shadow:0 20px 60px #00000080,0 0 30px #00ff9f26;transform:translateY(-4px)}.tilt-card{transform-style:preserve-3d}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg)}.about-main p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.8;font-size:var(--font-lg)}.about-main p:last-child{margin-bottom:0}.highlight{color:var(--neon-cyan);font-weight:600}.card-subtitle{font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--space-lg);color:var(--text-primary)}.philosophy-list{list-style:none}.philosophy-list li{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:var(--font-lg);display:flex;align-items:flex-start;gap:var(--space-sm)}.bullet{color:var(--neon-cyan);font-weight:700;flex-shrink:0}.subsection-title{font-size:var(--font-3xl);font-weight:600;color:var(--text-primary);margin-top:var(--space-3xl);margin-bottom:var(--space-xl)}.flagship-project{margin-bottom:var(--space-3xl);padding:var(--space-2xl);position:relative;border:2px solid var(--neon-cyan);background:linear-gradient(135deg,var(--glass-bg),rgba(0,255,159,.05))}.flagship-project:hover{border-color:var(--neon-cyan);box-shadow:0 30px 80px #0009,0 0 50px #00ff9f33}.flagship-badge{display:inline-block;background:var(--neon-cyan);color:var(--bg-primary);padding:6px 14px;border-radius:6px;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md)}.flagship-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--glass-border)}.flagship-title-section{flex:1}.flagship-title{font-size:var(--font-5xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flagship-subtitle{font-size:var(--font-xl);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md);font-weight:500}.flagship-tech{font-size:var(--font-base);color:var(--text-tertiary);font-family:JetBrains Mono,monospace}.flagship-links{display:flex;flex-direction:column;gap:var(--space-sm)}.github-primary-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;background:var(--neon-cyan);color:var(--bg-primary);font-weight:600;text-decoration:none;border-radius:8px;transition:all var(--transition-base);white-space:nowrap}.github-primary-link:hover{background:var(--neon-blue);transform:translateY(-2px);box-shadow:0 10px 30px #00ff9f4d}.github-primary-link svg{flex-shrink:0}.flagship-content{display:grid;gap:var(--space-xl)}.flagship-section{padding:var(--space-lg);background:#ffffff05;border-radius:8px;border-left:3px solid var(--neon-cyan)}.section-heading{font-size:var(--font-xl);font-weight:700;color:var(--neon-cyan);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-base)}.flagship-section p{color:var(--text-secondary);line-height:1.8;font-size:var(--font-lg)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{color:var(--text-secondary);padding-left:var(--space-lg);margin-bottom:var(--space-sm);position:relative;line-height:1.7;font-size:var(--font-base)}.feature-list li:before{content:"→";position:absolute;left:0;color:var(--neon-cyan);font-weight:700}.engineering-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.highlight-item{padding:var(--space-md);background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:6px;display:flex;flex-direction:column;gap:var(--space-xs)}.highlight-label{font-weight:700;color:var(--neon-blue);font-size:var(--font-base)}.highlight-desc{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6}.demo-section{background:#0000004d;border-left-color:var(--neon-blue)}.demo-container{width:100%;margin-top:var(--space-md)}.demo-image{width:100%;height:auto;border-radius:8px;border:1px solid var(--glass-border);box-shadow:0 10px 40px #00000080;transition:all var(--transition-base);display:block}.demo-image:hover{border-color:var(--neon-cyan);box-shadow:0 15px 60px #000000b3,0 0 30px #00ff9f26;transform:translateY(-4px)}.demo-caption{margin-top:var(--space-sm);color:var(--text-tertiary);font-size:var(--font-sm);font-style:italic;text-align:center;line-height:1.5}.project-demo{margin-bottom:var(--space-lg);width:100%}.project-demo-image{width:100%;height:auto;border-radius:6px;border:1px solid var(--glass-border);box-shadow:0 8px 30px #0006;transition:all var(--transition-base);display:block}.project-demo-image:hover{border-color:var(--neon-blue);box-shadow:0 12px 45px #0009,0 0 25px #00d4ff1a;transform:translateY(-2px)}.project-demo-caption{margin-top:var(--space-xs);color:var(--text-tertiary);font-size:var(--font-xs);font-style:italic;line-height:1.4}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.project-card{display:flex;flex-direction:column;position:relative}.project-title{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.project-tech{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-md);font-family:JetBrains Mono,monospace}.project-description{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-lg);flex-grow:1}.engineering-highlights-compact{margin-bottom:var(--space-lg);padding:var(--space-md);background:#00d4ff08;border-left:2px solid var(--neon-blue);border-radius:4px}.highlights-heading{font-size:var(--font-sm);font-weight:700;color:var(--neon-blue);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.highlights-list{list-style:none;padding:0;margin:0}.highlights-list li{color:var(--text-secondary);padding-left:var(--space-md);margin-bottom:var(--space-xs);position:relative;line-height:1.6;font-size:var(--font-sm)}.highlights-list li:before{content:"•";position:absolute;left:0;color:var(--neon-blue);font-weight:700}.highlights-list li:last-child{margin-bottom:0}.project-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--neon-cyan);font-weight:600;text-decoration:none;transition:all var(--transition-fast);width:fit-content}.project-link:hover{gap:var(--space-sm);text-shadow:0 0 10px var(--neon-cyan)}.project-link svg{flex-shrink:0}.magnetic{position:relative}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.stack-category{display:flex;flex-direction:column}.category-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.stack-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.stack-tag{padding:6px 14px;background:#a855f71a;border:1px solid var(--neon-purple);border-radius:6px;color:var(--neon-purple);font-size:var(--font-sm);font-weight:500;transition:all var(--transition-fast)}.stack-tag:hover{background:var(--neon-purple);color:var(--bg-primary);box-shadow:0 0 20px #a855f766}.discipline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.discipline-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-xl);position:relative;overflow:hidden}.discipline-card:hover{border-color:var(--glass-border);box-shadow:0 20px 60px #00000080}.discipline-card[data-bg]{background-size:cover;background-position:center;background-repeat:no-repeat}.discipline-card[data-bg]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a0a0ad9,#0a0a0abf,#0a0a0ad9);z-index:0;transition:all var(--transition-base)}.discipline-card[data-bg]:hover:before{background:linear-gradient(135deg,#0a0a0abf,#0a0a0aa6,#0a0a0abf)}.discipline-card>*{position:relative;z-index:1}.discipline-icon{font-size:3rem;margin-bottom:var(--space-lg);filter:grayscale(1);opacity:.7;transition:all var(--transition-base)}.discipline-card:hover .discipline-icon{filter:grayscale(0);opacity:1;transform:scale(1.1)}.discipline-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:0 2px 8px rgba(0,0,0,.8)}.discipline-desc{color:var(--text-secondary);line-height:1.7;text-shadow:0 1px 4px rgba(0,0,0,.8)}.footer{padding:var(--space-3xl) 0;position:relative;z-index:1;border-top:1px solid var(--glass-border)}.footer-terminal{max-width:600px;margin:0 auto;font-family:JetBrains Mono,monospace;font-size:var(--font-sm);text-align:center}.terminal-line{margin-bottom:var(--space-sm);color:var(--text-secondary)}.command{color:var(--terminal-green)}.output{padding-left:0}.terminal-link{color:var(--neon-cyan);text-decoration:none;transition:all var(--transition-fast)}.terminal-link:hover{text-shadow:0 0 10px var(--neon-cyan)}.separator{color:var(--text-tertiary);margin:0 var(--space-sm)}.copyright{color:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}@media(max-width:1024px){:root{--font-6xl: 3.5rem;--font-5xl: 3rem;--font-4xl: 2.25rem}.about-grid{grid-template-columns:1fr}.flagship-header{flex-direction:column}.flagship-title{font-size:var(--font-4xl)}}@media(max-width:768px){:root{--font-6xl: 2.75rem;--font-5xl: 2.25rem;--font-4xl: 1.875rem;--font-3xl: 1.5rem;--font-2xl: 1.25rem}.section{padding:var(--space-3xl) 0}.projects-grid{grid-template-columns:1fr}.flagship-project{padding:var(--space-lg)}.flagship-title{font-size:var(--font-3xl)}.flagship-subtitle{font-size:var(--font-lg)}.engineering-highlights,.stack-grid,.discipline-grid{grid-template-columns:1fr}.glass-card{padding:var(--space-lg)}body{cursor:auto}.cursor{display:none}}@media(max-width:480px){:root{--font-6xl: 2.25rem}.container{padding:0 var(--space-md)}.flagship-project{padding:var(--space-md)}.github-primary-link{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-arrow,.typing-text{animation:none}}