.projects-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--theme-bg,#1a1a1a)}.projects-page__container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1000px;padding:2rem}.projects-page__header{text-align:center;margin-bottom:3rem}.projects-page__header h1{font-size:2rem;font-weight:600;color:var(--theme-text,#fff);margin:0 0 .5rem}.projects-page__header p{font-size:1rem;color:var(--theme-elevation-700,#888);margin:0}.projects-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem;width:100%}.projects-page__card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--theme-elevation-50,#252525);border:1px solid var(--theme-elevation-150,#333);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.projects-page__card:hover{background:var(--theme-elevation-100,#2a2a2a);border-color:var(--theme-elevation-300,#444);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.projects-page__card:focus{outline:2px solid var(--theme-success-500,#22c55e);outline-offset:2px}.projects-page__card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--theme-elevation-200,#333);border-radius:6px;font-size:1.125rem;font-weight:600;color:var(--theme-text,#fff);flex-shrink:0}.projects-page__card-content{flex:1 1;min-width:0}.projects-page__card-title{display:block;font-size:.9375rem;font-weight:500;color:var(--theme-text,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-page__empty{text-align:center;padding:3rem;color:var(--theme-elevation-700,#888)}.projects-page__empty p{margin:.5rem 0}