:root{--bg-void: #fdf6e3;--bg-card: rgba(255, 255, 255, .5);--bg-card-hover: rgba(255, 255, 255, .85);--color-cyan: #2a9d8f;--color-purple: #e76f51;--color-acid: #e9c46a;--color-palm: #264653;--text-main: #264653;--text-muted: #6f5e53;--text-inverted: #fdf6e3;--grad-liquid: linear-gradient(180deg, rgba(42, 157, 143, 0), rgba(231, 111, 81, .1) 50%, rgba(42, 157, 143, 0));--grad-glow: radial-gradient(circle at center, rgba(233, 196, 106, .2) 0%, transparent 60%);--font-hero: "Inter", system-ui, -apple-system, sans-serif;--font-data: "JetBrains Mono", "Menlo", monospace;--max-width: 1200px;--sidebar-width: 300px;--blur-glass: blur(8px);--border-subtle: 1px solid rgba(38, 70, 83, .1);--border-glow: 1px solid rgba(42, 157, 143, .4);--shadow-neon: 4px 4px 0px rgba(231, 111, 81, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-void);color:var(--text-main);font-family:var(--font-hero);scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;background-image:linear-gradient(rgba(233,196,106,.05) 2px,transparent 2px),linear-gradient(90deg,rgba(233,196,106,.05) 2px,transparent 2px);background-size:40px 40px;background-attachment:fixed}.grid-overlay{display:none}.quantum-layout{display:grid;grid-template-columns:80px 1fr;min-height:100vh;position:relative;z-index:1}@media(max-width:768px){.quantum-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.nav-rail{background:#fdf6e3;border-right:var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:40px 0;position:sticky;top:0;height:100vh;gap:40px;box-shadow:2px 0 10px #2646530d;z-index:100}@media(max-width:768px){.nav-rail{flex-direction:row;height:60px;width:100%;padding:0 16px;border-right:none;border-bottom:var(--border-subtle);justify-content:space-between;position:relative;align-items:center;box-shadow:0 2px 10px #2646530d;gap:0}}.brand-monogram{width:44px;height:44px;background:var(--color-purple);color:#fdf6e3;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--font-data);border-radius:4px;border:2px solid var(--text-main);box-shadow:3px 3px 0 var(--text-main)}.nav-links{display:flex;flex-direction:column;gap:32px;flex:1;justify-content:center}@media(max-width:768px){.nav-links{flex-direction:row;gap:16px;flex:0}}.nav-item{width:14px;height:14px;border:2px solid var(--text-main);border-radius:2px;transform:rotate(45deg);transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;background:#fdf6e3}.nav-item:after{content:attr(data-label);position:absolute;left:24px;top:50%;transform:translateY(-50%) translate(-10px);font-family:var(--font-data);font-size:10px;text-transform:uppercase;color:var(--color-palm);opacity:0;white-space:nowrap;transition:all .3s ease;pointer-events:none;background:var(--color-acid);color:var(--text-main);padding:4px 10px;border:2px solid var(--text-main);box-shadow:3px 3px #0000001a}.nav-item.active{background:var(--color-cyan);transform:rotate(0) scale(1.1)}@media(hover:hover){.nav-item:hover{background:var(--color-cyan);transform:rotate(0) scale(1.1)}.nav-item:hover:after{opacity:1;transform:translateY(-50%) translate(0)}}@media(max-width:768px){.nav-item:after{display:none!important}.brand-monogram{width:36px;height:36px;font-size:14px}.social-links{display:flex!important;flex-direction:row!important;gap:12px!important}}.content-stream{padding:0 8%;max-width:1400px;margin:0 auto;width:100%}section{min-height:auto;display:flex;flex-direction:column;justify-content:center;position:relative;padding:60px 0}.glitch-text{font-size:clamp(3rem,10vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.02em;color:var(--text-main);position:relative;text-shadow:4px 4px 0 rgba(231,111,81,.2)}.glitch-text:before{content:attr(data-text);position:absolute;left:-2px;top:-2px;color:var(--color-acid);z-index:-1;clip-path:none;mix-blend-mode:multiply}@media(max-width:600px){.glitch-text:before{display:none}}.subtitle-mono{font-family:var(--font-data);font-size:14px;color:var(--color-purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:700;background:transparent;padding:0;border-bottom:3px solid var(--color-acid);width:fit-content}.subtitle-mono:before{display:none}.cyber-card{background:#fff;border:2px solid var(--text-main);padding:32px;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:6px 6px #e9c46a80;border-radius:0}.cyber-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:repeating-linear-gradient(45deg,var(--color-cyan),var(--color-cyan) 10px,var(--color-purple) 10px,var(--color-purple) 20px);transition:all .3s ease;opacity:1}.cyber-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #e76f5166}.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:900px){.bio-grid{grid-template-columns:1fr}}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.stat-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:2px solid rgba(38,70,83,.1);font-family:var(--font-data)}.stat-label{color:var(--text-muted);font-weight:500}.stat-value{color:var(--color-purple);font-weight:800}.log-entry{display:flex;align-items:baseline;padding:24px 0;border-bottom:1px solid rgba(38,70,83,.15);text-decoration:none;transition:all .2s;background:transparent;margin-bottom:0}.log-entry:hover{padding-left:16px;background:#2a9d8f1a;border-bottom-color:var(--color-cyan)}.log-entry:hover *{color:inherit}.log-index{font-family:var(--font-data);color:var(--color-acid);margin-right:24px;font-size:14px;font-weight:700}ul{list-style:none;padding:0;margin:0}li{position:relative;padding-left:20px;margin-bottom:8px}li:before{content:"▹";position:absolute;left:0;color:var(--color-acid)}.log-title{font-size:20px;font-weight:600;color:var(--text-main);flex:1}.log-date{font-family:var(--font-data);color:var(--text-muted);font-size:12px;font-weight:600}.btn-cyber{display:inline-block;padding:16px 32px;background:var(--color-purple);border:2px solid var(--text-main);color:#fdf6e3;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;font-size:12px;text-decoration:none;transition:all .2s;position:relative;overflow:visible;font-weight:700;box-shadow:4px 4px 0 var(--text-main)}.btn-cyber:before{display:none}.btn-cyber:hover{background:var(--color-cyan);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text-main);color:#fdf6e3}.btn-cyber-ghost{display:inline-block;padding:16px 32px;background:transparent;border:2px solid var(--text-main);color:var(--text-main);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;font-size:12px;text-decoration:none;transition:all .2s;position:relative;overflow:visible;font-weight:700;box-shadow:4px 4px 0 var(--text-muted)}.btn-cyber-ghost:hover{background:var(--color-acid);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--text-main);color:var(--text-main)}.profile-frame{width:240px;aspect-ratio:1;margin:0 auto;background:#fff;padding:12px 12px 40px;border:1px solid rgba(0,0,0,.1);position:relative;box-shadow:5px 5px 15px #0000001a,1px 1px 2px #0000001a;transform:rotate(-3deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:10}.profile-frame:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:60px;height:25px;background:#fff6;border-left:1px dashed rgba(0,0,0,.1);border-right:1px dashed rgba(0,0,0,.1);box-shadow:0 2px 5px #0000001a;backdrop-filter:blur(2px);z-index:2}.profile-frame img{width:100%;height:100%;object-fit:cover;filter:sepia(.3) contrast(1.1) grayscale(.2);border:1px solid rgba(0,0,0,.1);transition:all .5s ease}.profile-frame:hover{transform:rotate(2deg) scale(1.05);box-shadow:15px 15px 30px #00000026,2px 2px 5px #0000001a;z-index:20}.profile-frame:hover img{filter:sepia(0) contrast(1.05) grayscale(0)}.profile-placeholder{width:100%;height:100%;background:#eee;display:flex;align-items:center;justify-content:center;color:#999}