.routine-discovery{padding-block:48px 64px}.routine-discovery>.title{margin-bottom:32px}.routine-discovery>.title p{font-size:16px;line-height:2;color:#74858b}
.routine-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.routine-category{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:26px 22px;border:1px solid #e1e9e5;border-radius:17px;background:linear-gradient(150deg,#f1f6f2,#fff 65%);transition:box-shadow .2s,transform .2s}.routine-category:nth-child(2){background:linear-gradient(150deg,#edf4f7,#fff 65%)}.routine-category:nth-child(3){background:linear-gradient(150deg,#f8f1ea,#fff 65%)}.routine-category:nth-child(4){background:linear-gradient(150deg,#faeeed,#fff 65%)}
.routine-category-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8e4df;border-radius:50%;font-size:17px;color:#52786f;background:#ffffffa0;margin-bottom:28px}.routine-category h2{font-size:23px;line-height:1.8;color:#164b55;margin:0 0 12px}.routine-category-count{font-size:14px;line-height:2;color:#7c8b90;margin:0 0 24px}.routine-category .btn{margin-top:auto;width:100%;display:flex;justify-content:space-between;gap:10px;min-height:44px;padding:10px 17px;font-size:14px}.routine-category .btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.routine-category:hover{transform:translateY(-3px);box-shadow:0 12px 30px #254b4510}
@media(max-width:1000px){.routine-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-category h2{font-size:22px}}
@media(max-width:480px){.routine-category-grid{grid-template-columns:1fr;gap:16px}.routine-category{padding:24px}.routine-category-number{margin-bottom:18px}.routine-discovery{padding-block:30px 40px}}
@media(prefers-reduced-motion:reduce){.routine-category{transition:none}}