body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;box-sizing:border-box;background-color:#282c34;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:10px;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.github-icon{width:20px;height:20px;padding-right:5px}.link-section{width:100%;max-width:700px;margin:10px 0}.link-section-title{color:#61dafb;text-align:left;border-left:3px solid #61dafb;margin-bottom:8px;padding-left:8px;font-size:1rem}.link-tiles-container{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 5px;display:flex}.link-tile{color:#fff;cursor:pointer;background-color:#3a3f47;border-radius:10px;flex-direction:column;flex:calc(25% - 10px);justify-content:center;align-items:center;min-width:100px;max-width:calc(25% - 10px);padding:12px 10px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #0003}@media (width<=768px){.link-tile{flex:calc(50% - 10px);max-width:calc(50% - 10px)}}@media (width<=480px){.link-section{margin:8px 0}.link-section-title{margin-bottom:6px;font-size:.9rem}.link-tiles-container{gap:8px}.link-tile{flex:calc(50% - 8px);min-width:80px;max-width:calc(50% - 8px);padding:10px 8px}.link-tile-icon{width:25px;height:25px;margin-bottom:5px}.link-tile-label{font-size:.7rem}}.link-tile:hover,.link-tile:focus-visible{transform:scale(1.05);box-shadow:0 8px 20px #0006}.link-tile:focus-visible{outline-offset:2px;outline:2px solid #61dafb}@media (prefers-reduced-motion:reduce){.link-tile{transition:none}.link-tile:hover,.link-tile:focus-visible{transform:none}}.link-tile-icon{object-fit:contain;width:35px;height:35px;margin-bottom:8px}.link-tile-label{text-align:center;font-size:.9rem}.stats-section{width:100%;max-width:700px;margin:10px 0}.stats-section-title{color:#61dafb;text-align:left;border-left:3px solid #61dafb;margin-bottom:8px;padding-left:8px;font-size:1rem}.stats-tiles-container{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 5px;display:flex}.stat-tile{color:#fff;background-color:#3a3f47;border-radius:10px;flex-direction:column;flex:calc(25% - 10px);justify-content:center;align-items:center;min-width:100px;max-width:calc(25% - 10px);padding:12px 10px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #0003}@media (width<=768px){.stat-tile{flex:calc(50% - 10px);max-width:calc(50% - 10px)}}@media (width<=480px){.stats-section{margin:8px 0}.stats-section-title{margin-bottom:6px;font-size:.9rem}.stats-tiles-container{gap:8px}.stat-tile{flex:calc(50% - 8px);min-width:80px;max-width:calc(50% - 8px);padding:10px 8px}.stat-tile-value{font-size:1rem}.stat-tile-label{font-size:.65rem}}.stat-tile:hover{transform:scale(1.05);box-shadow:0 8px 20px #0006}.stat-tile-value{color:#61dafb;margin-bottom:5px;font-size:1.2rem;font-weight:700}.stat-tile-label{text-align:center;opacity:.9;font-size:.75rem}.profile-hero{background-color:#3a3f47;border-radius:12px;align-items:center;gap:20px;max-width:700px;margin:15px 0;padding:15px;display:flex;box-shadow:0 4px 15px #0000004d}.profile-photo-container{flex-shrink:0}.profile-photo{border-radius:8px;width:120px;height:auto;box-shadow:0 2px 10px #0000004d}.profile-info{text-align:left;flex:1}.profile-name{color:#fff;margin:0 0 5px;font-size:1.4rem;font-weight:700}.profile-title{color:#61dafb;margin:0 0 10px;font-size:.95rem;font-weight:400}.profile-bio{color:#ccc;margin:0;font-size:.75rem;line-height:1.5}@media (width<=768px){.profile-hero{text-align:center;flex-direction:column;padding:15px 10px}.profile-info{text-align:center}.profile-photo{width:100px}}@media (width<=480px){.profile-hero{gap:12px;margin:10px 5px;padding:12px 10px}.profile-photo{width:80px}.profile-name{font-size:1.1rem}.profile-title{margin-bottom:8px;font-size:.8rem}.profile-bio{font-size:.65rem;line-height:1.4}}