.tempia-login .login-grid{display:grid;align-content:center;justify-items:center;row-gap:1.25rem;grid-template-areas:"logo" "velkommen" "portal" "tekst"}.tempia-login .login-logo{grid-area:logo}.tempia-login .login-velkommen{grid-area:velkommen;width:100%;max-width:340px;height:52px}.tempia-login .login-portal{grid-area:portal}.tempia-login .login-tekst{grid-area:tekst;width:100%;max-width:360px}.tempia-login .login-tekst-anker{width:100%;aspect-ratio:3/2}@media (min-width:1024px){.tempia-login .login-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"logo velkommen" "tekst portal";-moz-column-gap:clamp(3rem,8vw,8rem);column-gap:clamp(3rem,8vw,8rem);row-gap:1.75rem;justify-items:stretch}.tempia-login .login-logo,.tempia-login .login-velkommen{align-self:end}.tempia-login .login-portal,.tempia-login .login-tekst{align-self:start}.tempia-login .login-velkommen{height:64px}.tempia-login .login-tekst{max-width:560px}}.tempia-login .login-portal{animation:login-inn .25s ease-out both}@keyframes login-inn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tempia-login .login-portal{animation:none}}.tempia-login .login-tekst-reserve{font-weight:600;font-size:clamp(28px,4.4vw,56px);line-height:1.14;color:#fff}.tempia-login .login-tekst-bla{color:#bfd8df}.tempia-login .login-microsoft{background-color:#fff;color:#0f172a}.tempia-login .login-microsoft:hover{background-color:#f1f5f9}.tempia-login .login-submit{background-color:#e2e8f0;color:#0f172a}.tempia-login .login-submit:hover{background-color:#fff}