*{box-sizing:border-box}body{background:#07120d;color:#edf9f1;font-family:Arial,sans-serif;margin:0}.page{background:radial-gradient(circle at top,#123b26,#07120d 60%);display:grid;min-height:100vh;padding:24px;place-items:center}.card{background:#0c1d14;border:1px solid #245638;border-radius:20px;box-shadow:0 22px 80px #0008;padding:42px;position:relative;text-align:center;width:min(560px,100%)}.login{width:min(420px,100%)}h1{font-size:27px;margin:12px 0}.sub,p{color:#b7c9bd;line-height:1.5}.mark,.status{background:#d9a91e;border-radius:50%;color:#17210a;display:grid;font-size:32px;font-weight:700;height:58px;margin:auto;place-items:center;width:58px}.connected{background:#25d366;color:#052b15}.success{color:#5de18d}button,input{border-radius:10px;font-size:16px;margin-top:12px;padding:14px;width:100%}input{background:#102719;border:1px solid #315c40;color:#fff}button{background:#25d366;border:0;color:#042413;cursor:pointer;font-weight:700}button:disabled{cursor:wait;opacity:.6}.secondary{background:#0000;border:1px solid #3e9c60;color:#71e99b}.actions{margin:24px 0}.actions,.qr{grid-gap:10px;display:grid;gap:10px}.qr{background:#fff;border-radius:14px;color:#102719;justify-items:center;margin-top:30px;padding:20px}.logout,.qr span{font-size:13px}.logout{background:#0000;color:#9cb6a4;margin:0;padding:7px 10px;position:absolute;right:16px;top:14px;width:auto}.error{color:#ff9292;display:block;margin-top:16px}