.j8-account-bar,.j8-account-bar *{box-sizing:border-box}
.j8-account-bar{
    width:100%;display:flex;justify-content:space-between;
    align-items:center;gap:16px;flex-wrap:wrap;
    padding:16px 24px;background:#0b1120;
    border-bottom:1px solid #334155;color:#e2e8f0;
    font:16px system-ui,sans-serif;
}
.j8-account-bar a{color:#bae6fd;text-decoration:none}
.j8-account-bar .j8-brand{font-weight:700}
.j8-account-bar nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.j8-account-bar nav>a{display:inline-flex;align-items:center;min-height:44px}
.j8-account-bar form{margin:0}
.j8-account-bar button{
    width:auto;margin:0;min-height:44px;padding:9px 14px;
    background:#172033;border:1px solid #64748b;
    color:#e2e8f0;border-radius:8px;font:inherit;cursor:pointer;
}
.j8-home-page{display:block;padding:0;min-height:100dvh}
.j8-home-page>main{width:calc(100% - 24px);margin:24px auto}
.j8-account-page{
    margin:0;min-height:100dvh;background:#0b1120;
    color:#e2e8f0;font:16px system-ui,sans-serif;
}
.j8-account-content{
    box-sizing:border-box;width:calc(100% - 24px);max-width:560px;
    margin:32px auto;padding:26px;background:#172033;
    border:1px solid #334155;border-radius:14px;
}
.j8-account-content a{color:#7dd3fc}
.j8-account-content label{display:block;margin-bottom:8px}
.j8-account-content input{
    box-sizing:border-box;width:100%;padding:12px;
    background:#0b1120;color:white;border:1px solid #64748b;
    border-radius:8px;font:inherit;
}
.j8-account-content button{
    min-height:44px;padding:12px 18px;border-radius:8px;
    background:#0369a1;color:white;border:1px solid #475569;
    font:inherit;cursor:pointer;
}
.j8-account-content .helptext{display:block;margin-top:8px;color:#cbd5e1;font-size:14px}
.j8-account-content .errorlist{color:#fda4af}
.j8-account-content dd{margin:8px 0 20px;overflow-wrap:anywhere}
.j8-account-bar :focus-visible,.j8-account-content :focus-visible{
    outline:3px solid #facc15;outline-offset:3px;
}
@media(max-width:600px){
    .j8-account-bar{padding:12px}
    .j8-account-bar nav{gap:18px}
    .j8-account-content{padding:20px}
}