.login-page{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--df-bg);color:var(--df-text-2);font:14px var(--df-font-ui)}.login-card{width:min(400px,calc(100% - 70px));padding:32px;background:var(--df-panel);border:1px solid var(--df-border-2);border-radius:12px;box-shadow:var(--df-shadow-pop)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand img{display:block;flex:none}.login-brand .df-wordmark{font-size:25px}.login-card h1{font-size:23px}.login-card p{line-height:1.6;color:var(--df-muted)}.login-card form{display:grid;gap:18px;margin:24px 0}.login-card label,.account-fields label{display:grid;gap:8px}.login-card input{background:var(--df-panel-2);border:1px solid var(--df-border-3);border-radius:5px;padding:12px;color:var(--df-text);font:inherit}.login-card button{background:var(--df-accent);border:0;border-radius:5px;padding:13px;color:var(--df-on-accent);font:600 15px var(--df-font-ui);cursor:pointer}.login-foot{font-size:12px}.account-box{margin:20px 0;padding:18px;border:1px solid var(--df-border-3);border-radius:6px}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.account-result{overflow-wrap:anywhere;white-space:pre-wrap;color:#9fd3cc}.account-profile{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-profile b{margin-right:auto}.account-box input{min-width:0}.account-box button{margin:5px 4px 5px 0}.account-box small{display:block;color:var(--df-muted);margin:10px 0}[hidden]{display:none!important}@media(max-width:700px){.account-fields{grid-template-columns:1fr}}