*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#242424;color:#fff;font-family:Arial,Helvetica,sans-serif}body{min-height:100svh}button,input{font:inherit}.landing{position:fixed;inset:0;overflow:hidden}.scene{position:absolute;inset:-2%;background:#424242 url('lounge.jpg') 56% 55%/cover no-repeat;filter:grayscale(1);will-change:transform;animation:drift 28s ease-in-out infinite alternate}.veil{position:absolute;inset:0;background:linear-gradient(180deg,#00000012,#00000003 40%,#0000004a)}.login{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;max-width:calc(100% - 40px);padding:36px 30px 30px;border:1px solid #ffffff52;background:#ffffff0a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 14px 60px #0000000c}.login input:not([type=hidden]){display:block;width:100%;height:44px;border:0;border-bottom:1px solid #ffffff8a;background:transparent;border-radius:0;color:#fff;font-size:12px;letter-spacing:.06em;padding:0 1px;margin-bottom:12px}.login input::placeholder{color:#ffffffe0}.login input:focus{outline:none;border-bottom-color:#fff;box-shadow:0 1px 0 #fff}.enter{cursor:pointer;margin-top:20px;width:100%;min-height:43px;border:1px solid #ffffff8c;color:#fff;background:#00000010;font-size:10px;text-transform:uppercase;letter-spacing:.24em;transition:background .2s}.enter:hover{background:#ffffff25}.enter:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes drift{from{transform:scale(1.24) translate(-1.4%,.5%)}to{transform:scale(1.40) translate(1.4%,-1%)}}
@media(max-width:540px){.scene{background-position:52% center}.login{width:270px}}
@media(max-height:420px){.login{padding-top:18px;padding-bottom:18px}.login input{height:36px;margin-bottom:8px}.enter{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.scene{animation:none;transform:scale(1.24)}}

.login-message{margin:18px 0 0;font-size:11px;line-height:1.6;color:#fff;text-shadow:0 1px 6px #000}