*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#fff}body{overflow:hidden}.scene{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(#0001,#0003),url("windows11-wallpaper.svg") center/cover no-repeat;position:relative}.login-card{width:min(430px,92vw);text-align:center;padding:34px 38px 28px;border-radius:14px;background:rgba(30,35,42,.82);backdrop-filter:blur(28px) saturate(130%);border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 70px #0007}.avatar{width:92px;height:92px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#d7dbe0;color:#555;font-size:48px;border:1px solid #fff8}h1{font-size:28px;font-weight:500;margin:4px 0 4px}.hint{margin:0 0 22px;color:#eee}form{display:grid;gap:10px}input{width:100%;height:44px;padding:0 13px;border-radius:5px;border:1px solid #777;background:rgba(255,255,255,.94);color:#222;font:15px "Segoe UI"}form button{height:44px;border:0;border-radius:5px;background:#087cfb;color:#fff;font:15px "Segoe UI Semibold";cursor:pointer}form button:hover{background:#1688ff}.link{border:0;background:transparent;color:#fff;margin-top:16px;text-decoration:underline;cursor:pointer;font:14px "Segoe UI"}.sep{margin:22px 0 12px;color:#ddd;border-top:1px solid #ffffff25;padding-top:16px}.bottom{position:absolute;left:0;right:0;bottom:0;height:58px;display:flex;align-items:center;justify-content:flex-end;gap:25px;padding:0 28px;background:#1118;font-size:13px;color:#eee}#msg{min-height:22px;margin-top:12px;color:#ffb4b4;font-size:13px}@media(max-width:600px){.login-card{padding:28px 22px}.bottom{gap:12px;padding:0 14px;font-size:12px}}