:root{--bg: #FFFFFF;--surface: #F8F8FA;--border: #E2E2E8;--text: #1A1A2E;--muted: #6B6B80;--accent: #5754FF;--accent-dim: rgba(87, 84, 255, .15);--accent-faint: rgba(87, 84, 255, .04);--accent-light: #9B99FF;--accent-dark: #363CCA;--accent-secondary: #4EEBF3;--bg-page: #F5F5F8;--font-mono: "IBM Plex Mono", monospace;--font-body: "Inter", sans-serif;--font-serif: "DM Serif Display", serif;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .08);--glass-blur: 40px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(87, 84, 255, .12);--shadow-glow-strong: 0 0 30px rgba(87, 84, 255, .2);--gradient-accent: linear-gradient(86deg, #5754FF 0%, #9B99FF 100%);--gradient-hero: linear-gradient(90deg, #D499FE 0%, #5754FF 50%, #4EEBF3 100%);--gradient-text: linear-gradient(90deg, #5F6BFF 0%, #A080F8 60%, #F08AAE 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.03) 0%, transparent 100%);--gradient-section: radial-gradient(ellipse at 50% 0%, rgba(87, 84, 255, .03) 0%, transparent 60%);--dark-bg: #0A0A0B;--dark-surface: #111114;--dark-text: #FFFFFF;--dark-muted: #C4C4C4;--dark-border: rgba(255, 255, 255, .08);--content-width: 1152px;--section-pad: clamp(128px, 16vh, 220px);--section-pad-sm: clamp(80px, 10vh, 160px);--heading-editorial: clamp(56px, 9vw, 120px);--stat-editorial: clamp(48px, 8vw, 96px);--gui-heading: clamp(48px, 6.5vw, 84px);--gui-subheading: clamp(22px, 2.5vw, 32px);--gui-body: 16px;--gui-small: 13px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chipFlash{0%{background:var(--accent);color:var(--bg)}to{background:transparent;color:var(--accent)}}::selection{background:var(--accent-dim);color:var(--text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.window-frame-backdrop{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--bg-page);padding:20px}.window-frame{display:flex;flex-direction:column;width:100%;max-width:720px;height:85dvh;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 24px #0006,0 1px 4px #0003;overflow:hidden}.window-titlebar{display:flex;align-items:center;height:40px;padding:0 14px;background:#1a1a22;border-bottom:1px solid var(--border);flex-shrink:0;user-select:none;-webkit-user-select:none}.window-dots{display:flex;gap:8px;flex-shrink:0}.window-dot{width:12px;height:12px;border-radius:50%;border:none;padding:0;cursor:default;transition:filter .15s ease}.window-dot:hover{filter:brightness(1.2)}.window-dot--close{background:#ff5f57}.window-dot--minimize{background:#febc2e}.window-dot--maximize{background:#28c840}.window-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--text);opacity:.85;margin-right:52px}.window-frame-content{flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:768px){.window-frame-backdrop{padding:8px}.window-frame{height:calc(100dvh - 16px);border-radius:10px}.window-titlebar{height:34px;padding:0 10px}.window-dot{width:10px;height:10px}.window-dots{gap:6px}.window-title{font-size:11px;margin-right:42px}}@media(prefers-reduced-motion:reduce){.window-dot{transition:none}}.screen{display:flex;flex-direction:column;height:100%;background:var(--bg);padding:0 24px;overflow-y:auto;position:relative}.screen-content{padding-top:8px}.terminal-prompt{font-family:var(--font-mono);font-size:15px;line-height:1.8;color:var(--text);-webkit-user-select:none;user-select:none}.screen-chips{padding:20px 0;flex-shrink:0}.role-cards{display:flex;flex-direction:column;gap:6px;margin-top:16px;margin-bottom:8px}.role-card{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--border);border-left:3px solid var(--accent-dim);border-radius:4px;padding:14px 16px;cursor:pointer;transition:border-color .2s ease,background .2s ease,border-left-color .2s ease;font-family:inherit;animation:cardIn .3s ease both}.role-card:nth-child(1){animation-delay:0s}.role-card:nth-child(2){animation-delay:.05s}.role-card:nth-child(3){animation-delay:.1s}.role-card:nth-child(4){animation-delay:.15s}.role-card:nth-child(5){animation-delay:.2s}.role-card:nth-child(6){animation-delay:.25s}.role-card:nth-child(7){animation-delay:.3s}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.role-card:hover,.role-card:focus-visible{border-color:var(--accent-dim);border-left-color:var(--accent);background:var(--accent-faint)}.role-card-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.04em;margin-bottom:4px;opacity:.8}.role-card-title{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--text);letter-spacing:-.02em;margin-bottom:4px}.role-card-liner{font-family:var(--font-body);font-size:13px;color:var(--muted);line-height:1.5}.instant-content,.static-content{font-family:var(--font-mono);font-size:15px;line-height:1.8;color:var(--text);margin-top:16px}.instant-content p,.static-content p{margin:0}.spacer{min-height:1.2em}.testimonial-item{margin:0 0 12px;padding:0;border:none;font-style:normal}.testimonial-item p{color:var(--muted)}.testimonial-item cite{font-style:normal;font-size:13px;color:var(--muted);opacity:.7}.career-trajectories{margin-top:16px;font-size:13px;color:var(--muted)}.about-content{font-family:var(--font-mono);font-size:15px;line-height:1.8;color:var(--text)}.about-content p{margin:0}.about-name{margin-top:12px!important}.about-quote{margin:16px 0;padding:0;border:none;font-style:normal}.about-quote p{color:var(--muted)}.about-quote cite{font-style:normal;font-size:13px;color:var(--muted);opacity:.7}.about-direct{margin-top:12px!important}.about-links{margin-top:16px;display:flex;flex-direction:column;gap:4px}.about-links a{font-family:var(--font-mono);font-size:13px;color:var(--accent);text-decoration:none;width:fit-content}.about-links a:hover{border-bottom:1px solid var(--accent)}.role-detail-content{font-family:var(--font-mono);font-size:15px;line-height:1.8;color:var(--text)}.role-detail-header{color:var(--accent);margin-bottom:4px}.role-detail-meta{font-size:13px;color:var(--muted);margin-bottom:16px}.role-detail-liner,.role-detail-own{margin-bottom:16px}.role-detail-worth{color:var(--muted);font-size:14px}.role-detail-footer{margin-top:20px;font-family:var(--font-mono);font-size:12px;color:var(--muted);opacity:.6;letter-spacing:.04em}.contact-actions{margin-top:20px}.contact-email-link{display:inline-block;font-family:var(--font-mono);font-size:15px;color:var(--accent);text-decoration:none;border:1px solid var(--accent-dim);border-radius:6px;padding:12px 24px;transition:background .2s ease}.contact-email-link:hover{background:var(--accent-faint)}.blue-pill-cursor .cursor-block{display:inline-block;width:.6em;height:1.15em;background:var(--text);vertical-align:text-bottom;animation:blink 1s step-end 3}.blue-pill-cursor--dead .cursor-block{animation:cursorDie 1.5s ease-out forwards}@keyframes cursorDie{0%{opacity:1}to{opacity:0}}.blue-pill-revival{margin-top:32px;font-family:var(--font-mono);font-size:13px;color:var(--muted);opacity:0;animation:fadeInSlow 2s ease forwards}@keyframes fadeInSlow{0%{opacity:0}to{opacity:.35}}.brief-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:30}.brief-modal{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:24px;width:100%;max-width:360px;font-family:var(--font-mono);font-size:14px;color:var(--text)}.brief-title{margin:0 0 16px;color:var(--accent);font-size:13px}.brief-modal form{display:flex;gap:8px;margin-bottom:12px}.brief-input{flex:1;background:transparent;border:1px solid var(--border);border-radius:4px;padding:8px 12px;color:var(--text);font-family:var(--font-mono);font-size:14px;outline:none;caret-color:var(--accent)}.brief-input:focus{border-color:var(--accent-dim)}.brief-submit{background:var(--accent);color:var(--bg);border:none;border-radius:4px;padding:8px 16px;font-family:var(--font-mono);font-size:13px;cursor:pointer}.brief-submit:hover{opacity:.9}.brief-close{background:none;border:none;color:var(--muted);font-family:var(--font-mono);font-size:12px;cursor:pointer;padding:0}.brief-close:hover{color:var(--text)}@media(max-width:768px){.screen{padding:0 16px}.role-card{padding:12px 14px}.role-card-title{font-size:14px}.role-card-liner{font-size:12px}}@media(prefers-reduced-motion:reduce){.blue-pill-cursor .cursor-block,.blue-pill-cursor--dead .cursor-block{animation:none}.blue-pill-revival{animation:none;opacity:.35}}
