.terminal-admin-panel {
    max-width: 760px;
}

.terminal-code-form {
    display: grid;
    gap: 16px;
    padding: 24px;
}

.terminal-code-form label {
    display: grid;
    gap: 8px;
    font-weight: 700;
}

.terminal-code-form input {
    width: 100%;
}

.terminal-code-form button {
    justify-self: start;
}

.terminal-code-result {
    margin: 0 24px 24px;
    padding: 26px;
    border: 1px solid #cfe4dd;
    border-radius: 18px;
    background: #eef8f5;
}

.terminal-code-result p {
    max-width: 600px;
    color: #62736e;
    line-height: 1.6;
}

.terminal-code {
    margin: 14px 0 18px;
    color: #087a62;
    font: 800 38px/1 monospace;
    letter-spacing: 5px;
}

.terminal-security-note {
    margin: 0 24px 24px;
    padding: 17px 19px;
    border-radius: 14px;
    background: #f5f7f6;
    color: #687772;
    line-height: 1.55;
}

#terminal-error {
    margin: 0 24px 20px;
}

@media (max-width: 700px) {
    .terminal-code-form,
    .terminal-code-result,
    .terminal-security-note {
        margin-left: 14px;
        margin-right: 14px;
    }

    .terminal-code {
        font-size: 30px;
    }
}