body{display:grid;place-items:center;min-height:100dvh;padding:24px;background:#080808}.login-panel{width:min(100%,420px);border:1px solid #292929;background:#111;border-radius:24px;padding:32px}.login-panel .brand{font-size:28px}.login-panel h1{font-size:25px;margin:32px 0 10px}.login-panel p{color:#aaa;line-height:1.5}.login-panel form{display:grid;gap:18px;margin:28px 0}.login-panel label{display:grid;gap:8px;font-size:14px}.login-panel input{padding:14px;background:#080808;border:1px solid #444;border-radius:10px;color:#fff;font:inherit;width:100%;box-sizing:border-box}.login-panel button{padding:14px;border-radius:10px;background:#f78cc8;border:0;color:#151015;font:inherit;font-weight:700;cursor:pointer}.login-panel button:disabled{opacity:.6;cursor:wait}.login-panel a{color:#eee}.login-panel [hidden]{display:none}.login-panel #feedback{margin:0;color:#ffadd9;font-size:14px}

body{background:#fff6fa}.login-panel{background:white;border-color:#efd4e2;box-shadow:0 20px 70px #a24f7510}.login-panel p{color:#806e79}.login-panel input{background:#fffafb;border-color:#ead4df;color:#30212b}.login-panel button{background:#f41479;color:white}.login-panel a{color:#98637e}.login-panel #feedback{color:#d31b6a}