.guides-page{background-color:var(--color-background);min-height:calc(100vh - 200px);padding:2rem 0}.guides-header{margin-bottom:3rem}.guides-title{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em;margin-bottom:1rem}.guides-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.guides-list{margin-top:3rem}.guide-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);height:100%;color:inherit;box-shadow:var(--shadow-sm);flex-direction:column;padding:2rem;text-decoration:none;transition:all .3s;display:flex}.guide-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);color:inherit;text-decoration:none;transform:translateY(-4px)}.guide-card-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);border-radius:var(--radius-md);width:60px;height:60px;color:var(--color-surface);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.guide-card-content{flex-direction:column;flex:1;display:flex}.guide-card-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;display:flex}.guide-category{background-color:var(--color-background);color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);border:1px solid var(--color-primary);padding:.25rem .75rem}.guide-read-time{color:var(--color-text-muted);align-items:center;display:flex}.guide-card-title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:1rem;line-height:1.3}.guide-card-description{color:var(--color-text-secondary);flex:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.guide-card-footer{margin-top:auto}.guide-read-more{color:var(--color-primary);font-weight:var(--font-weight-medium);align-items:center;transition:all .3s;display:inline-flex}.guide-card:hover .guide-read-more{transform:translate(4px)}.guides-empty{background-color:var(--color-surface);border-radius:var(--radius-md);border:2px dashed var(--color-border);padding:4rem 2rem}.guides-empty-icon{color:var(--color-text-muted);margin-bottom:1rem;font-size:4rem}.guides-empty-text{color:var(--color-text-muted);font-size:1.125rem}@media (max-width:768px){.guides-title{font-size:2rem}.guides-subtitle{font-size:1.1rem}.guide-card{padding:1.5rem}.guide-card-title{font-size:1.25rem}}