.page{background-image:url(/root_background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;position:relative}.page .overlay{background:#00000080;position:absolute;inset:0}.page .content{z-index:10;flex-direction:column;align-items:center;gap:48px;height:100%;padding:64px 16px;display:flex;position:relative}.page .content .title{color:#fff;font-size:36px;font-weight:700}.page .content .grid{gap:24px;width:100%;max-width:896px;display:grid}@media (min-width:640px){.page .content .grid{grid-template-columns:repeat(2,1fr)}}.page .content .grid .card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:12px;text-decoration:none;transition:background .2s;overflow:hidden}.page .content .grid .card:hover{background:#fff3}.page .content .grid .card:hover .card-image{transform:scale(1.05)}.page .content .grid .card .card-image{object-fit:cover;width:100%;transition:transform .2s}.page .content .grid .card .card-body{padding:16px}.page .content .grid .card .card-body .card-title{color:#fff;font-size:18px;font-weight:600}
@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.page .content{gap:20px;padding:32px 16px}}