.loginPageContent{display:flex;justify-content:center;align-items:center;height:100vh}.loginPageContent #loginBoxWrapper{width:min(500px,90vw);box-shadow:0 24px 64px #0d152b38,0 4px 16px #0d152b1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background-color:#fbfbfbed!important;border:1px solid rgba(255,255,255,.5);border-radius:28px!important;padding:40px}.loginPageContent #loginBoxWrapper .titleWrapper{text-align:center}.loginPageContent #loginBoxWrapper .titleWrapper h2{font-size:1.5rem;font-weight:700;color:var(--font-color);letter-spacing:-.01em}.loginPageContent #loginBoxWrapper .loginDivider{width:100%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-primary) 15%,transparent),transparent);margin-bottom:1.5rem}.loginPageContent #loginBoxWrapper .loginBtnWrapper tmb-button{display:block;transition:transform .15s ease,filter .15s ease}.loginPageContent #loginBoxWrapper .loginBtnWrapper tmb-button:hover{transform:translateY(-2px);filter:brightness(1.08) drop-shadow(0 6px 14px rgba(0,153,216,.35))}.loginPageContent #loginBoxWrapper .loginBtnWrapper tmb-button:active{transform:translateY(0);filter:brightness(.96)}.loginPageContent #loginBoxWrapper .loginBtnWrapper .loginSpinner{cursor:default;pointer-events:none}.loginPageContent #loginBoxWrapper .formWrapper{width:100%}.loginPageContent #loginBoxWrapper .formWrapper .vraagTitel{font-size:.82rem;font-weight:600;color:var(--font-color);margin-bottom:.3rem;letter-spacing:.01em}.loginPageContent #loginBoxWrapper .formWrapper .requiredQuestion{margin-bottom:1.1rem}.projectCardWrapper{position:absolute;right:0;bottom:0;margin:10px;text-align:center}.projectCardWrapper .projectImg{object-fit:contain;width:180px;padding:0 1rem}@media screen and (max-width:768px){.loginPageContent{height:auto;margin-top:70px}.loginPageContent #loginBoxWrapper{width:92vw;padding-left:1.5rem!important;padding-right:1.5rem!important}.projectCardWrapper{position:static}.projectCardWrapper .projectImg{margin:auto}}