body:has(.login){min-height:100vh;background:radial-gradient(circle at 16% 18%,#256d68 0,#162c3c 35%,#091827 82%)}
body:has(.login) header{display:none}body:has(.login) #app{max-width:none;min-height:100vh;margin:0;padding:48px 6vw;display:grid;place-items:center;position:relative;overflow:hidden}
body:has(.login) #app:before{content:'MATCHGUARD';position:absolute;right:-4vw;bottom:4vh;font-size:clamp(64px,16vw,250px);font-weight:800;letter-spacing:-.08em;color:#fff;opacity:.035;pointer-events:none}
.login{width:min(100%,480px);margin:0!important;padding:42px!important;border:1px solid #ffffff36!important;border-radius:18px!important;background:linear-gradient(145deg,#ffffff 0%,#f1f7fb 100%)!important;box-shadow:0 28px 80px #020c1680!important;position:relative;z-index:1}.login:before{content:'✦  MatchGuard';display:block;color:#087452;font-size:14px;font-weight:700;letter-spacing:.04em;margin-bottom:24px}.login h1{font-size:34px!important;margin-bottom:10px!important}.login .eyebrow{display:none}.login label{color:#14294d}.login input{background:#fff!important;min-height:46px!important}.login button{width:100%;min-height:46px!important;margin-top:8px;background:linear-gradient(135deg,#098d57,#006837)!important;border:0!important}.login a{font-weight:600}.login p:last-child{margin-bottom:0}
@media(min-width:900px){body:has(.login) #app{place-items:center 62%}body:has(.login) #app:after{content:'Sicher durch den Spieltag';position:absolute;left:9vw;top:43%;max-width:280px;color:#fff;font-size:34px;font-weight:700;line-height:1.15;white-space:pre-wrap}}