:root{--bg-void: #050508;--bg-glass: rgba(8, 8, 20, .72);--accent-cyan: #00f5d4;--accent-dim: #00a896;--text-primary: #e8eaf0;--text-muted: #6b7280;--border-glow: rgba(0, 245, 212, .15);--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-4xl: 3.5rem;--text-6xl: 6rem;--space-1: .25rem;--space-2: .5rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .6s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,figure,form{margin:0;padding:0}html,body{width:100%;height:100%}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}::selection{background-color:var(--accent-cyan);color:var(--bg-void)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.back-btn{position:fixed;top:2rem;left:2rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#00f5d466;text-decoration:none;transition:color var(--transition-fast);z-index:10;pointer-events:auto}.back-btn:hover{color:var(--accent-cyan)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glow);border-radius:8px}.fractal-bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:block;will-change:opacity}.fractal-error-fallback{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(135deg,var(--bg-void) 0%,var(--accent-dim) 50%,var(--accent-cyan) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.875rem}.edge-nav{position:fixed;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:space-between;align-items:center}.edge-nav__label{pointer-events:auto;writing-mode:vertical-lr;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-cyan);text-decoration:none;padding:var(--space-4);transition:opacity var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.edge-nav__label--left,.edge-nav__label--right{text-orientation:mixed}.edge-nav__label--bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);writing-mode:horizontal-tb;letter-spacing:.25em}@media(hover:none){.edge-nav__label{opacity:.5!important}}.hero-page{flex-direction:column;pointer-events:none}.hero-identity{display:flex;flex-direction:column;align-items:center;gap:.9rem}.hero-name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,8rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-primary);line-height:1;display:flex;margin:0}.hero-char{display:inline-block;opacity:0;animation:char-in .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes char-in{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-rule{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--accent-cyan),transparent);opacity:0;transform:scaleX(0);animation:rule-in .8s ease forwards}@keyframes rule-in{0%{opacity:0;transform:scaleX(0)}to{opacity:.55;transform:scaleX(1)}}.hero-title{font-family:var(--font-mono);font-size:clamp(.65rem,1.4vw,.85rem);letter-spacing:.35em;text-transform:uppercase;color:var(--accent-dim);opacity:0;animation:fade-up .6s ease forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:#00f5d466;animation:scroll-lifecycle 5s ease forwards}@keyframes scroll-lifecycle{0%{opacity:0;transform:translate(-50%) translateY(6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.about-wrap{min-height:100vh;padding:5rem 2rem 6rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.about-container{width:100%;max-width:720px;display:flex;flex-direction:column;gap:4rem}.about-header{opacity:0;animation:about-in .7s ease .05s forwards}.about-name{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);line-height:1;margin:0 0 .5rem}.about-role{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:var(--accent-dim);margin:0 0 1.25rem}.about-bio{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);line-height:1.85;max-width:540px;margin:0}.about-section{opacity:0;animation:about-in .7s ease forwards}.about-section-title{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.38em;text-transform:uppercase;color:#00f5d466;margin:0 0 1.75rem;display:flex;align-items:center;gap:1rem}.about-section-title:after{content:"";flex:1;height:1px;background:#00f5d41f}.about-timeline{padding-left:.75rem;border-left:1px solid rgba(0,245,212,.15);display:flex;flex-direction:column}.about-tl-item{position:relative;padding:0 0 2.75rem 1.75rem}.about-tl-item:last-child{padding-bottom:0}.about-tl-dot{position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px #00f5d480}.about-tl-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:.3rem}.about-tl-company{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.about-tl-period{font-family:var(--font-mono);font-size:.68rem;color:#00f5d461;letter-spacing:.08em}.about-tl-role{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:.85rem}.about-tl-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.about-tl-points li{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);line-height:1.65;padding-left:1.1rem;position:relative}.about-tl-points li:before{content:"·";position:absolute;left:0;color:var(--accent-cyan);opacity:.45}.about-skills{display:flex;flex-direction:column;gap:.8rem}.about-skill-row{display:flex;align-items:flex-start;gap:1.5rem}.about-skill-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#00f5d461;width:72px;flex-shrink:0;padding-top:4px}.about-chips{display:flex;flex-wrap:wrap;gap:6px}.about-chip{font-family:var(--font-mono);font-size:.72rem;color:#00f5d4c7;background:#00f5d40f;border:1px solid rgba(0,245,212,.18);border-radius:3px;padding:2px 8px}.about-education{display:flex;flex-direction:column;gap:1.4rem}.about-edu-item{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.2rem 1.5rem}.about-edu-degree{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);grid-column:1;grid-row:1}.about-edu-inst{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);grid-column:1;grid-row:2}.about-edu-period{font-family:var(--font-mono);font-size:.68rem;color:#00f5d461;grid-column:2;grid-row:1;text-align:right;align-self:center}@keyframes about-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ft-wrap{position:fixed;inset:0;pointer-events:all;z-index:1}.ft-canvas{display:block;position:absolute;top:0;left:0}.ft-tooltip{position:absolute;pointer-events:none;display:flex;flex-direction:column;gap:3px;background:#050508e0;border:1px solid rgba(0,245,212,.25);border-radius:6px;padding:8px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:280px;white-space:normal;animation:ft-tip-in .15s ease forwards}.ft-tt-header{display:flex;align-items:baseline;gap:8px}.ft-tt-company{font-family:var(--font-mono);font-size:10px;color:#00f5d480}.ft-tt-period{font-family:var(--font-mono);font-size:9px;color:#00f5d459;margin-bottom:1px}@keyframes ft-tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ft-tt-title{font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);font-weight:600}.ft-tt-desc{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.ft-tt-tech{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}.ft-tt-chip{font-family:var(--font-mono);font-size:9px;color:#00f5d4bf;background:#00f5d414;border:1px solid rgba(0,245,212,.2);border-radius:3px;padding:1px 5px;white-space:nowrap}.ft-tt-private{font-family:var(--font-mono);font-size:9px;color:#00f5d466;letter-spacing:.12em;text-transform:uppercase;margin-top:1px}.ft-page-label{position:absolute;top:2rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#00f5d44d;pointer-events:none}.contact-page{pointer-events:none}.contact-card{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;background:#050508bf;border:1px solid rgba(0,245,212,.18);border-radius:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;animation:contact-in .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes contact-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-header{display:flex;flex-direction:column;align-items:center;gap:.4rem}.contact-name{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary);margin:0;line-height:1}.contact-role{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-dim);margin:0}.contact-rule{width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(0,245,212,.3),transparent)}.contact-tagline{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.6}.contact-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;width:100%}.contact-link{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border:1px solid rgba(0,245,212,.12);border-radius:6px;background:#00f5d40a;color:#00f5d4a6;text-decoration:none;font-family:var(--font-mono);font-size:.78rem;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.contact-link:hover{border-color:#00f5d473;color:var(--accent-cyan);background:#00f5d414}.contact-link svg{flex-shrink:0;opacity:.7}.contact-link:hover svg{opacity:1}