*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:#052451 url('../img/wallpaper-kluax-os.png') center/cover fixed;color:#fff;overflow:hidden}.login-shell{min-height:100vh;background:#001a3c55;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;position:relative}.login-brand{position:absolute;top:35px;left:40px}.login-brand img{width:245px;filter:brightness(0) invert(1)}.login-card{text-align:center;width:330px}.avatar{width:145px;height:145px;border-radius:50%;object-fit:cover;box-shadow:0 4px 20px #0005}.login-card h1{font-size:26px;font-weight:400}.login-card input{width:100%;height:42px;border:2px solid transparent;padding:9px 12px;font-size:16px;margin:5px 0;background:#fff}.password-wrap{display:flex}.password-wrap input{margin-right:0}.password-wrap button{width:48px;margin:5px 0;border:0;background:#0878d1;color:#fff;font-size:22px}.login-error{background:#8e1b1be0;padding:10px;margin-bottom:10px}.login-bottom{position:absolute;bottom:28px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:14px}
.login-users{position:absolute;left:30px;bottom:70px;width:280px;display:flex;flex-direction:column;gap:6px}.login-users button{display:flex;align-items:center;gap:12px;border:0;background:#0b2745cc;color:#fff;padding:10px;text-align:left}.login-users button:hover{background:#14538a}.login-users img{width:48px;height:48px;border-radius:50%}.login-users span{display:flex;flex-direction:column}.login-users small{opacity:.75}@media(max-width:720px){.login-users{left:10px;right:10px;bottom:70px;width:auto;flex-direction:row;overflow:auto}.login-users button{min-width:180px}}
/* Kluax-OS 0.0.4 Sperrbildschirm */
.lock-screen{position:fixed;inset:0;z-index:20;background:#052451 url('../img/wallpaper-kluax-os.png') center/cover;color:#fff;overflow:hidden;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s;outline:0}.lock-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00142a22,#00142a66)}.lock-screen.hidden-up{transform:translateY(-105%);opacity:.3;pointer-events:none}.lock-time{position:absolute;left:58px;bottom:72px;z-index:2;text-shadow:0 2px 12px #0008}.lock-time #lockTime{font-size:82px;font-weight:200;line-height:1}.lock-time #lockDate{font-size:28px;margin-top:8px}.lock-notifications{position:absolute;right:42px;bottom:70px;width:min(390px,calc(100vw - 40px));z-index:2;display:flex;flex-direction:column;gap:8px}.lock-notifications article{display:flex;gap:13px;align-items:center;padding:13px 15px;background:#112b45d9;backdrop-filter:blur(18px);box-shadow:0 4px 18px #0004}.lock-notifications article>span{font-size:25px}.lock-notifications article>div{display:flex;flex-direction:column}.lock-notifications small{opacity:.75;margin-top:3px}.lock-hint{position:absolute;left:50%;bottom:20px;z-index:2;transform:translateX(-50%);font-size:13px;opacity:.78}.login-shell{transition:filter .35s,transform .35s}.login-shell.locked{filter:blur(10px);transform:scale(1.025);pointer-events:none}
@media(max-width:720px){.lock-time{left:25px;bottom:210px}.lock-time #lockTime{font-size:58px}.lock-time #lockDate{font-size:20px}.lock-notifications{left:20px;right:20px;bottom:55px;width:auto}.login-brand{display:none}}