.category-container{text-align:center;padding:6rem}.category-container h1{font-family:Poppins;font-size:32px;font-weight:700;line-height:48px;text-align:center}.category-container p{color:#777;margin-bottom:2rem}.category-card.selected{font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.category-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:10px;background-color:#f8f9fa;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s,background-color .2s;cursor:pointer}.category-card:hover{transform:scale(1.05)}.category-card.selected{background-color:#6b5b95;color:#fff}.category-icon{width:80px;height:80px;padding:20px;border-radius:50%;font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.check-icon{position:absolute;top:10px;right:10px;font-size:1.5rem;color:#fff}.next-button{margin-top:1.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:700;color:#fff;background-color:#ff3b3f;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.next-button:hover{background-color:#ff6163}.category-green{background-color:#e6f4ea}.category-lightgreen{background-color:#e6f8f4}.category-lavender{background-color:#f0e6fa}.category-pink{background-color:#fae6eb}.category-lightblue{background-color:#e6f0fa}.category-beige{background-color:#faece6}.category-blue{background-color:#e6f0fc}.category-lightpurple{background-color:#fbe6fa}.category-lightyellow{background-color:#faf7e6}.category-card p{margin:0;font-size:1rem;font-weight:700}@media (max-width:375px){.category-container{padding:1rem}.category-container h1{font-size:24px;line-height:32px}.category-container p{font-size:14px}.category-card{padding:1rem;font-size:14px}.category-icon{font-size:1.8rem}.check-icon{font-size:1.2rem}.next-button{padding:.6rem 1.5rem;font-size:14px}}@media (min-width:320px) and (max-width:425px){.category-grid{grid-template-columns:repeat(1,1fr);gap:.8rem}}@media (min-width:426px) and (max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{padding:1.2rem}.category-icon{font-size:2rem}.next-button{font-size:1rem}}@media (min-width:769px) and (max-width:1200px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1201px){.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{padding:1.5rem}}