.issue-card{background:#fff;border-radius:15px;padding:25px 20px;width:220px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px rgba(0,0,0,.08);border:3px solid transparent}.issue-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.issue-card.selected{border-color:#e75480;background:#ffe6ee;transform:translateY(-5px)}.issue-icon{font-size:3rem;margin-bottom:15px}.issue-name{font-weight:600;color:#555;font-size:1.1rem}.routine-step{background:#fff9fb;border-radius:15px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);border-left:5px solid #e75480;transition:all .3s}.routine-step:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.step-title{font-weight:700;color:#e75480;font-size:1.3rem}.step-duration{color:#777;font-size:.9rem;background:#f0f0f0;padding:5px 12px;border-radius:20px}.step-description{line-height:1.6;color:#555}.product-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.05);text-align:center;transition:all .3s;border:2px solid #f0f0f0}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:#e75480}.product-icon{font-size:2.5rem;margin-bottom:15px}.product-name{font-weight:600;color:#555}.tip-item{background:#fff;padding:15px;border-radius:10px;display:flex;align-items:center;box-shadow:0 3px 10px rgba(0,0,0,.05)}@media (max-width:768px){.issue-card{width:160px;padding:20px 15px}}@media (max-width:480px){.issue-card{width:140px;padding:15px 10px}.issue-icon{font-size:2.5rem}}