.recommend{padding:70px 0 0}.recommend h2{font-size:32px;margin:7px 0 20px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mood-grid a{padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#121c31,#0b1221);color:white;text-decoration:none;transition:.25s}.mood-grid a:hover{transform:translateY(-4px);border-color:#7b64ff77;box-shadow:0 20px 55px #0005}.mood-grid b,.mood-grid span{display:block}.mood-grid b{font-size:15px}.mood-grid span{margin-top:7px;color:var(--muted);font-size:10px}.grid article{opacity:0;transform:translateY(14px)}.grid article.revealed{opacity:1;transform:none;transition:opacity .45s,transform .45s,border-color .2s}.cover{position:relative;overflow:hidden}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070b16c9,transparent 55%);opacity:.55;transition:.25s}.cover em{position:absolute;z-index:2;right:14px;top:14px;padding:7px 10px;border:1px solid #fff3;border-radius:9px;background:#080d18b8;color:white;font-size:8px;font-style:normal;opacity:0;transform:translateY(-5px);transition:.2s}.grid article:hover .cover em{opacity:1;transform:none}.grid article:hover .cover:after{opacity:.85}.rating{color:#ffce66}.site-footer{display:grid;grid-template-columns:1fr 180px 180px;gap:35px;padding:42px 0 55px}.site-footer>div p{color:var(--muted);font-size:10px}.site-footer section{display:grid;gap:8px}.site-footer section b{font-size:11px;margin-bottom:5px}.site-footer section a{font-size:10px}@media(max-width:850px){.mood-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.site-footer{grid-template-columns:1fr}.grid article{opacity:1;transform:none}}