:root{--bg: #0a1114;--cyan: #57d9c4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:#e7f1ee;font-family:IBM Plex Sans,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--cyan);color:#0a1114}button,select{font-family:inherit}select:focus,button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg);padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-logo{color:#e7f1ee;text-decoration:none;font-weight:500}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:20px}.nav-menu a{color:#a3b8b5;text-decoration:none;font-size:14px;transition:color .2s ease}.nav-menu a:hover{color:var(--cyan)}.menu-toggle,.menu-close{display:none;background:none;border:none;cursor:pointer;padding:0}@media (max-width: 768px){.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle .bar{width:22px;height:2px;background-color:#e7f1ee;border-radius:1px}.nav-menu{display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;padding:80px 40px;z-index:9999}.nav-menu a{color:#0a1114;font-size:18px;font-weight:500;display:block;margin-bottom:24px}.nav-menu a:hover{color:var(--cyan)}.nav-menu.active{display:flex}.menu-close{display:block;position:absolute;top:20px;right:25px;font-size:32px;color:#0a1114;line-height:1}}.menu-toggle,.menu-close{display:none}.nav-menu{display:flex;align-items:center;gap:4px}.nav-grid-container{display:flex;gap:4px}.nav-item-card{background:none;border:none;padding:14px 10px 12px;color:#a3b8b5;font-size:11.5px;white-space:nowrap}@media (max-width: 768px){.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px 0}.menu-toggle .bar{width:22px;height:2px;background-color:#e7f1ee;border-radius:1px}.nav-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg);padding:80px 20px 40px;z-index:99999;overflow-y:auto}.nav-menu.active{display:block}.nav-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.nav-menu .nav-item-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:#0f191d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;width:100%;min-height:100px;white-space:normal;text-align:left;transition:background .2s,border-color .2s}.nav-menu .card-code{color:var(--cyan);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.nav-menu .card-title{color:#e7f1ee;font-size:14px;font-weight:500;line-height:1.3;font-family:sans-serif}.nav-menu .nav-item-card.active-card{border-color:var(--cyan);background:#57d9c40a}.menu-close{display:block;position:absolute;top:20px;right:25px;font-size:36px;color:#e7f1ee;background:none;border:none;cursor:pointer;line-height:1}}