.app{min-height:100vh}body{opacity:1;transition:opacity .3s ease}body.page-fade-out,body.page-fade-in{opacity:0}main{max-width:var(--max-width);margin:0 auto;padding:0 25px}section{padding:100px 0}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:40px;font-size:28px;font-weight:600;color:var(--white);white-space:nowrap}.section-heading .number{font-family:var(--font-mono);font-size:20px;font-weight:400;color:var(--accent)}.section-heading:after{content:"";display:block;width:100%;max-width:300px;height:1px;background-color:var(--bg-tertiary)}.term{background-color:#081426;border:1px solid var(--bg-tertiary);border-radius:8px;overflow:hidden;font-family:var(--font-mono)}.term-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--bg-tertiary)}.term-dot{width:10px;height:10px;border-radius:50%;background-color:var(--bg-primary);border:1px solid rgba(100,255,218,.25)}.term-title{margin-left:8px;font-size:11px;color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-body{margin:0;padding:14px 16px;font-size:12px;line-height:1.7;overflow-x:auto;white-space:pre}.term-cmd{color:var(--accent)}.term-out{color:var(--text-secondary)}.term-compact .term-body{padding:10px 12px;font-size:11px;line-height:1.6;overflow:hidden}.term-compact .term-bar{padding:6px 10px}.term-compact .term-dot{width:8px;height:8px}.stat-badges{display:flex;flex-wrap:wrap;gap:8px}.stat-badge{font-family:var(--font-mono);font-size:11px;padding:4px 10px;color:var(--accent);border:1px solid rgba(100,255,218,.3);border-radius:4px;background-color:#64ffda0d;white-space:nowrap}@media(max-width:768px){main{padding:0 20px}section{padding:60px 0}.section-heading{font-size:24px}}@media(max-width:480px){.section-heading{white-space:normal}.section-heading:after{display:none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a192f;--bg-secondary: #112240;--bg-tertiary: #1d3461;--text-primary: #ccd6f6;--text-secondary: #8892b0;--accent: #64ffda;--accent-dim: rgba(100, 255, 218, .1);--white: #e6f1ff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--nav-height: 70px;--max-width: 1100px;--transition: all .25s cubic-bezier(.645, .045, .355, 1)}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background-color:var(--accent-dim);color:var(--accent)}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent);text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}:root{--depth-lift: -3px;--depth-scale: .008;--depth-shadow: rgba(2, 12, 27, .7);--depth-ease: cubic-bezier(.645, .045, .355, 1)}[data-z],.z-hover-1,.z-hover-2{--z: 0;--z-above: max(var(--z), 0);--z-below: max(calc(-1 * var(--z)), 0);transform:translate3d(0,calc(var(--parallax-y, 0px) + var(--z-above) * var(--depth-lift)),0) scale(calc(1 + var(--z) * var(--depth-scale))) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));box-shadow:0 calc(var(--z-above) * 5px) calc(var(--z-above) * 15px) calc(var(--z-above) * -8px) var(--depth-shadow);transition:transform .25s var(--depth-ease),box-shadow .25s var(--depth-ease),filter .25s var(--depth-ease)}[data-z="-3"]{--z: -3}[data-z="-2"]{--z: -2}[data-z="-1"]{--z: -1}[data-z="1"]{--z: 1}[data-z="2"]{--z: 2}[data-z="-1"],[data-z="-2"],[data-z="-3"]{filter:saturate(calc(1 - var(--z-below) * .12)) brightness(calc(1 - var(--z-below) * .07)) blur(calc(max(var(--z-below) - 1,0)*.6px))}.z-hover-1:hover,.z-hover-1:focus-visible{--z: 1}.z-hover-2:hover,.z-hover-2:focus-visible{--z: 2}.depth-scene{perspective:900px}.depth-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;--depth-bg-line: rgba(100, 255, 218, .1)}.depth-bg-line{position:absolute;left:50%;height:1px;transform:translate(-50%);background:var(--depth-bg-line)}@keyframes depth-enter{0%{transform:scale(.96);filter:blur(3px);opacity:0}to{transform:scale(1);filter:blur(0);opacity:1}}[data-tilting][data-tilting]{transition-duration:.05s}@media(prefers-reduced-motion:reduce){[data-z],.z-hover-1,.z-hover-2{transform:none!important;transition:none!important}}