.layout{display:flex;min-height:100vh;width:100%}.sidebar{width:185px;min-width:185px;background-color:#1b1b1b;display:flex;flex-direction:column;padding:60px 0}.sidebar-nav{display:flex;flex-direction:column;gap:0}.nav-category-wrapper{position:relative;width:100%}.nav-category-text{display:block;width:100%;text-align:right;font-family:Bebas Neue,sans-serif;font-size:7rem;line-height:.73;letter-spacing:1px;transition:color .3s ease;box-sizing:border-box;pointer-events:none}.nav-category-hitzone{position:absolute;top:-7px;left:0;width:100%;height:100%;cursor:pointer;z-index:1}.nav-category-text.tech{color:#7d6c43}.nav-category-text.tech.active,.nav-category-wrapper:has(.nav-category-hitzone:hover) .nav-category-text.tech{color:#e0bd6b}.nav-category-text.ai{color:#596f6f}.nav-category-text.ai.active,.nav-category-wrapper:has(.nav-category-hitzone:hover) .nav-category-text.ai{color:#98c4c4}.nav-category-text.body{color:#764038}.nav-category-text.body.active,.nav-category-wrapper:has(.nav-category-hitzone:hover) .nav-category-text.body{color:#d16655}.nav-category-text.mind{color:#4a6b4a}.nav-category-text.mind.active,.nav-category-wrapper:has(.nav-category-hitzone:hover) .nav-category-text.mind{color:#7cb87c}.main-container{flex:1;display:flex;flex-direction:column;background-color:#faf8f5}.top-nav{display:flex;justify-content:flex-end;padding:20px 40px;background-color:#faf8f5}.top-nav-links{display:flex;gap:40px}.top-nav-link{font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:1px;text-decoration:none;color:#1b1b1b;transition:opacity .3s ease}.top-nav-link:hover{opacity:.7}.top-nav-link.active{opacity:1;border-bottom:2px solid #1B1B1B}.content{flex:1;padding:40px;background-color:#faf8f5}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;min-width:100%;padding:30px 20px}.sidebar-nav{flex-direction:row;justify-content:center;gap:30px}.nav-category-text{font-size:2.5rem}.top-nav{justify-content:center;padding:15px 20px}.top-nav-links{gap:25px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{min-width:320px;min-height:100vh;background-color:#faf8f5;color:#1b1b1b}#root{height:100%;width:100%}h1{font-family:Bebas Neue,sans-serif;font-size:2.5em;line-height:1.1;letter-spacing:1px;margin-bottom:1rem}h2{font-family:Bebas Neue,sans-serif;font-size:1.8em;margin-bottom:1rem}p{margin-bottom:1rem;color:#333}a{color:inherit;text-decoration:none}.status{background:#f0ede8;padding:2rem;border-radius:8px;margin-top:2rem}.error{color:#d16655}.health-info p{margin:.5rem 0}