*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex}@media(prefers-color-scheme:dark){body{background-color:#0f0f17;color:#cdd6f4}}@media(prefers-color-scheme:light){body{background-color:#f0f2f8;color:#1a1a2e}}.page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:1.5rem;box-sizing:border-box}.card-scene{width:min(560px,100%);aspect-ratio:1.75 / 1;perspective:1200px;position:relative}.flip-hint{position:absolute;bottom:-1.5rem;right:0;margin:0;font-size:.65rem;opacity:.45;-webkit-user-select:none;user-select:none;letter-spacing:.04em;cursor:pointer}.card-body{width:100%;height:100%;cursor:default}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1);border-radius:16px}.card-body.is-flipped .card-inner{transform:rotateY(180deg)}.card-body{cursor:pointer}.card-face{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 20px 60px #00000059,0 4px 16px #0003}@media(prefers-color-scheme:light){.card-face{background:#fff;color:#1a1a2e}.card-front{border-top:4px solid #3b5bdb}.card-back{background:linear-gradient(135deg,#1e3a8a,#1d4ed8,#2563eb);color:#e8f0fe;border:none}.card-name{color:#1a1a2e}.card-title{color:#3b5bdb}.card-company{color:#555}.card-links a{color:#3b5bdb}.card-links a:hover{color:#1d4ed8}.front-info:before{background:#e8edf8}}@media(prefers-color-scheme:dark){.card-face{background:#1e1e2e;color:#cdd6f4}.card-front{border-top:4px solid #7c9ef8}.card-back{background:linear-gradient(135deg,#0f172a,#1e3a8a,#1d4ed8);color:#e8f0fe;border:none}.card-name{color:#cdd6f4}.card-title{color:#7c9ef8}.card-company{color:#a6adc8}.card-links a{color:#7c9ef8}.card-links a:hover{color:#89b4fa}.front-info:before{background:#2a2a3e}}.card-front{display:flex;flex-direction:row;align-items:stretch}.front-photo{display:flex;align-items:flex-end;justify-content:center;padding:0 0 0 1.4rem;flex-shrink:0;width:28%}.front-photo img{width:100%;max-width:120px;object-fit:contain;object-position:bottom;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.front-info{flex:1;padding:1.1rem 1.2rem 1rem 1rem;display:flex;flex-direction:column;justify-content:center;position:relative}.card-name{margin:0 0 .15em;font-size:clamp(1rem,3.5vw,1.4rem);font-weight:700;letter-spacing:-.01em;line-height:1.2}.card-title{margin:0 0 .1em;font-size:clamp(.6rem,1.8vw,.78rem);font-weight:500;line-height:1.3}.card-company{margin:0 0 .55em;font-size:clamp(.6rem,1.6vw,.72rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase}.card-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25em;align-items:flex-start}.card-links li{width:fit-content}.card-links li a{display:inline-flex;align-items:center;gap:.4em;text-decoration:none;font-size:clamp(.55rem,1.6vw,.72rem);transition:opacity .2s}.card-links li a:hover{opacity:.8;text-decoration:underline}.card-links li a svg{width:clamp(10px,1.6vw,13px);height:clamp(10px,1.6vw,13px);flex-shrink:0}.card-back{transform:rotateY(180deg)}.back-content{padding:1rem 1.3rem;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.back-heading{margin:0 0 .25em;font-size:clamp(.55rem,1.5vw,.68rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.back-section{flex-shrink:0}.back-skills{margin:0;font-size:clamp(.55rem,1.4vw,.66rem);opacity:.9;line-height:1.5}.back-divider{height:1px;background:#fff3;margin:.4rem 0}.back-columns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.back-role{margin:0;font-size:clamp(.58rem,1.5vw,.7rem);font-weight:600;line-height:1.3}.back-meta{margin:0 0 .3em;font-size:clamp(.52rem,1.3vw,.62rem);opacity:.7;line-height:1.3}.back-stats{display:flex;justify-content:space-around;padding-top:.2rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.1em}.stat-number{font-size:clamp(1rem,3vw,1.3rem);font-weight:700;line-height:1}.stat-label{font-size:clamp(.5rem,1.3vw,.6rem);text-transform:uppercase;letter-spacing:.08em;opacity:.7}.stat-link{display:flex;flex-direction:column;align-items:center;gap:.1em;text-decoration:none;color:inherit;cursor:pointer;border-radius:.4rem;padding:.15rem .3rem;transition:background .15s ease,opacity .15s ease}.stat-link:hover{background:#ffffff26;opacity:1}.stat-link .stat-label{opacity:.7}.stat-link:hover .stat-label{opacity:1}@media(max-width:400px){.card-scene{aspect-ratio:unset;height:220px}.front-photo{width:22%;padding-left:.8rem}}