:root{--bg-main:#080a10;--bg-surface:#10141e;--bg-surface-2:#151a27;--bg-surface-3:#1b2132;--bg-surface-hover:#1e2538;--border-subtle:#ffffff12;--border-medium:#272d3a;--border-highlight:#8b7cff59;--border-cyan:#72d5e859;--text-primary:#f3f4f8;--text-secondary:#a0a7b8;--text-muted:#647087;--text-inverse:#080a10;--accent-violet:#8b7cff;--accent-violet-subtle:#8b7cff1f;--accent-violet-glow:#8b7cff40;--accent-cyan:#72d5e8;--accent-cyan-subtle:#72d5e81f;--accent-cyan-glow:#72d5e840;--accent-emerald:#10b981;--accent-emerald-subtle:#10b9811f;--accent-rose:#f43f5e;--font-display:"Plus Jakarta Sans", "Outfit", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--container-max:1240px;--header-height:72px;--ease-editorial:cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s var(--ease-editorial);--transition-base:all .3s var(--ease-editorial);--transition-slow:all .5s var(--ease-editorial)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px);background-color:var(--bg-main);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;selection-background-color:var(--accent-violet);selection-color:#080a10;font-size:16px;line-height:1.65;overflow-x:hidden}::selection{background:var(--accent-violet);color:#080a10}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#272d3a;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-violet)}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.app-root{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}@media (width>=768px){.container{padding:0 2.5rem}}.editorial-section{border-bottom:1px solid var(--border-subtle);padding:6.5rem 0;position:relative}@media (width<=768px){.editorial-section{padding:4.5rem 0}}.section-header{margin-bottom:3.5rem}.section-tagline{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:inline-flex}.section-num{font-family:var(--font-mono);color:var(--accent-violet);background:var(--accent-violet-subtle);border-radius:var(--radius-xs);border:1px solid #8b7cff40;padding:.2rem .55rem;font-size:.8rem}.section-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.15}.section-desc{color:var(--text-secondary);max-width:680px;margin-top:1rem;font-size:1.1rem;line-height:1.6}.header-split{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.nav-wrap{z-index:100;width:100%;transition:var(--transition-base);border-bottom:1px solid #0000;position:sticky;top:0;left:0}.nav-wrap.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-medium);background:#080a10e0;box-shadow:0 10px 30px #00000059}.nav-progress-bar{background:linear-gradient(90deg, var(--accent-violet), var(--accent-cyan));height:2px;transition:width .1s linear;position:absolute;bottom:0;left:0}.nav{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.nav-brand{color:var(--text-primary);align-items:center;gap:.75rem;display:flex}.nav-brand-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-violet), #4f46e5);color:#fff;width:32px;height:32px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 0 15px #8b7cff4d}.nav-brand-text{flex-direction:column;display:flex}.nav-brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.05rem;font-weight:700}.nav-brand-role{font-family:var(--font-mono);letter-spacing:.05em;color:var(--accent-cyan);font-size:.68rem}.nav-links{align-items:center;gap:1.75rem;list-style:none;display:none}@media (width>=900px){.nav-links{display:flex}}.nav-link{font-family:var(--font-body);color:var(--text-secondary);transition:var(--transition-fast);padding:.35rem .15rem;font-size:.92rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";background:var(--accent-violet);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-4px;left:0}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-status{border-radius:var(--radius-full);background:var(--accent-emerald-subtle);font-family:var(--font-mono);color:var(--accent-emerald);border:1px solid #10b98140;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.72rem;display:none}@media (width>=1100px){.nav-status{display:inline-flex}}.status-dot{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}.nav-cta-btn{border-radius:var(--radius-sm);background:var(--accent-violet);color:var(--text-inverse);font-family:var(--font-display);letter-spacing:-.01em;transition:var(--transition-fast);align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:700;display:inline-flex}.nav-cta-btn:hover{background:#9d90ff;transform:translateY(-1px);box-shadow:0 4px 14px #8b7cff59}.hamburger{border-radius:var(--radius-xs);background:var(--bg-surface);border:1px solid var(--border-medium);cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:flex}@media (width>=900px){.hamburger{display:none}}.hamburger span{background:var(--text-primary);width:100%;height:2px;transition:var(--transition-fast);border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav-drawer{top:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border-medium);z-index:99;flex-direction:column;gap:1rem;width:100%;padding:1.5rem;display:flex;position:fixed;left:0;box-shadow:0 20px 40px #00000080}.mobile-nav-link{font-family:var(--font-display);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.65rem 0;font-size:1.15rem;font-weight:600;display:flex}.mobile-nav-link:hover{color:var(--text-primary);padding-left:.5rem}.hero-editorial{padding:3.5rem 0 5rem;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=960px){.hero-grid{grid-template-columns:1.15fr .85fr;gap:4rem}}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.hero-badge-pill{border-radius:var(--radius-full);background:var(--bg-surface-2);border:1px solid var(--border-medium);font-family:var(--font-mono);color:var(--text-secondary);align-self:flex-start;align-items:center;gap:.6rem;padding:.4rem .9rem;font-size:.78rem;display:inline-flex}.hero-badge-pill strong{color:var(--accent-cyan)}.hero-headline{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text-primary);font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:800;line-height:1.08}.hero-headline-accent{background:linear-gradient(135deg, #fff 30%, var(--accent-violet) 80%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subhead{color:var(--text-secondary);max-width:580px;font-size:1.18rem;line-height:1.65}.hero-domains{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.domain-pill{border-radius:var(--radius-xs);background:var(--bg-surface);border:1px solid var(--border-medium);font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.76rem;display:inline-flex}.domain-pill:before{content:"▸";color:var(--accent-violet);font-size:.8rem}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.btn-primary{border-radius:var(--radius-sm);background:var(--accent-violet);color:var(--text-inverse);font-family:var(--font-display);letter-spacing:-.01em;transition:var(--transition-fast);align-items:center;gap:.55rem;padding:.85rem 1.65rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary:hover{background:#9d90ff;transform:translateY(-2px);box-shadow:0 8px 20px #8b7cff59}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-medium);font-family:var(--font-display);transition:var(--transition-fast);align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--text-muted);transform:translateY(-2px)}.hero-social-row{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.social-icon-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-medium);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:var(--bg-surface-2);transform:translateY(-2px)}.hero-banner-frame{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-medium);margin-top:2.75rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000073}.hero-banner-frame:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(135deg,#8b7cff73,#0000 50%,#72d5e866);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-banner-img{aspect-ratio:1584/672;object-fit:cover;object-position:center center;border-radius:var(--radius-lg);background:#0e121b;width:100%;display:block}@media (width<=640px){.hero-banner-img{aspect-ratio:16/9}}.hero-banner-meta{-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-medium);border-radius:var(--radius-md);z-index:3;background:#10141ee6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}@media (width<=600px){.hero-banner-meta{margin:.75rem .5rem .5rem;position:static}}.banner-meta-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.banner-meta-sub{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.74rem}@media (width<=600px){.hero-portrait-img{height:380px}}.portrait-meta-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:#10141ee0;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex;position:absolute;bottom:1.75rem;left:1.75rem;right:1.75rem}.portrait-meta-info{flex-direction:column;display:flex}.portrait-meta-title{font-family:var(--font-display);color:var(--text-primary);font-size:.92rem;font-weight:700}.portrait-meta-sub{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.72rem}.about-pinned-track{height:320vh;position:relative}.about-sticky-viewport{z-index:20;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}@media (width<=1039px){.about-pinned-track{height:auto}.about-sticky-viewport{height:auto;padding:4rem 0;position:relative;overflow:visible}.about-animated-cursor{display:none!important}}.about-hud-badge{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.05em;background:#8b5cf626;border:1px solid #8b5cf659;border-radius:99px;align-items:center;gap:.45rem;margin-left:.75rem;padding:2px 8px;font-size:.65rem;animation:.3s fadeIn;display:inline-flex}.hud-pulse-dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;animation:1.8s ease-in-out infinite pulseGreen}.about-animated-cursor{pointer-events:none;z-index:90;will-change:transform, opacity;transition:opacity .15s;position:absolute;top:0;left:0}.cursor-pointer-icon{filter:drop-shadow(0 0 10px #8b5cf6d9);transition:transform .15s;display:inline-block;position:relative}.about-animated-cursor.is-clicking .cursor-pointer-icon{transform:scale(.8)}.cursor-click-ripple{border:2px solid var(--accent-cyan);border-radius:50%;width:32px;height:32px;animation:.5s ease-out infinite clickWave;position:absolute;top:2px;left:2px;transform:translate(-50%,-50%)}@keyframes clickWave{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.2)}}.cursor-dot-glow{width:6px;height:6px;box-shadow:0 0 8px #fff, 0 0 14px var(--accent-cyan);background:#fff;border-radius:50%;position:absolute;top:1px;left:1px}.cursor-telemetry-badge{font-family:var(--font-mono);color:var(--accent-cyan);white-space:nowrap;background:#080c1cf2;border:1px solid #8b5cf68c;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:22px;left:20px;box-shadow:0 4px 14px #000c}.telemetry-bracket{color:var(--accent-violet);opacity:.7}.text-selection-highlight{color:#fff;vertical-align:baseline;isolation:isolate;border-radius:3px;margin:0 1px;padding:1px 3px;font-weight:700;transition:text-shadow .15s;display:inline-block;position:relative}.text-selection-highlight:before{content:"";width:var(--sel-width,0%);z-index:-1;pointer-events:none;background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 60%,#3b82f6 100%);border-radius:2px;position:absolute;top:-1px;bottom:-1px;left:0;box-shadow:0 0 14px #2563ebbf,inset 0 0 4px #ffffff59}.text-selection-highlight.is-selected{text-shadow:0 0 10px #ffffffe6,0 0 20px #3b82f6f2;color:#fff!important}.screen-callout-card.active-clicked{border-color:var(--accent-violet)!important;background:#1c264cfa!important;transform:scale(1.03)!important;box-shadow:0 0 25px #8b5cf6a6,inset 0 0 14px #8b5cf64d!important}.screen-callout-card.is-selected-card{transition:all .25s cubic-bezier(.16,1,.3,1);background:#142044fa!important;border-color:#3b82f6!important;transform:scale(1.03)!important;box-shadow:0 0 28px #3b82f6a6,inset 0 0 14px #3b82f647!important}.screen-callout-card.is-selected-card .click-feedback-badge{color:#60a5fa;background:#3b82f62e;border-color:#3b82f673}.click-feedback-badge{font-family:var(--font-mono);color:#10b981;background:#10b98126;border:1px solid #10b98166;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:.62rem;font-weight:700}.metric-card.cursor-hovered{border-color:var(--accent-cyan)!important;background:#162246fa!important;transform:translateY(-4px)scale(1.04)!important;box-shadow:0 0 25px #5b8cff8c,inset 0 0 14px #5b8cff40!important}.metric-card.cursor-hovered .metric-num{text-shadow:0 0 14px #5b8cffd9;color:#fff}.workstation-pc-rig{perspective:1400px;grid-template-columns:1fr;gap:2rem;display:grid;position:relative}@media (width>=1040px){.workstation-pc-rig{grid-template-columns:1.05fr 1.35fr 1.05fr;align-items:stretch;gap:1.25rem}.pc-monitor-left{transform-origin:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),z-index .4s;transform:rotateY(7deg)}.pc-monitor-left:hover{z-index:10;transform:rotateY(1deg)translateZ(20px)}.pc-monitor-center{z-index:5;transition:transform .4s cubic-bezier(.16,1,.3,1),z-index .4s;transform:translateZ(24px)}.pc-monitor-center:hover{z-index:10;transform:translateZ(40px)}.pc-monitor-right{transform-origin:0;transition:transform .4s cubic-bezier(.16,1,.3,1),z-index .4s;transform:rotateY(-7deg)}.pc-monitor-right:hover{z-index:10;transform:rotateY(-1deg)translateZ(20px)}}.pc-monitor{flex-direction:column;display:flex;position:relative}.webcam-module{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:6px;display:flex}.webcam-lens-wrap{background:#060914;border:1px solid #8b5cf673;border-radius:99px;align-items:center;gap:7px;padding:3px 12px;display:inline-flex;box-shadow:0 4px 14px #0009,inset 0 1px 2px #ffffff26}.webcam-lens{background:radial-gradient(circle at 35% 35%,#5b8cff,#0b0f2e 60%,#000);border:1px solid #8b7cffb3;border-radius:50%;width:10px;height:10px;position:relative;box-shadow:0 0 6px #5b8cff80}.webcam-glare{background:#ffffffd9;border-radius:50%;width:3px;height:3px;position:absolute;top:1.5px;left:2px}.webcam-led{background:#10b981;border-radius:50%;width:5px;height:5px;animation:2.5s ease-in-out infinite pulseGreen;box-shadow:0 0 8px #10b981,0 0 14px #10b98199}@keyframes pulseGreen{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.webcam-heading{align-items:center;gap:6px;display:inline-flex}.webcam-num{font-family:var(--font-mono);color:var(--accent-cyan);background:#5b8cff1f;border:1px solid #5b8cff4d;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.webcam-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);font-size:.76rem;font-weight:600}.monitor-frame{background:#090d1c;border:2px solid #8b5cf659;border-radius:12px;flex-direction:column;flex:1;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #000000a6,0 0 25px #8b5cf626}.pc-monitor:hover .monitor-frame{border-color:#8b5cf6bf;box-shadow:0 20px 48px #000c,0 0 35px #8b5cf647}.monitor-top-bar{-webkit-user-select:none;user-select:none;background:#0e1428;border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.monitor-controls{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot-red{opacity:.85;background:#ef4444}.dot-yellow{opacity:.85;background:#eab308}.dot-green{opacity:.85;background:#22c55e}.monitor-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;font-size:.68rem}.monitor-status-pill{font-family:var(--font-mono);color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:99px;padding:1px 6px;font-size:.62rem;font-weight:600}.monitor-status-pill.pill-violet{color:var(--accent-violet);background:#8b5cf626;border-color:#8b5cf666}.monitor-screen-inner{background:radial-gradient(at 50% 0,#1a224680,#0000 75%);flex-direction:column;justify-content:space-between;height:100%;padding:1.4rem;display:flex}.monitor-screen-middle-body{justify-content:flex-start;gap:.5rem}.monitor-screen-middle-body .about-lead{color:var(--text-primary);margin-bottom:.85rem;font-size:1.05rem;font-weight:500;line-height:1.6}.monitor-screen-middle-body .about-body p{color:var(--text-secondary);margin-bottom:.85rem;font-size:.92rem;line-height:1.65}.monitor-screen-middle-body .about-body strong{color:#fff;font-weight:600}.screen-intel-block{flex-direction:column;gap:.5rem;display:flex}.screen-main-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.28rem;font-weight:700;line-height:1.35}.screen-sub-desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.screen-divider{align-items:center;gap:.75rem;margin:1.2rem 0;display:flex}.divider-line{background:#8b5cf640;flex:1;height:1px}.divider-tag{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.08em;font-size:.62rem}.screen-callout-deck{flex-direction:column;gap:.85rem;display:flex}.screen-callout-card{background:#10162dd9;border:1px solid #8b5cf638;border-radius:8px;padding:.85rem 1rem;transition:all .2s}.screen-callout-card:hover{background:#161e3ce6;border-color:#8b5cf68c}.screen-callout-header{align-items:center;gap:.55rem;margin-bottom:.35rem;display:flex}.screen-callout-icon{font-size:1.15rem;line-height:1}.screen-callout-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.screen-callout-desc{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.45}.monitor-screen-metrics-body{flex-direction:column;justify-content:center;align-items:stretch;height:100%;display:flex}.metrics-screen-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.telemetry-badge{font-family:var(--font-mono);color:var(--accent-violet);letter-spacing:.08em;font-size:.68rem;font-weight:700}.telemetry-clock{font-family:var(--font-mono);color:var(--text-muted);font-size:.62rem}.pc-monitor-right .metrics-grid{grid-template-columns:repeat(2,1fr);align-content:center;gap:.85rem;width:100%;margin:auto 0;display:grid}.pc-monitor-right .metric-card{text-align:center;background:#10162dd9;border:1px solid #8b5cf638;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:86px;padding:.9rem .85rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:flex}.pc-monitor-right .metric-card:hover{border-color:var(--accent-violet);background:#161e3ce6;transform:translateY(-2px)}.pc-monitor-right .metric-num{font-family:var(--font-display);color:var(--text-primary);text-align:center;margin-bottom:.35rem;font-size:1.62rem;font-weight:800;line-height:1.1}.pc-monitor-right .metric-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:.66rem;line-height:1.35}.monitor-stand{flex-direction:column;align-items:center;display:flex}.stand-neck{background:linear-gradient(#151b33,#080b18);border-left:1px solid #8b5cf64d;border-right:1px solid #8b5cf64d;width:22px;height:20px}.stand-foot{background:linear-gradient(#1a2240,#0c1022);border:1px solid #8b5cf659;border-radius:4px;width:90px;height:8px;box-shadow:0 6px 14px #00000080}.center-neck{width:30px;height:24px}.center-foot{width:120px;height:10px}.workstation-desk-surface{width:100%;margin-top:14px;position:relative}.desk-surface-rim{background:linear-gradient(90deg,#0000 5%,#8b5cf6cc 25%,#5b8cffe6 50%,#8b5cf6cc 75%,#0000 95%);border-radius:3px;width:100%;height:3px;box-shadow:0 0 10px #8b5cf680}.desk-surface-glow{filter:blur(10px);background:radial-gradient(#8b5cf64d,#0000 70%);width:80%;height:30px;margin:0 auto}.about-grid{grid-template-columns:1fr;gap:3.5rem;display:grid}@media (width>=900px){.about-grid{grid-template-columns:1.15fr .85fr;gap:4rem}}.about-lead{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:500;line-height:1.6}.about-body p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1.05rem;line-height:1.7}.about-body strong{color:var(--text-primary);font-weight:600}.about-callout-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem;display:flex}.about-callout-item{align-items:flex-start;gap:1rem;display:flex}.callout-icon{border-radius:var(--radius-xs);background:var(--bg-surface-2);border:1px solid var(--border-medium);width:36px;height:36px;color:var(--accent-violet);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.callout-text h4{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.callout-text p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.metrics-grid{grid-template-columns:1fr 1fr;align-content:start;gap:1.25rem;display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);flex-direction:column;justify-content:space-between;padding:1.5rem 1.25rem;display:flex}.metric-card:hover{border-color:var(--accent-violet);background:var(--bg-surface-2);transform:translateY(-3px)}.metric-num{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.metric-num-accent{color:var(--accent-cyan)}.metric-num-violet{color:var(--accent-violet)}.metric-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;line-height:1.35}.skills-pinned-track{height:280vh;position:relative}.skills-sticky-viewport{z-index:15;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}@media (width<=1039px){.skills-pinned-track{height:auto}.skills-sticky-viewport{height:auto;padding:4rem 0;position:relative;overflow:visible}}.skills-hud-badge{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.05em;background:#8b5cf626;border:1px solid #8b5cf659;border-radius:99px;align-items:center;gap:.45rem;margin-left:.75rem;padding:2px 8px;font-size:.65rem;animation:.3s fadeIn;display:inline-flex}.skills-runes-section{padding:5rem 0 6rem;position:relative;overflow:visible}.rune-stage-chips{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.rune-stage-chip{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:#0c1122e6;border:1px solid #8b5cf64d;border-radius:99px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.8rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.rune-stage-chip:hover{border-color:var(--stage-color,var(--accent-violet));color:#fff;box-shadow:0 6px 18px #0006, 0 0 12px var(--stage-color,#8b5cf64d);background:#121934f2;transform:translateY(-2px)}.rune-stage-chip.active{border-color:var(--stage-color,var(--accent-violet));color:#fff;box-shadow:0 0 20px var(--stage-color,#8b5cf673), inset 0 0 10px #ffffff14;background:#161e41fa;transform:translateY(-2px)}.chip-rune{color:var(--stage-color,var(--accent-cyan));text-shadow:0 0 8px;font-family:JetBrains Mono,Segoe UI Historic,Noto Sans Runic,monospace;font-size:1.15rem;font-weight:800;line-height:1}.chip-tier{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.chip-title{font-weight:600}.runes-rig-container{grid-template-columns:1fr;align-items:center;gap:2.5rem;margin-bottom:4rem;display:grid}@media (width>=1040px){.runes-rig-container{grid-template-columns:1.15fr .85fr;gap:3rem}}.skills-sticky-viewport .runes-rig-container{margin-bottom:0}@media (height<=850px) and (width>=1040px){.skills-sticky-viewport .runes-rig-container{transform-origin:50%;gap:1.5rem;transform:scale(.86)}.skills-sticky-viewport .section-header{margin-bottom:.6rem!important}.skills-sticky-viewport .rune-stage-chips{margin-bottom:.85rem!important}}.runes-mandala-wrapper{background:radial-gradient(circle,#0f163299 0%,#060914d9 70%);border:1px solid #8b5cf640;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 50px #0009,inset 0 0 40px #8b5cf614}.runes-mandala-hud-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.68rem;display:inline-flex}.hud-dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:2s ease-in-out infinite pulseGreen}.runes-mandala-svg{aspect-ratio:1;filter:drop-shadow(0 0 25px #8b5cf640);width:100%;max-width:560px;height:auto;overflow:visible}.rune-ring-base{fill:none;stroke:var(--tier-color,#8b5cf6);stroke-width:1px;opacity:.25;transition:all .35s}.rune-ring-dashed{fill:none;stroke:var(--tier-color,#8b5cf6);stroke-width:1.25px;stroke-dasharray:4 6;opacity:.45;transition:all .35s}.tier-active .rune-ring-base{stroke-width:2.5px;opacity:.95;filter:drop-shadow(0 0 10px var(--tier-color,#8b5cf6))}.tier-active .rune-ring-dashed{stroke-width:2px;opacity:1;filter:drop-shadow(0 0 14px var(--tier-color,#8b5cf6))}@keyframes spinRuneClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRuneCounter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.spin-clockwise{animation:spinRuneClockwise var(--tier-speed,50s) linear infinite;transform-origin:0 0}.spin-counter{animation:spinRuneCounter var(--tier-speed,50s) linear infinite;transform-origin:0 0}.spin-clockwise-fast{transform-origin:0 0;animation:12s linear infinite spinRuneClockwise}.spin-counter-fast{transform-origin:0 0;animation:16s linear infinite spinRuneCounter}.rune-glyphs-text{letter-spacing:5.5px;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Segoe UI Historic,Noto Sans Runic,-apple-system,monospace;font-size:11.5px;font-weight:700;transition:fill .3s,filter .3s}.tier-active .rune-glyphs-text{filter:drop-shadow(0 0 6px var(--tier-color,#8b5cf6))}.orbiting-rune-node{cursor:pointer;transition:transform .2s}.node-pulse-circle{transition:all .3s}.orbiting-rune-node:hover .node-pulse-circle{transform:scale(1.4)}.node-label{font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none;font-size:8px;font-weight:600;transition:all .3s}.node-label.label-active{fill:#fff;filter:drop-shadow(0 0 6px #000000e6);font-size:9.5px;font-weight:700}.stage-sigil-anchor{cursor:pointer}.sigil-glyph{pointer-events:none;filter:drop-shadow(0 0 8px);font-family:JetBrains Mono,Segoe UI Historic,Noto Sans Runic,monospace;font-size:15px;font-weight:800}.nexus-core-ring{fill:none;stroke:var(--accent-violet);stroke-width:1.5px;opacity:.8;filter:drop-shadow(0 0 8px var(--accent-violet))}.nexus-inner-ring{fill:none;stroke:var(--accent-cyan);stroke-width:1.5px;opacity:.7}.nexus-center-text{font-family:var(--font-display);fill:#fff;letter-spacing:-.02em;font-size:11px;font-weight:800}.runes-click-hint{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.06em;opacity:.85;margin-top:1rem;font-size:.72rem}.rune-codex-panel{border:1.5px solid var(--active-accent,var(--accent-violet));background:#090d1c;border-radius:18px;flex-direction:column;gap:1.5rem;padding:2rem 1.8rem;transition:border-color .4s,box-shadow .4s;display:flex;position:relative;box-shadow:0 16px 45px #000000b3,0 0 35px #8b5cf62e}.codex-header-bar{border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.codex-status{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.codex-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.codex-tier-badge{font-family:var(--font-mono);letter-spacing:.08em;background:#ffffff0a;border:1px solid;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:700}.codex-stage-hero{align-items:center;gap:1.25rem;display:flex}.codex-large-rune{text-shadow:0 0 16px;background:#0c1124f2;border:1.5px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-family:JetBrains Mono,Segoe UI Historic,Noto Sans Runic,monospace;font-size:2.2rem;font-weight:800;transition:all .3s;display:flex}.codex-stage-info{flex-direction:column;gap:.2rem;display:flex}.codex-rune-designation{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:.68rem}.codex-stage-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.35rem;font-weight:800;display:flex}.stage-icon{font-size:1.2rem}.codex-stage-sub{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.4}.codex-skills-block{flex-direction:column;gap:.85rem;display:flex}.codex-skills-heading{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;margin:0;font-size:.72rem;display:flex}.codex-count{color:var(--active-accent,var(--accent-cyan));font-weight:700}.codex-skills-list{flex-direction:column;gap:.55rem;display:flex}.codex-skill-item{background:#0e142abf;border:1px solid #8b5cf62e;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .95rem;transition:all .2s;display:flex}.codex-skill-item:hover{border-color:var(--item-accent,var(--accent-violet));background:#141c3ae6;transform:translate(4px)}.codex-skill-item.skill-core{border-left:3px solid var(--item-accent,var(--accent-cyan))}.skill-item-info{align-items:center;gap:.65rem;display:flex}.skill-item-glyph{color:var(--item-accent,var(--accent-cyan));text-shadow:0 0 6px;font-family:JetBrains Mono,Segoe UI Historic,Noto Sans Runic,monospace;font-size:.95rem;font-weight:800}.skill-item-name{font-family:var(--font-sans);color:var(--text-primary);font-size:.88rem;font-weight:500}.skill-item-badge{font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:.65rem;font-weight:600}.badge-advanced{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859}.badge-proficient{color:var(--accent-violet);background:#8b5cf61f;border:1px solid #8b5cf659}.codex-footer-nav{margin-top:.5rem}.btn-codex-cycle{color:#fff;width:100%;font-family:var(--font-mono);cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf659;border-radius:8px;justify-content:center;align-items:center;padding:.75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-codex-cycle:hover{background:var(--active-accent,var(--accent-violet));border-color:var(--active-accent,var(--accent-violet));box-shadow:0 0 16px #8b5cf680}.all-runes-grid-section{border-top:1px solid #8b5cf633;margin-top:3rem;padding-top:2.5rem}.all-runes-grid-header{flex-direction:column;gap:.25rem;margin-bottom:2rem;display:flex}.all-runes-title{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.08em;font-size:.76rem;font-weight:700}.all-runes-sub{color:var(--text-secondary);font-size:.9rem}.rune-card{cursor:pointer;transition:all .25s;position:relative}.rune-card.card-selected{border-color:var(--card-accent,var(--accent-violet));background:#121934f2;transform:translateY(-3px);box-shadow:0 0 20px #8b5cf659}.rune-card-badge{align-items:center;gap:.45rem;display:flex}.badge-rune{border:1px solid var(--card-accent,var(--accent-violet));width:28px;height:28px;color:var(--card-accent,var(--accent-violet));text-shadow:0 0 6px;background:#8b5cf626;border-radius:6px;justify-content:center;align-items:center;font-family:JetBrains Mono,Segoe UI Historic,Noto Sans Runic,monospace;font-size:1.15rem;font-weight:800;display:flex}.rune-tier-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;display:block}.skills-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);flex-direction:column;height:100%;padding:1.75rem;display:flex}.skill-card:hover{border-color:var(--accent-violet);background:var(--bg-surface-2);transform:translateY(-3px)}.skill-card-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.skill-card-icon{border-radius:var(--radius-xs);background:var(--bg-surface-2);width:32px;height:32px;color:var(--accent-cyan);border:1px solid var(--border-medium);justify-content:center;align-items:center;font-size:.95rem;display:flex}.skill-card-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.skill-tag-list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.skill-tag{background:var(--bg-surface-2);border:1px solid var(--border-medium);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;padding:.35rem .65rem;font-size:.78rem;display:inline-flex}.skill-card:hover .skill-tag{color:var(--text-primary);border-color:#ffffff1f}.projects-list{flex-direction:column;gap:2.5rem;display:flex}.project-case-featured{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);transition:var(--transition-base);grid-template-columns:1fr;gap:2rem;padding:2.25rem;display:grid;position:relative}@media (width>=900px){.project-case-featured{grid-template-columns:1.25fr .75fr;padding:3rem}}.project-case-featured:hover{border-color:var(--accent-violet);box-shadow:0 15px 40px #00000059}.project-case-badge{font-family:var(--font-mono);color:var(--accent-violet);background:var(--accent-violet-subtle);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em;border:1px solid #8b7cff4d;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.25rem .65rem;font-size:.75rem;display:inline-flex}.project-case-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.025em;margin-bottom:.5rem;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800}.project-case-meta{font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:1.25rem;font-size:.82rem}.project-story-block{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.story-line strong{color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.8rem;display:block}.story-line p{color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.55}.project-outcomes-card{background:var(--bg-surface-2);border:1px solid var(--border-medium);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.outcomes-header{font-family:var(--font-mono);text-transform:uppercase;color:var(--accent-cyan);letter-spacing:.08em;margin-bottom:1rem;font-size:.76rem}.outcomes-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.outcomes-list li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.45;display:flex}.outcomes-list li strong{color:var(--text-primary)}.outcomes-list li:before{content:"✓";color:var(--accent-emerald);font-weight:700}.project-stack-pills{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.45rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.project-link-btn{background:var(--bg-surface-2);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-display);transition:var(--transition-fast);align-self:flex-start;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;display:inline-flex}.project-link-btn:hover{background:var(--accent-violet);color:#080a10;border-color:var(--accent-violet);transform:translateY(-2px)}.projects-grid-secondary{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.projects-grid-secondary{grid-template-columns:repeat(2,1fr)}}.project-card-compact{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex}.project-card-compact:hover{border-color:var(--accent-violet);background:var(--bg-surface-2);transform:translateY(-3px)}.exp-master-container{padding:0 0 6rem;position:relative;overflow:visible}.exp-pinned-scroll-track{height:260vh;position:relative}.exp-sticky-viewport{z-index:20;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.exp-3d-showcase-wrapper{background:radial-gradient(circle,#101734b3 0%,#060914f2 75%);border:1px solid #8b5cf647;border-radius:20px;max-width:1000px;margin:0 auto;padding:1.25rem 1.4rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000bf,inset 0 0 40px #8b5cf614}.exp-3d-top-nav{border-bottom:1px solid #8b5cf633;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.exp-3d-status{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.06em;align-items:center;gap:.55rem;font-size:.72rem;display:flex}.exp-status-dot{background:var(--accent-cyan);width:7px;height:7px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:2s ease-in-out infinite pulseGreen}.exp-role-chips{flex-wrap:wrap;gap:.45rem;display:flex}.exp-role-chip{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:#0c1122d9;border:1px solid #8b5cf64d;border-radius:99px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.74rem;transition:all .2s;display:inline-flex}.exp-role-chip:hover{border-color:var(--accent-violet);color:#fff;transform:translateY(-2px)}.exp-role-chip.active{border-color:var(--accent-violet);color:#fff;background:#8b5cf640;box-shadow:0 0 16px #8b5cf666}.chip-badge{color:var(--accent-cyan);background:#5b8cff26;border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:700}.chip-label{font-weight:600}.exp-3d-perspective-stage{perspective:1400px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:clamp(480px,58vh,540px);display:flex;position:relative}.cylinder-ambient-glow{filter:blur(45px);pointer-events:none;background:radial-gradient(#8b5cf647,#0000 70%);width:500px;height:320px;position:absolute}.exp-3d-cylinder{width:min(92vw,520px);height:clamp(440px,54vh,490px);transform-style:preserve-3d;will-change:transform;position:relative}.exp-cylinder-card-wrap{--z:clamp(250px, 32vw, 380px);transform:rotateY(calc(var(--card-index) * 90deg)) translateZ(var(--z));transform-style:preserve-3d;will-change:transform, opacity;transition:opacity .5s,filter .5s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.exp-cylinder-card-wrap.card-front{opacity:1;filter:blur();z-index:10;pointer-events:auto}.exp-cylinder-card-wrap.card-left,.exp-cylinder-card-wrap.card-right{opacity:.42;filter:blur(1.5px);z-index:5;cursor:pointer}.exp-cylinder-card-wrap.card-left:hover,.exp-cylinder-card-wrap.card-right:hover{opacity:.75;filter:blur(.5px)}.exp-cylinder-card-wrap.card-back{opacity:.12;filter:blur(3.5px);pointer-events:none;z-index:1}.exp-card-inner{border:1px solid var(--border-medium);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;background:#0b0f22f5;flex-direction:column;justify-content:space-between;height:100%;padding:1.35rem 1.55rem;transition:border-color .4s,box-shadow .4s,transform .4s;display:flex;overflow-y:auto;box-shadow:0 16px 40px #000000b3}.is-active-front .exp-card-inner{border-color:var(--accent-violet);box-shadow:0 20px 50px #000c,0 0 30px #8b5cf659}.exp-card-number{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.08em;font-size:.66rem;font-weight:700}.timeline-role{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.12rem;font-weight:700;line-height:1.25}.timeline-desc{color:var(--text-secondary);margin:.3rem 0 .45rem;font-size:.86rem;line-height:1.45}.timeline-bullets{flex-direction:column;gap:.32rem;margin-top:.25rem;padding:0;list-style:none;display:flex}.org-name{color:#fff;font-weight:700}.org-sep{color:var(--border-medium)}.org-loc{color:var(--text-muted)}.exp-card-footer{border-top:1px solid #8b5cf62e;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.55rem;display:flex}.exp-pill-tag{font-family:var(--font-mono);color:var(--accent-violet);background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:600}.exp-front-indicator{font-family:var(--font-mono);color:#10b981;letter-spacing:.06em;font-size:.65rem;font-weight:700}.exp-3d-controls-bar{border-top:1px solid #8b5cf633;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.btn-exp-nav{color:#fff;font-family:var(--font-mono);cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf659;border-radius:8px;padding:.55rem 1.15rem;font-size:.82rem;font-weight:600;transition:all .2s}.btn-exp-nav:hover{background:var(--accent-violet);border-color:var(--accent-violet);transform:translateY(-2px);box-shadow:0 0 16px #8b5cf680}@media (width<=680px){.exp-3d-perspective-stage{height:520px}.exp-3d-cylinder{width:92vw;height:480px}.exp-card-inner{padding:1.25rem 1.15rem}.timeline-role{font-size:1.05rem}.timeline-desc{font-size:.82rem;line-height:1.4}.timeline-bullets li{font-size:.78rem;line-height:1.35}.btn-exp-nav{padding:.45rem .85rem;font-size:.76rem}}.exp-drag-hint{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:.72rem}.exp-education-section{border-top:1px solid #8b5cf633;margin-top:3.5rem;padding-top:2.5rem}.education-section-header{margin-bottom:2rem}.education-cards-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=860px){.education-cards-grid{grid-template-columns:repeat(2,1fr)}}.exp-edu-layout{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=960px){.exp-edu-layout{grid-template-columns:1.15fr .85fr}}.timeline-track{flex-direction:column;gap:2.25rem;padding-left:1.5rem;display:flex;position:relative}.timeline-track:before{content:"";background:linear-gradient(180deg, var(--accent-violet) 0%, var(--border-medium) 100%);width:2px;position:absolute;top:0;bottom:0;left:6px}.timeline-item{position:relative}.timeline-node-dot{background:var(--bg-main);border:3px solid var(--accent-violet);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-1.5rem;transform:translate(-50%);box-shadow:0 0 10px #8b7cff66}.timeline-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);padding:1.5rem}.timeline-card:hover{border-color:var(--accent-cyan);background:var(--bg-surface-2)}.timeline-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;display:flex}.timeline-role{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.3}.timeline-date-badge{font-family:var(--font-mono);color:var(--accent-cyan);background:var(--accent-cyan-subtle);border-radius:var(--radius-xs);border:1px solid #72d5e840;padding:.2rem .55rem;font-size:.74rem}.timeline-org{font-family:var(--font-mono);color:var(--accent-violet);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.82rem;display:flex}.timeline-desc{color:var(--text-secondary);font-size:.94rem;line-height:1.6}.timeline-bullets{flex-direction:column;gap:.45rem;margin-top:.75rem;list-style:none;display:flex}.timeline-bullets li{color:var(--text-secondary);padding-left:1.1rem;font-size:.9rem;line-height:1.5;position:relative}.timeline-bullets li:before{content:"▪";color:var(--accent-cyan);position:absolute;left:0}.education-cards{flex-direction:column;gap:1.5rem;display:flex}.edu-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);padding:1.75rem;position:relative}.edu-card:hover{border-color:var(--accent-violet);background:var(--bg-surface-2)}.edu-degree{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.edu-school{font-family:var(--font-body);color:var(--accent-cyan);margin-bottom:.75rem;font-size:.95rem}.edu-badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.edu-pill{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--bg-surface-2);border:1px solid var(--border-medium);color:var(--text-secondary);padding:.25rem .65rem;font-size:.76rem}.edu-pill.highlight{background:var(--accent-emerald-subtle);color:var(--accent-emerald);border-color:#10b9814d;font-weight:600}.certs-editorial-section{background:var(--bg-main);border-bottom:1px solid var(--border-subtle);padding:6.5rem 0;position:relative}.certs-toggle-bar{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px;display:flex}.certs-toggle-btn{border-radius:var(--radius-xs);font-family:var(--font-display);color:var(--text-secondary);transition:var(--transition-fast);padding:.45rem 1rem;font-size:.85rem;font-weight:600}.certs-toggle-btn.active{background:var(--accent-violet);color:#080a10}.certs-grid-view{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem;display:grid}@media (width>=640px){.certs-grid-view{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.certs-grid-view{grid-template-columns:repeat(3,1fr)}}.cert-card-item{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;display:flex}.cert-card-item:hover{border-color:var(--accent-cyan);background:var(--bg-surface-2);transform:translateY(-2px)}.contact-grid{grid-template-columns:1fr;gap:3.5rem;display:grid}@media (width>=900px){.contact-grid{grid-template-columns:1.15fr .85fr}}.contact-headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.25rem;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:800;line-height:1.15}.contact-subtext{color:var(--text-secondary);max-width:540px;margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.direct-contact-cards{flex-direction:column;gap:1rem;display:flex}.contact-card-interactive{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:var(--transition-base);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.contact-card-interactive:hover{border-color:var(--accent-violet);background:var(--bg-surface-2)}.contact-card-info{align-items:center;gap:1rem;display:flex}.contact-card-icon{border-radius:var(--radius-sm);background:var(--bg-surface-2);border:1px solid var(--border-medium);width:44px;height:44px;color:var(--accent-violet);justify-content:center;align-items:center;font-size:1.15rem;display:flex}.contact-card-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-size:.74rem}.contact-card-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:700}.copy-btn{border-radius:var(--radius-xs);background:var(--bg-surface-2);border:1px solid var(--border-medium);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.78rem;display:inline-flex}.copy-btn:hover{background:var(--accent-violet);color:#080a10;border-color:var(--accent-violet)}.copy-btn.copied{background:var(--accent-emerald-subtle);border-color:var(--accent-emerald);color:var(--accent-emerald)}.footer-editorial{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:3.5rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-left{flex-direction:column;gap:.25rem;display:flex}.footer-brand-title{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:700}.footer-copy{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.footer-nav{gap:1.5rem;list-style:none;display:flex}.footer-nav a{color:var(--text-secondary);font-size:.88rem}.footer-nav a:hover{color:var(--accent-cyan)}.back-to-top-btn{font-family:var(--font-mono);color:var(--accent-cyan);border-radius:var(--radius-xs);background:var(--bg-surface-2);border:1px solid var(--border-medium);align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.78rem;display:inline-flex}.back-to-top-btn:hover{background:var(--accent-cyan);color:#080a10}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.floating-center-nav-wrap{z-index:110;display:none;position:fixed;top:14px;left:50%;transform:translate(-50%)}@media (width>=820px){.floating-center-nav-wrap{display:block}}.nav-morph-box{-webkit-backdrop-filter:blur(16px);background:#0a0e1aeb;border:1px solid #1c00f066;transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 20px #8b7cff33}.nav-morph-box.collapsed{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),border-radius .35s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s,transform .2s;display:flex}.nav-morph-box.collapsed:hover{border-color:var(--accent-violet);transform:scale(1.05);box-shadow:0 0 22px #8b5cf680,inset 0 0 12px #8b5cf633}.compact-square-trigger{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.square-dot{background:var(--accent-cyan);width:4px;height:4px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%}.square-text{flex-direction:column;align-items:center;line-height:1;display:flex}.square-mark{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:.85rem;font-weight:800}.square-hint{font-family:var(--font-mono);color:var(--accent-violet);letter-spacing:.08em;margin-top:2px;font-size:.55rem}.nav-morph-box.expanded{border-color:var(--accent-violet);border-radius:99px;align-items:center;width:min(95vw,1100px);height:60px;padding:0 1.25rem;display:flex;box-shadow:0 15px 40px #000000b3,0 0 25px #8b5cf659}.expanded-nav-content{justify-content:space-between;align-items:center;width:100%;animation:.25s ease-out fadeInNav;display:flex}@keyframes fadeInNav{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.expanded-nav-brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.expanded-nav-links{align-items:center;gap:clamp(.25rem,.85vw,1rem);margin:0;padding:0;list-style:none;display:flex}.expanded-nav-link{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;border-radius:99px;padding:6px clamp(6px,.75vw,12px);font-size:clamp(.72rem,.8vw,.82rem);text-decoration:none;transition:all .2s}.expanded-nav-link:hover{color:#fff;background:#ffffff14}.expanded-nav-link.active{color:#fff;background:var(--accent-violet);box-shadow:0 0 12px #8b7cff99}.expanded-nav-actions{align-items:center;gap:.6rem;display:flex}.mobile-only-topbar{border-bottom:1px solid var(--border-subtle);z-index:100;background:#080a10f2;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex;position:sticky;top:0}@media (width>=820px){.mobile-only-topbar{display:none}}.hero-pop-letter{will-change:transform, opacity;animation:1.1s cubic-bezier(.16,1,.3,1) backwards heroAsm;display:inline-block}@keyframes heroAsm{0%{transform:translate(var(--dx), var(--dy)) rotate(var(--r));opacity:0;filter:blur(8px)}to{opacity:1;filter:blur();transform:translate(0)rotate(0)}}