@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');

*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:#000;color:#fff;font-family:Poppins,Arial,sans-serif}
.login-shell{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:36px 20px;background:#000 url('login-background.png') center/cover no-repeat}
.login-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0007,#0003 45%,#0008),radial-gradient(circle at center,#0000 0,#0005 82%)}
.login-stack{position:relative;z-index:1;width:min(410px,100%);display:grid;gap:20px}
.wordmark{text-align:center;color:#fff;font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:.34em;line-height:1;text-indent:.34em;text-shadow:0 3px 25px #000}
.login-card{width:100%;padding:30px;border:1px solid #ffffff35;border-radius:24px;background:#11111173;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff25;-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%)}
.login-card label{display:block;margin:0 0 18px;color:#f3f3ef;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px #000}
.login-card input{width:100%;height:54px;margin-top:9px;padding:0 16px;border:1px solid #ffffff38;border-radius:13px;outline:0;background:#ffffff17;color:#fff;font:500 15px Poppins,Arial,sans-serif;box-shadow:inset 0 1px #ffffff12;transition:.2s}
.login-card input:focus{border-color:#fff;background:#ffffff24;box-shadow:0 0 0 3px #ffffff18}
.login-card button{width:100%;height:55px;margin-top:5px;border:1px solid #fff;border-radius:13px;background:#fff;color:#0a0a0a;font:700 13px Poppins,Arial,sans-serif;cursor:pointer;transition:.2s}
.login-card button:hover{background:#deded9;transform:translateY(-1px)}
.login-error{margin:0 0 18px;padding:12px 14px;border:1px solid #ffb4b480;border-radius:11px;background:#5b1111a8;color:#fff;font-size:11px;line-height:1.5}
@media(max-width:600px){.login-shell{padding:24px 18px;background-position:62% center}.login-stack{gap:17px}.wordmark{font-size:30px}.login-card{padding:24px;border-radius:20px}.login-card input,.login-card button{height:52px}}