#recommendactivity.container{display:flex;justify-content:center;align-items:center;max-width:none!important;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:16px}#recommendactivity .card{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.15);max-width:500px;width:100%;padding:24px;text-align:center}#recommendactivity .title{font-size:24px;font-weight:700;color:#333;margin-bottom:24px}#recommendactivity .question{font-size:18px;color:#555;margin-bottom:24px}#recommendactivity .options{display:flex;flex-direction:column;gap:16px}#recommendactivity .button{background:#e24a4a;color:#fff;font-size:16px;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}#recommendactivity .button:hover{background:#bd3535;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}#recommendactivity .result-activity{font-size:18px;font-weight:700;color:#e24a4a;margin-bottom:16px}#recommendactivity .result-description{font-size:16px;color:#555;line-height:1.5}#recommendactivity .restart-button{margin-top:16px;background:#ff6f61}#recommendactivity .restart-button:hover{background:#d44c4c}#recommendactivity .recommendation{background-color:#fac9c9;border:none;border-radius:10px;padding:10px;margin-top:10px;width:100%;cursor:pointer;color:#3f0000;font-weight:bolder}@media (max-width:830px){#recommendactivity.container{height:1000px}}